.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}.product-media-modal[open]{visibility:visible;opacity:1;z-index:101}.product-media-modal__dialog{display:flex;align-items:center;height:100dvh}.product-media-modal__toggle{background-color:rgb(var(--color-background));border:1px 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;right:20px;padding:12px;position:fixed;z-index:2;top:20px;width:40px;height:40px}.product-media-modal__content{max-height:100dvh;width:100%;overflow:auto}.product-media-modal__content>*{display:block;height:auto;margin:auto}.product__media-icon{background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;left:1.2rem;top:1.2rem;z-index:1;opacity:1;transition:color .15s ease,opacity .15s ease;pointer-events:none}.product__media-icon span.lightbox-icon{display:flex;justify-content:center;align-items:center;padding:7px}.product__media-icon span.lightbox-icon svg{width:12px;height:12px}.product-media-modal__content>*{width:100%}.product-media{position:relative;width:100%;height:100%;z-index:1}media-gallery .swiper-slide .loading__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;z-index:2}media-gallery .image-magnify-full-size{cursor:zoom-out;z-index:1;margin:0;border-radius:8px;display:block;width:100%;height:100%;position:absolute;background-repeat:no-repeat}.image-magnify-full-size--animating{--magnify-duration: .35s;--magnify-easing: cubic-bezier(.25, .1, .25, 1);transition:background-size var(--magnify-duration) var(--magnify-easing),background-position var(--magnify-duration) var(--magnify-easing)}.image-magnify-full-size--closing{pointer-events:none}.light-box-zoom-trigger{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.light-box-zoom-trigger:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-2px}@media screen and (min-width:769px){.product-media-modal__toggle{right:50px;top:22px}.product-media-modal__dialog .global-media-settings--no-shadow{overflow:visible!important}.product__media-icon{opacity:0}media-gallery .swiper:hover .product__media-icon{opacity:1}}@media screen and (min-width:990px){.product-media-modal__toggle{right:50px}.product-media-modal__content{padding:20px 110px}.product-media-modal__content{padding-bottom:15px}media-gallery .swiper-pagination{pointer-events:none}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.image-magnify-hover{--magnify-cursor-in: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><circle cx='24' cy='24' r='23' fill='%23fff' stroke='%23000' stroke-opacity='.12'/><g fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><circle cx='22' cy='22' r='8.5'/><path d='M28.2 28.2 34 34M18 22h8M22 18v8'/></g></svg>") 24 24, zoom-in;--magnify-cursor-out: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><circle cx='24' cy='24' r='23' fill='%23fff' stroke='%23000' stroke-opacity='.12'/><g fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><circle cx='22' cy='22' r='8.5'/><path d='M28.2 28.2 34 34M18 22h8'/></g></svg>") 24 24, zoom-out;cursor:var(--magnify-cursor-in);pointer-events:auto}.image-magnify-hover .image-magnify-full-size{cursor:var(--magnify-cursor-out)}.product__media-icon.hover-zoom-enabled{display:none}.light-box-zoom-trigger.hover-zoom-enabled,.image-magnify-hover .light-box-zoom-trigger{pointer-events:none}}@media screen and (max-width:768px){.product-media-modal__content>*:not(.active){display:none}.product-media-modal__content>*.active{display:block}.product-media-modal__content>*{height:100dvh;object-fit:contain}}
/*# sourceMappingURL=/cdn/shop/t/1277/assets/component-product-media-modal.css.map */