.popup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-popup);pointer-events:none}.popup-modal.open{pointer-events:auto}.popup-modal--background{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;-webkit-backdrop-filter:blur(var(--background-blur));backdrop-filter:blur(var(--background-blur));pointer-events:none;transition:opacity var(--transition-duration) var(--transition-ease);opacity:0;cursor:auto}.popup-modal.open .popup-modal--background{opacity:1}.popup-modal--modal{position:absolute;bottom:0;left:0;right:0;width:100%;height:calc(100% - var(--header-bar));display:flex;flex-direction:column;align-items:flex-start;min-height:0;max-width:25.75rem;margin:auto;background:var(--color-card-transparent);border-radius:var(--border-radius) var(--border-radius) 0 0;transition:transform var(--transition-duration) var(--transition-ease);transform:translateY(100%)}.popup-modal.open .popup-modal--modal{transform:none;transition-delay:calc(var(--transition-duration) / 2)}.popup-modal--header{width:100%;padding:0 var(--container-gutter)}.popup-modal--header>div{display:flex;justify-content:flex-end;padding:.625rem 0;border-bottom:1px solid var(--color-card)}.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:50%;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(-50%)!important;transition-property:opacity;opacity:0}.popup-modal.open .popup-modal--modal{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/popup-modal.css.map */