.modal{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:var(--z-index-modal)}.modal[hidden]{display:none}.modal__overlay{background:var(--color-overlay);top:0;right:0;bottom:0;left:0;position:absolute}.modal__dialog{animation:modal-enter var(--duration-base) var(--easing-emphasized);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-height:calc(100vh - 2 * var(--spacing-md));overflow:auto;position:relative;width:min(100%,38rem)}.modal__dialog--small{width:min(100%,28rem)}.modal__dialog--large{width:min(100%,58rem)}.modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal__title{color:var(--color-text);font-size:var(--font-size-xl);margin:0}.modal__close,.popup__close{background:transparent;border:0;border-radius:var(--radius-sm);color:var(--color-body);cursor:pointer;display:grid;padding:var(--spacing-xs);place-items:center}.modal__close:focus-visible,.popup__close:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.modal__body{color:var(--color-body);padding:var(--spacing-lg)}body.modal-open{overflow:hidden}@keyframes modal-enter{0%{opacity:0;transform:translateY(1rem) scale(.98)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-modal.css.map */
