.product-media{--product-media-desktop-height: 500px;--product-media-gap: .5rem;width:100%}.product-media__stage{position:relative;width:100%}.product-media__main{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border:1px solid var(--color-border-subtle);border-radius:5px;background:radial-gradient(circle at 50% 45%,rgb(0 188 212 / 12%) 0%,transparent 55%),linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-raised) 50%,var(--color-background-subtle) 100%);box-shadow:var(--shadow-small);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;cursor:grab}.product-media__main:active{cursor:grabbing}.product-media__main::-webkit-scrollbar{display:none}.product-media__track{display:flex;width:100%;min-width:100%;gap:0;background:var(--color-surface)}.product-media__slide,.product-media__slide[data-leading-media=true]{order:var(--media-order);flex:0 0 100%;width:100%;max-width:100%;min-width:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.product-media__slide[data-leading-media=true]{order:0}.product-media__slide[hidden],.product-media__thumbnail[hidden]{display:none!important}.product-media__image-wrap{display:block;width:100%;height:100%;overflow:hidden}.product-media__main-image,.product-media__video,.product-media__external-video,.product-media__model{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.product-media__image-wrap .product-media__main-image{width:100%;height:auto}.product-media__slide[data-leading-media=true] .product-media__main-image,.product-media__slide[data-leading-media=true] .product-media__video,.product-media__slide[data-leading-media=true] .product-media__external-video,.product-media__slide[data-leading-media=true] .product-media__model{width:100%;max-width:100%;height:auto;object-fit:contain}.product-media__external-video{border:0}.product-media__model{min-height:350px}.product-media__arrow{position:absolute;z-index:3;top:50%;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:#0b1826eb;color:var(--color-icon);cursor:pointer;transform:translateY(-50%);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}.product-media__arrow:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary);color:var(--color-accent-text);transform:translateY(-50%) scale(1.06)}.product-media__arrow:disabled{cursor:not-allowed;opacity:.3}.product-media__arrow:focus-visible,.product-media__thumbnail:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.product-media__arrow span{padding:10px}.product-media__arrow--previous{left:.5rem}.product-media__arrow--next{right:.5rem}.product-media__thumbnails{display:flex;align-items:stretch;gap:.5rem;margin:.5rem 0 0;padding:.25rem 0 .5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.product-media__thumbnails::-webkit-scrollbar{display:none}.product-media__thumbnail{position:relative;display:block;flex:0 0 calc((100% - 1.5rem)/4);box-sizing:border-box;width:auto;min-width:0;padding:0;overflow:hidden;border:1px solid var(--color-border-subtle);border-radius:3px;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface-raised) 50%,var(--color-background-subtle) 100%);box-shadow:0 2px 6px #00000029;cursor:pointer;scroll-snap-align:start;touch-action:manipulation;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.product-media__thumbnail:hover{border-color:var(--color-primary-border);background:var(--color-surface-hover);box-shadow:var(--shadow-small);transform:translateY(-1px)}.product-media__thumbnail.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft),0 3px 8px #00bcd433}.product-media__thumbnail-image{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden}.product-media__thumbnail-img{display:block;box-sizing:border-box;width:100%;height:100%;padding:.25rem;object-fit:contain;transition:transform .2s ease}.product-media__thumbnail:hover .product-media__thumbnail-img{transform:scale(1.04)}.product-media__thumbnail-icon{position:absolute;right:.375rem;bottom:.375rem;display:grid;min-width:22px;min-height:22px;padding:3px;place-items:center;border:1px solid rgb(244 247 250 / 28%);border-radius:999px;background:var(--color-primary);color:var(--color-accent-text);font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 5px #00000047}@media screen and (min-width:480px){.product-media__arrow{width:36px;height:36px}.product-media__arrow--previous{left:.625rem}.product-media__arrow--next{right:.625rem}.product-media__thumbnail{flex-basis:calc((100% - 2.5rem) / 6)}}@media screen and (min-width:600px){.product-media__thumbnails{gap:.625rem;margin-top:.625rem;padding-bottom:.625rem}.product-media__thumbnail{flex-basis:calc((100% - 3.75rem) / 7)}.product-media__model{min-height:420px}}@media screen and (min-width:750px){.product-media__thumbnails{gap:.75rem;margin-top:.75rem}.product-media__thumbnail{flex-basis:calc((100% - 2.25rem)/4)}.product-media__arrow{width:38px;height:38px}.product-media__arrow span{font-size:31px}.product-media__arrow--previous{left:.75rem}.product-media__arrow--next{right:.75rem}}@media screen and (min-width:990px){.product-media__thumbnail{flex-basis:calc((100% - 3rem)/5)}.product-media__model{min-height:480px}}@media screen and (min-width:1200px){.product-media__thumbnail{flex-basis:calc((100% - 3.75rem) / 6)}}@media screen and (min-width:1440px){.product-media__main{height:var(--product-media-desktop-height)}.product-media__track{height:100%;gap:var(--product-media-gap);align-items:stretch}.product-media__slide{flex:0 0 calc((100% - (var(--product-media-gap) * 2)) / 1.5);width:calc((100% - (var(--product-media-gap) * 2)) / 2.5);height:100%;overflow:hidden}.product-media__slide[data-leading-media=true]{display:grid;flex-basis:100%;width:100%;height:100%;overflow:hidden;place-items:center;background:#fff}.product-media__image-wrap{display:grid;width:100%;height:100%;place-items:center}.product-media__main-image,.product-media__video,.product-media__external-video,.product-media__model{width:100%;height:100%;min-height:0;aspect-ratio:auto}.product-media__slide[data-leading-media=true] .product-media__main-image{display:block;width:auto;max-width:100%;height:100%;max-height:100%;margin:0 auto;object-fit:contain;object-position:center}.product-media__slide[data-leading-media=true] .product-media__video,.product-media__slide[data-leading-media=true] .product-media__external-video,.product-media__slide[data-leading-media=true] .product-media__model{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.product-media__model{min-height:0}.product-media__thumbnail{flex-basis:calc((100% - 6rem) / 9)}}@media screen and (min-width:1680px){.product-media__thumbnail{flex-basis:calc((100% - 6.75rem)*.1)}}@media screen and (min-width:1700px){.product-media__slide{flex:0 0 calc((100% - (var(--product-media-gap) * 2)) / 2.1);width:calc((100% - (var(--product-media-gap) * 2)) / 2.5);height:100%;overflow:hidden}}@media(prefers-reduced-motion:reduce){.product-media__main{scroll-behavior:auto}.product-media__thumbnail,.product-media__thumbnail-img,.product-media__arrow{transition-duration:.01ms!important}}.product-media__thumbnail,.product-media__thumbnail-image,.product-media__thumbnail-img,.product-media__main-image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.product-media__thumbnail-img,.product-media__main-image{pointer-events:none}.product-media__arrow--previous span{transform:rotate(180deg)}
/*# sourceMappingURL=/cdn/shop/t/116/assets/product-media.css.map */