.product-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.product-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.product-popup-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;height:80%;margin:0 auto;left:50%;transform:translate(-50%);margin-top:5rem;width:92%;position:absolute;top:0;padding:0 1.5rem 0 3rem;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.product-popup-modal__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.product-popup-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width:750px){.product-popup-modal__content{padding-right:1.5rem;margin-top:10rem;width:60%;padding:0 3rem}.product-media-modal__dialog .global-media-settings--no-shadow{overflow:visible!important}}.product-popup-modal__content img{max-width:100%}@media screen and (max-width:749px){.product-popup-modal__content table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0}.product-popup-modal__content-info>*{max-height:100%}}.popup-modal__metaobject-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px}.popup-modal__metaobject-content *{margin:0;line-height:normal}.popup-modal__metaobject-content img{object-fit:contain;height:auto;width:90%}.product-popup-modal__content:has(.popup-modal__metaobject-content){margin-top:0;height:auto;max-height:90%;max-width:800px;top:50%;left:50%;transform:translate(-50%,-50%)}.product-popup-modal__opener{display:inline-block}.product-popup-modal__button{padding:12px;color:var(--popup-modal-text-color);background-color:var(--popup-modal-bg-color);font-size:1.6rem;border-radius:4px;min-height:auto;text-decoration:none;transition:transform .2s ease-in}.product-popup-modal__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.product-popup-modal__content-info{padding-bottom:12px}.product-popup-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%;text-align:center}.popup-modal__metaobject-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.product-popup-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;padding:1.2rem;z-index:2;top:1.5rem;width:4rem;margin:0 0 0 auto}.product-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.product-popup-modal__toggle .icon{height:auto;margin:0;width:2.2rem}.product--no-media .product-popup-modal__button{padding-right:0}:root{--popup-fade-duration: .35s}.product-popup-modal{opacity:0;visibility:hidden;z-index:-1;transition:opacity var(--popup-fade-duration) ease,visibility 0s linear var(--popup-fade-duration),z-index 0s linear var(--popup-fade-duration)}.product-popup-modal[open]{opacity:1;visibility:visible;z-index:101;transition:opacity var(--popup-fade-duration) ease,visibility 0s linear 0s,z-index 0s linear 0s}.product-popup-modal__content:has(.popup-modal__metaobject-content){transform:translate(-50%,-46%);opacity:0;transition:transform var(--popup-fade-duration) ease,opacity var(--popup-fade-duration) ease}.product-popup-modal[open] .product-popup-modal__content:has(.popup-modal__metaobject-content){transform:translate(-50%,-50%);opacity:1}@media(prefers-reduced-motion:reduce){:root{--popup-fade-duration: 0s}.product-popup-modal__content:has(.popup-modal__metaobject-content){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-popup-modal.css.map */