.product-media{position:relative;display:flex;flex-direction:column;gap:8px}.product-media__primary{position:relative;width:100%;min-height:480px;max-height:800px;background-color:var(--color-white-300);cursor:zoom-in;flex-shrink:0;display:flex;align-items:center;justify-content:center}.product-media__primary-img{width:100%;height:100%;max-height:800px;object-fit:contain;object-position:center center;display:block}.product-media__placeholder-svg{width:100%;height:100%;opacity:.3}.product-media__zoom-panel{position:fixed;top:0;left:0;width:560px;height:100%;background-color:var(--color-grey-50);background-repeat:no-repeat;background-size:200%;background-position:50% 50%;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:10;display:none}.product-media__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-media__thumbs:has(.product-media__thumb:only-child) .product-media__thumb{grid-column:1 / -1;aspect-ratio:889 / 525}.product-media__thumb{background:var(--color-white-300);aspect-ratio:441 / 525;overflow:hidden;position:relative;display:block;width:100%;cursor:zoom-in}.product-media__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.product-media__zoom-viewer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-grey-50);min-height:60vh}.product-media__zoom-img{max-width:100%;max-height:85vh;object-fit:contain;display:block}.product-media__thumb.is-hidden,.product-media__thumb[hidden]{display:none}@media(hover:hover)and (pointer:fine){.product-media__zoom-panel{display:block}.product-media__zoom-panel.is-visible{opacity:1}.product-media__primary{cursor:zoom-in}}@media(max-width:1280px){.product-media__zoom-panel{display:none!important}}@media(hover:none),(pointer:coarse){.product-media__primary{cursor:pointer}}.product-media__mobile{display:none;position:relative;width:100%}.product-media__mobile-track{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-media__mobile-track::-webkit-scrollbar{display:none}.product-media__mobile-slide{scroll-snap-align:start;scroll-snap-stop:always;width:100%;aspect-ratio:375 / 440;background-color:#ccc9cd;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-media__mobile-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.product-media__mobile-frame{position:relative}.product-media__mobile-rating{position:absolute;left:20px;bottom:20px;z-index:1;pointer-events:none}.product-media__mobile-rating .product-rating--pill{pointer-events:auto}.product-media__mobile-zoom{position:absolute;right:20px;bottom:20px;z-index:1;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:var(--color-white-50, #ffffff);color:var(--color-grey-850, #302c2c);cursor:pointer;-webkit-appearance:none;appearance:none}.product-media__mobile-zoom:focus-visible{outline:2px solid var(--color-grey-850, #302c2c);outline-offset:-2px}.product-media__mobile-progress{position:relative;width:100%;height:4px;overflow:hidden;background:var(--color-white-600, #b9b9b9)}.product-media__mobile-progress-fill{position:absolute;inset:0 auto 0 0;width:calc(100% / var(--mobile-slide-count, 1));background:var(--color-grey-980, #161515);transition:transform .15s ease-out}@media(prefers-reduced-motion:reduce){.product-media__mobile-progress-fill{transition:none}}@media(max-width:1023px){.product-media__primary,.product-media__thumbs{display:none!important}.product-media__mobile{display:block;width:auto;margin-inline:calc(var(--page-margin, 16px) * -1)}.product-media__mobile-slide{aspect-ratio:375 / 340}}@media(max-width:1023px)and (max-height:700px){.product-media__mobile-slide{aspect-ratio:375 / 275}}@media(max-width:767px){.product-media__mobile{margin-inline:-16px}}@media(min-width:1024px){.product-media{display:grid;grid-template-columns:1fr 1fr;gap:8px}.product-media__thumbs{display:contents}.product-media__primary,.product-media__thumb{aspect-ratio:528 / 620;width:100%;min-height:0;max-height:none;overflow:hidden}.product-media__primary-img,.product-media__thumb-img{width:100%;height:100%;object-fit:cover}.product-media__thumbs:has(.product-media__thumb:only-child) .product-media__thumb{grid-column:auto;aspect-ratio:528 / 620}.product-media__zoom-panel{display:none}}.product-media__play{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background-color:#ffffffeb;pointer-events:none}.product-media__play:after{content:"";position:absolute;top:50%;left:54%;width:0;height:0;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent var(--color-grey-850, #302c2c)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/product-media.css.map */