.custom-media-gallery,.custom-media-gallery *{box-sizing:border-box}custom-media-gallery{display:block;position:relative}.custom-media-gallery{position:relative;width:100%;background:none}.custom-media-gallery__viewport{position:relative;width:100%;height:60vh;scroll-behavior:smooth;scrollbar-width:none;background-color:#f5f5f5;-webkit-overflow-scrolling:touch;overflow:hidden}.custom-media-gallery__viewport::-webkit-scrollbar{display:none}.custom-media-gallery__container{display:flex;height:60vh;max-height:60vh;align-items:center;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.custom-media-gallery__item{flex-shrink:0;position:relative;overflow:hidden;margin:0;height:90%;min-height:0;max-height:100%;align-self:center}.custom-media-gallery__item--main{flex:0 0 auto;width:100%;background-color:#f5f5f5;height:80%;display:flex;align-items:center;justify-content:center}.custom-media-gallery__item:not(.custom-media-gallery__item--main){flex:0 0 auto;height:100%;width:auto;border-radius:1.5rem;overflow:hidden}.custom-media-gallery__media-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.custom-media-gallery__item--main .custom-media-gallery__image{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.custom-media-gallery__item:not(.custom-media-gallery__item--main) .custom-media-gallery__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:1.5rem}.custom-media-gallery .slider-buttons{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:10;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.custom-media-gallery .slider-button{width:44px;height:44px;background:#0009;border-radius:50%;border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background-color .2s ease}.custom-media-gallery .slider-button:hover{background:#000c;color:#fff}.custom-media-gallery .slider-button svg{fill:#fff}.custom-media-gallery .slider-button:disabled{opacity:.4;cursor:not-allowed;color:#fff}.custom-media-gallery .slider-button:disabled svg,.custom-media-gallery .slider-button[disabled] svg,.custom-media-gallery .slider-button:disabled .icon,.custom-media-gallery .slider-button[disabled] .icon{fill:#fff;color:#fff}.custom-media-gallery .slider-button--prev{margin-left:2rem}.custom-media-gallery .slider-button--next{margin-right:2rem}.custom-media-gallery .slider-button .svg-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.custom-media-gallery .slider-button svg{width:20px;height:20px;fill:currentColor;pointer-events:none}.custom-media-gallery .slider-button--prev svg{transform:rotate(90deg)}.custom-media-gallery .slider-button--next svg{transform:rotate(270deg)}.custom-media-gallery .slider-counter{position:absolute;top:1.5rem;right:2rem;left:auto;z-index:10;background-color:#0009;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:1.2rem;font-weight:500;pointer-events:none;min-width:3rem;text-align:center;letter-spacing:.07rem}.custom-media-gallery__thumbnails{display:flex;gap:.5rem;padding:.75rem 0;overflow-x:auto;scrollbar-width:none}.custom-media-gallery__thumbnails::-webkit-scrollbar{display:none}.custom-media-gallery__thumbnail{flex:0 0 auto;height:48px;border:2px solid transparent;border-radius:.375rem;overflow:hidden;cursor:pointer;padding:0;background:#f5f5f5;opacity:.4;transition:opacity .2s ease}.custom-media-gallery__thumbnail:hover{opacity:.7}.custom-media-gallery__thumbnail.is-active{opacity:1}.custom-media-gallery__thumbnail img{display:block;height:100%;width:auto;object-fit:contain}@media screen and (min-width:750px){.product__media-wrapper{position:sticky;top:120px}.custom-media-gallery{position:relative;width:100%;max-width:100%}.custom-media-gallery__container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-padding-left:0;scroll-padding-right:0}.custom-media-gallery__item{scroll-snap-align:start}.custom-media-gallery__item--main{width:100%;aspect-ratio:auto}.custom-media-gallery__item--main .custom-media-gallery__image{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.custom-media-gallery__item:not(.custom-media-gallery__item--main){width:fit-content;flex:0 0 auto}.custom-media-gallery .slider-buttons{display:flex;position:absolute;top:30vh;left:0;right:0;transform:translateY(-50%);z-index:10;justify-content:space-between;align-items:center;pointer-events:none}.custom-media-gallery .slider-button{display:flex;pointer-events:auto}.custom-media-gallery .slider-button--prev{margin-left:2rem}.custom-media-gallery .slider-button--next{margin-right:2rem}.custom-media-gallery .slider-counter{display:block;font-size:1.2rem}}@media screen and (max-width:749px){.product__media-wrapper{position:relative;height:55vh}.custom-media-gallery{width:100vw;height:55vh;overflow:hidden;left:-1.5rem}custom-media-gallery{height:55vh;overflow:hidden}.custom-media-gallery__container.slider.slider--mobile{margin:0}.custom-media-gallery__viewport{height:55vh;background-color:rgb(var(--color-background))}.custom-media-gallery__container{height:55vh;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;scroll-padding-left:1.5rem}.custom-media-gallery__item{scroll-snap-align:start}.custom-media-gallery__item--wide-b{display:block}.custom-media-gallery__item--wide-a,.custom-media-gallery__item--wide-b{scroll-snap-stop:always;overflow:hidden}.custom-media-gallery__item--wide-a .custom-media-gallery__image,.custom-media-gallery__item--wide-b .custom-media-gallery__image{width:calc((100vw - 3rem)*2);max-width:none;height:100%;object-fit:cover}.custom-media-gallery__item--wide-b .custom-media-gallery__image{margin-left:calc((100vw - 3rem)*-1)}.custom-media-gallery__item--main{flex:0 0 100vw;width:100vw;margin:0;height:50vh;max-height:50vh;align-self:auto;background-color:rgb(var(--color-background))}.custom-media-gallery__item--main .custom-media-gallery__image{width:95vw;max-width:95vw;max-height:50vh;display:block;margin:0 auto;object-fit:contain;object-position:center}.custom-media-gallery__item:not(.custom-media-gallery__item--main){height:48vh;max-height:48vh;width:auto;max-width:100vw;overflow:hidden;align-self:center}.custom-media-gallery__item:not(.custom-media-gallery__item--main):not(.custom-media-gallery__item--wide-a):not(.custom-media-gallery__item--wide-b) .custom-media-gallery__image{height:100%;max-width:100vw;object-fit:contain;object-position:center;border-radius:1.5rem}.custom-media-gallery slider-component.custom-media-gallery__viewport{overflow:hidden}.custom-media-gallery .slider-buttons,.custom-media-gallery__thumbnails{display:none}.custom-media-gallery .slider-counter.caption{top:2rem;right:3rem;font-size:1rem;letter-spacing:.07rem}}.custom-media-gallery__item--wide-b,.product__media-overlay-controls{display:none}.custom-media-gallery .product__media-modal-opener{display:block;width:100%;height:100%;border:none;background:transparent;padding:0;margin:0;cursor:zoom-in;position:relative;overflow:hidden;transition:opacity .2s ease;z-index:3}.custom-media-gallery .product__media-modal-opener:hover{opacity:.9}.custom-media-gallery .product__media-modal-opener:focus{outline:2px solid #0066cc;outline-offset:2px}product-modal.product-media-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#f5f5f5f2;z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}product-modal.product-media-modal[open]{display:flex;opacity:1;visibility:visible;pointer-events:auto}product-modal .product-media-modal__dialog{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:2rem;position:relative;background:transparent;border:none;outline:none}product-modal .product-media-modal__toggle{position:fixed;top:1.6rem;right:1.6rem;z-index:1001;width:4.4rem;height:4.4rem;background:#fffffffa;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:all .2s ease;font-size:0;line-height:1}product-modal .product-media-modal__toggle:hover{background:#fff;transform:scale(1.05)}.product-media-modal__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:1001;width:4.4rem;height:4.4rem;background:#000000b3;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.product-media-modal__nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.product-media-modal__nav:disabled{opacity:.3;cursor:not-allowed}.product-media-modal__nav:disabled:hover{transform:translateY(-50%);background:#000000b3}.product-media-modal__nav--prev{left:4rem}.product-media-modal__nav--next{right:4rem}product-modal .product-media-modal__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:95vw;max-height:95vh;overflow:hidden;position:relative;pointer-events:none}.product-media-modal__content-item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;max-width:90vw;max-height:90vh;opacity:0;transition:opacity .3s ease;pointer-events:auto;justify-content:center;align-items:center}.product-media-modal__content-item[style*="display: flex"]{display:flex;opacity:1;justify-content:center;align-items:center}.product-media-modal__image{max-width:90vw;max-height:80vh;width:auto;height:auto;object-fit:contain;object-position:center;display:block;border-radius:4px;cursor:zoom-in;transition:transform .3s ease;margin:auto}.product-media-modal__image.is-zoomed{cursor:grab;z-index:10}.product-media-modal__image.is-zoomed:not(.is-panning){cursor:zoom-out}.product-media-modal__image.is-panning{cursor:grabbing;transition:none}product-modal .product-media-modal__close-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:3rem;line-height:1;font-weight:400;color:#333}body.modal-open{overflow:hidden}@media screen and (max-width:768px){product-modal .product-media-modal__dialog{padding:1rem}product-modal .product-media-modal__toggle{top:1rem;right:1rem;width:4rem;height:4rem}.product-media-modal__nav{width:4rem;height:4rem}.product-media-modal__nav--prev{left:2rem}.product-media-modal__nav--next{right:2rem}.product-media-modal__image{max-width:95vw;max-height:55vh}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/custom-media-gallery.css.map */