.product-media{display:block;min-width:0}.product-media__frame{position:relative;overflow:hidden;aspect-ratio:.92;border-radius:var(--style-border-radius-card);background-color:var(--color-product-tint)}.product-media__track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.product-media__track::-webkit-scrollbar{display:none}.product-media__slide{flex:0 0 100%;scroll-snap-align:center}.product-media__slide,.product-media__image{width:100%;height:100%}.product-media__image{object-fit:cover}.product-media__feature{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background-color:var(--color-product-tint)}html:not([data-purchase-mode=kit]) .product-media__feature{display:none}.product-media__nav{display:flex;position:absolute;right:1rem;bottom:1rem;gap:.5rem;align-items:center}.product-media__arrow{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:background-color .2s ease,color .2s ease}@media(hover:hover){.product-media__arrow:hover{background-color:var(--color-foreground);color:var(--color-background)}}.product-media__arrow--prev .icon-wrap{rotate:180deg}.product-media__badge{position:absolute;top:1.25rem;left:1.25rem;padding:.375rem .75rem;border-radius:999px;background-color:var(--color-background);color:var(--color-foreground);font-weight:var(--font-weight-bold);font-size:calc(var(--label-size) * .65);text-transform:uppercase;letter-spacing:var(--label-tracking)}.product-media__thumbs{--thumbs-visible: 4.5;display:flex;gap:.625rem;margin:.75rem 0 0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;list-style:none}.product-media__thumbs::-webkit-scrollbar{display:none}.product-media__thumbs>li{flex:0 0 calc((100% - (var(--thumbs-visible) - 1) * .625rem) / var(--thumbs-visible));scroll-snap-align:start}.product-media__thumb{display:block;overflow:hidden;width:100%;aspect-ratio:1;padding:0;border:2px solid transparent;border-radius:var(--style-border-radius-card);background-color:var(--color-product-tint);cursor:pointer}.product-media__thumb.is-active{border-color:var(--color-foreground)}.product-media__thumb img{width:100%;height:100%;object-fit:cover}@media screen and (min-width:990px){.product-media__thumbs{--thumbs-visible: 6}}@media screen and (max-width:989px){.product-media__frame{margin-inline:calc(var(--page-margin) * -1);border-radius:0}}@media screen and (min-width:990px){.product--media-standard .product-media{--media-height: calc(100svh - 12rem) ;display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem}.product--media-standard .product-media__frame{grid-area:1 / 2;width:min(100%,calc(var(--media-height) * .92))}.product--media-standard .product-media__thumbs{grid-area:1 / 1;flex-direction:column;height:0;min-height:100%;margin:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity}.product--media-standard .product-media__thumbs>li{flex:none}.product--media-standard .product-media__thumbs>li:first-child{margin-block-start:auto}}.product-media__swatches{display:flex;position:absolute;right:1rem;bottom:1rem;flex-direction:column;gap:.625rem;padding:.5rem;border-radius:999px;background-color:color-mix(in srgb,var(--color-background) 85%,transparent)}.product-media__swatches[hidden]{display:none}.product-media__swatch{display:block;overflow:hidden;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border);border-radius:50%;background:none;cursor:pointer}.product-media__swatch[aria-pressed=true]{outline:2px solid var(--color-foreground);outline-offset:2px}.product-media__swatch>*{display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;object-fit:cover}@media screen and (max-width:989px){.product-media:has(.product-media__swatches:not([hidden])) .product-media__nav{display:none}}@media screen and (min-width:990px){.product-media__swatches{display:none}}@media screen and (min-width:990px){.product--media-bleed .product-media{position:relative}.product--media-bleed .product-media__frame{height:calc(100svh - var(--header-offset));aspect-ratio:auto;border-radius:0}.product--media-bleed .product-media__thumbs{position:absolute;top:50%;left:1.75rem;flex-direction:column;width:3.625rem;max-height:calc(100% - 7rem);margin:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;translate:0 -50%}.product--media-bleed .product-media__thumbs>li{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/snippet-product-media.css.map */