.popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-popup)}.popup-modal--background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;cursor:auto}.popup-modal.open .popup-modal--background{pointer-events:auto}.popup-modal--modal{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;min-height:0;max-width:25.75rem;margin-left:auto;background:var(--color-background);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:transform var(--transition-duration) var(--transition-ease);transform:translate(100%)}.popup-modal.open .popup-modal--modal{transform:none;transition-delay:calc(var(--transition-duration) / 2)}.popup-modal--header{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--header-bar);padding:0 var(--container-gutter)}.popup-modal--header button{width:1.25rem;height:1.25rem;margin-left:auto}.popup-modal--content{width:100%;flex-grow:1;padding:1.375rem var(--container-gutter);overflow:auto}@media (min-width: 1024px){.popup-modal--modal{bottom:unset;top:var(--header-bar);height:fit-content;min-height:calc(100vh - calc(var(--header-bar)* 2));max-height:calc(100vh - var(--header-bar) + .625rem);border-radius:var(--border-radius);transform:translateY(100vh)}}@media (min-height: 1200px){.popup-modal--modal{top:calc(50% - 25rem);height:50rem;max-height:unset;min-height:unset}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/popup-modal.css.map */