.modal{padding:0;border:0;outline:0;background:var(--color-white-100);color:var(--color-foreground);border-radius:0;max-width:min(90vw,600px);max-height:90dvh;box-shadow:var(--shadow-lg);margin:auto}.modal::backdrop{background-color:#00000080}.modal--size-sm{max-width:min(90vw,400px)}.modal--size-md{max-width:min(90vw,600px)}.modal--size-lg{max-width:min(95vw,960px);max-height:90dvh}.modal--size-full{max-width:95vw;max-height:95dvh}.modal__inner{display:flex;flex-direction:column;max-height:inherit;overflow-y:auto;scrollbar-gutter:stable}.modal__header{display:flex;align-items:center;justify-content:space-between;min-height:45px;padding:var(--space-3) var(--space-3);flex-shrink:0}.modal__title{font-family:var(--font-body--family);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-grey-850);margin:0}.modal__title-placeholder{display:block}.modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--space-1);background:transparent;border:0;cursor:pointer;color:var(--color-foreground);border-radius:0;flex-shrink:0}.modal__close:hover{color:var(--color-grey-850)}.modal__close:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.modal__content{padding:0 var(--space-7) var(--space-7);flex:1}@media(prefers-reduced-motion:no-preference){.modal{animation:modal-in .2s ease-out}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:48rem){.modal{max-width:95vw;max-height:95dvh}.modal__content{padding:0 var(--space-4) var(--space-6)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/modal.css.map */