popup-modal{position:fixed;top:0;left:0;display:grid;place-items:center;width:100%;height:100%;z-index:var(--z-popup);padding:var(--container-gutter)}.popup-modal--background{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-taupe-dark);mix-blend-mode:multiply;opacity:0;transition:opacity var(--transition-duration) var(--transition-ease);z-index:var(--z-popup);pointer-events:none}body:has(popup-modal.open) .popup-modal--background{opacity:1;pointer-events:auto}.popup-modal--close{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}popup-modal.open .popup-modal--close{pointer-events:auto}.popup-modal--content{position:absolute;top:0;left:0;display:flex;flex-direction:column;width:100%;height:fit-content;max-height:100%;padding-top:var(--header-height);background:var(--color-background);transition:transform var(--transition-duration) var(--transition-ease);transform:translateY(100%)}popup-modal.open .popup-modal--content{transform:translate(50%,50%)}@media(min-width:768px){popup-modal{z-index:var(--z-popup)}.popup-modal--content{height:100%;width:50%;padding-top:0}}@media(min-width:1024px){.popup-modal--content{width:calc(calc(var(--container-width) * .333) + calc(calc(100vw - var(--container-width)) / 2))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/popup-modal.css.map */