.modal{--__modal-padding-block: var(--modal-padding-block, var(--spacing-06));--__modal-padding-inline: var(--modal-padding-inline, var(--spacing-05));--__modal-max-width: var(--modal-max-width, 30rem);position:relative;display:none;z-index:var(--z-index-highest)}.modal.is-open{display:block}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:0}[aria-hidden=false] .modal__overlay{animation:modal-overlay-in var(--duration-medium) var(--ease-out-quart)}[aria-hidden=true] .modal__overlay{animation:modal-overlay-out var(--duration-short) ease-in}.modal__header{position:sticky;top:0;left:0;right:0;padding-inline:var(--__modal-padding-inline);padding-block:var(--spacing-04-5);border-bottom:1px solid var(--color-border);background-color:var(--color-background);z-index:5}.modal__title{font-size:var(--font-size-h3)}.modal__description{font-size:var(--font-size-body-sm);color:var(--color-foreground-subtle);margin-top:var(--spacing-03)}.modal__close{--icon-size: 2rem;position:absolute;top:0;right:0;width:auto;aspect-ratio:1 / 1;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-foreground);border:none;cursor:pointer}.modal__container{z-index:1;width:calc(100% - var(--page-gutter) * 2);max-width:var(--__modal-max-width)}.modal__inner{display:flex;flex-direction:column;min-height:100%;position:relative;isolation:isolate}.modal__footer{// --button-font-size: var(--font-size-body-sm);position:sticky;bottom:0;left:0;right:0;padding-inline:var(--__modal-padding-inline);padding-block:var(--spacing-04);border-top:1px solid var(--color-border);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--spacing-03);background-color:var(--color-background);z-index:2}.modal__footer a,.modal__footer button{width:100%;min-height:3rem;padding-inline:.5em}.modal__content{flex-grow:1;padding-inline:var(--__modal-padding-inline);padding-block:var(--__modal-padding-block);z-index:1}.modal__content-inner{width:100%}.modal[data-modal-type=drawer] .modal__container{height:100dvh;width:100%;max-width:var(--__modal-max-width);overflow-y:auto;will-change:transform;overscroll-behavior:contain}.modal[data-modal-slide-origin=bottom][aria-hidden=false] .modal__container{animation:modal-slide-up-in var(--duration-medium) var(--ease-out-quart)}.modal[data-modal-slide-origin=bottom][aria-hidden=true] .modal__container{animation:modal-slide-up-out var(--duration-short) ease-in}.modal[data-modal-slide-origin=right] .modal__overlay{justify-content:flex-end}.modal[data-modal-slide-origin=right][aria-hidden=false] .modal__container{animation:modal-slide-right-in var(--duration-medium) var(--ease-out-quart)}.modal[data-modal-slide-origin=right][aria-hidden=true] .modal__container{animation:modal-slide-right-out var(--duration-short) ease-in}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-up-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-slide-up-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes modal-slide-right-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modal-slide-right-out{0%{transform:translate(0)}to{transform:translate(100%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/micromodal.css.map */