.product-media-modal{background-color:#fff;height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1;transition:opacity .2s ease,visibility .2s ease}.product-media-modal[open]{visibility:visible;opacity:1;z-index:1000}.product-media-modal__dialog{display:flex;flex-direction:column;height:100vh;width:100%}.product-media-modal__header{display:flex;align-items:center;padding:20px 40px;flex-shrink:0}.product-media-modal__back{background:none;border:none;cursor:pointer;padding:8px;margin-right:12px;color:rgb(var(--color-text-main));display:flex;align-items:center}.product-media-modal__title{font-family:StyreneA-Medium,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;color:rgb(var(--color-text-main));text-transform:uppercase;flex:1}.product-media-modal__close{background:#fff;border:1px solid rgba(40,40,41,.15);border-radius:0;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-text-main));transition:border-color .3s ease,transform .3s ease}.product-media-modal__close:hover{border-color:rgb(var(--color-text-main));transform:scale(1.1)}.product-media-modal__close svg{transition:transform .3s ease}.product-media-modal__close:hover svg{transform:rotate(90deg)}.product-media-modal__viewport{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:0 80px}.product-media-modal__main-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.product-media-modal__slide{display:none;width:100%;height:100%;align-items:center;justify-content:center}.product-media-modal__slide.active{display:flex}.product-media-modal__slide img{max-width:100%;max-height:100%;object-fit:contain;display:block}.product-media-modal__arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:1px solid rgba(40,40,41,.15);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-text-main));z-index:2;transition:border-color .15s ease,transform .15s ease}.product-media-modal__arrow:hover{border-color:rgb(var(--color-text-main))}.product-media-modal__arrow--prev{left:20px}.product-media-modal__arrow--next{right:20px}.product-media-modal__thumbs{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 40px;flex-shrink:0}.product-media-modal__thumb{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:none;transition:border-color .15s ease}.product-media-modal__thumb.active{border-color:rgb(var(--color-text-main))}.product-media-modal__thumb img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (max-width:768px){.product-media-modal__header{padding:16px}.product-media-modal__viewport{padding:0 50px}.product-media-modal__arrow{width:36px;height:36px}.product-media-modal__arrow--prev{left:8px}.product-media-modal__arrow--next{right:8px}.product-media-modal__thumbs{padding:16px;gap:8px}.product-media-modal__thumb{width:48px;height:48px}}.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;display:block;width:100%;height:100%;position:absolute}.light-box-zoom-trigger{position:absolute;z-index:1;width:100%;height:100%;cursor:pointer}.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: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}@media screen and (min-width:990px){.image-magnify-hover{cursor:zoom-in;pointer-events:auto}.product__media-icon.hover-zoom-enabled{display:none}.light-box-zoom-trigger.hover-zoom-enabled{pointer-events:none;cursor:zoom-in}.image-magnify-hover .light-box-zoom-trigger{pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/1428/assets/component-product-media-modal.css.map */