.media-modal{cursor:zoom-out}.media-modal .deferred-media{cursor:initial}.product-media-modal{background-color:rgb(var(--color-background));height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1;transition:opacity .3s ease,visibility .3s ease}.product-media-modal[open]{visibility:visible;opacity:1;z-index:101}.product-media-modal__dialog{display:flex;align-items:center;height:100vh}.product-media-modal__content{max-height:100vh;width:100%;overflow:auto}.product-media-modal__content>*:not(.active),.product__media-list .deferred-media{display:none}@media screen and (min-width:750px){.product-media-modal__content{padding-bottom:2rem}.product-media-modal__content>*:not(.active){display:block}}.product-media-modal__content>*{display:block;height:auto;margin:auto}.product-media-modal__content .media{background:none}.product-media-modal__model{width:100%}.product-media-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;right:2rem;padding:1.2rem;position:fixed;z-index:2;top:2rem;height:4rem;width:4rem}.product-media-modal__content .deferred-media{width:100%}@media screen and (min-width:750px){.product-media-modal__content{padding:2rem 11rem}.product-media-modal__content>*{width:100%}.product-media-modal__content>*+*{margin-top:2rem}.product-media-modal__toggle{right:5rem;top:2.2rem}}@media screen and (min-width:990px){.product-media-modal__content{padding:2rem 11rem}.product-media-modal__content>*+*{margin-top:1.5rem}.product-media-modal__content{padding-bottom:1.5rem}.product-media-modal__toggle{right:5rem}}.product-media-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.product-media-modal__toggle .icon{height:auto;margin:0;width:2.2rem}@media screen and (min-width:750px){.product-media-modal__dialog .global-media-settings--no-shadow{overflow:visible!important}}.product-media-modal__dialog .global-media-settings,.product-media-modal__dialog .global-media-settings video,.product-media-modal__dialog .global-media-settings model-viewer,.product-media-modal__dialog .global-media-settings iframe,.product-media-modal__dialog .global-media-settings img{border:none;border-radius:0}.product-media-modal__content>.product__media-item--variant.product__media-item--variant{display:none}.product-media-modal__content>.product__media-item--variant:first-child{display:block}
/*# sourceMappingURL=/cdn/shop/t/4/assets/v2-modal.css.map */