.product-media,.product-media__viewport{position:relative;min-width:0}.product-media.is-enhanced .product-media__stage{position:relative;display:block;overflow:hidden;width:100%;padding:0;aspect-ratio:4 / 5;background:var(--sl-color-surface);scroll-snap-type:none;touch-action:pan-x pan-y pinch-zoom}.product-media.is-enhanced .product-media__item{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;min-height:0;margin:0;aspect-ratio:4 / 5;background:var(--sl-color-surface);visibility:hidden;opacity:0;pointer-events:none;transform:translate(1.25%);transition:opacity .24s ease,transform .24s ease,visibility .24s ease}.product-media.is-enhanced .product-media__item.is-active{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.product-media__item[hidden]{display:none!important}.product-media__zoom,.product-media__image,.product-media__video,.product-media__model,.product-media__asset,.product-media__placeholder,.product-media__item iframe{display:block;width:100%;height:100%}.product-media__image,.product-media__video,.product-media__model,.product-media__asset,.product-media__placeholder{object-fit:contain}.product-media__placeholder,.media-card-carousel__fallback{display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--sl-color-accent) 14%,transparent),transparent 52%),var(--sl-color-surface);color:var(--sl-color-text)}.product-media__placeholder-mark,.media-card-carousel__fallback{font-size:clamp(.85rem,2vw,1.2rem);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.product-media__zoom{position:relative;cursor:zoom-in}.product-media__zoom-hint{position:absolute;right:.75rem;bottom:.75rem;display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid color-mix(in srgb,var(--sl-color-text) 22%,transparent);border-radius:50%;background:color-mix(in srgb,var(--sl-color-background) 88%,transparent);color:var(--sl-color-text);font-size:1rem;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-media__controls{position:absolute;z-index:4;top:50%;right:.7rem;left:.7rem;display:none;align-items:center;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}.product-media.is-enhanced .product-media__controls{display:flex}.product-media__control,.media-card-carousel__control{display:grid;width:2.75rem;height:2.75rem;padding:0;place-items:center;border:1px solid color-mix(in srgb,var(--sl-color-text) 22%,transparent);border-radius:50%;background:color-mix(in srgb,var(--sl-color-background) 90%,transparent);color:var(--sl-color-text);box-shadow:0 .35rem 1.25rem #00000024;line-height:1;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-media__control:hover,.media-card-carousel__control:hover{border-color:var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-accent-contrast)}.product-media__stage:focus-visible,.product-media__control:focus-visible,.product-media__thumb:focus-visible,.product-media__dot:focus-visible,.media-card-carousel__control:focus-visible,.media-card-carousel__slide a:focus-visible{outline:2px solid var(--sl-color-accent);outline-offset:3px}.product-media__pagination{display:none;align-items:center;justify-content:center;gap:.8rem;margin-block-start:.8rem}.product-media.is-enhanced .product-media__pagination{display:flex}.product-media__counter{min-width:3.8rem;margin:0;color:var(--sl-color-text-muted);font-size:.75rem;font-variant-numeric:tabular-nums;text-align:center}.product-media__dots{display:flex;align-items:center;gap:.28rem;padding:0;margin:0;list-style:none}.product-media__dot{display:grid;width:1.35rem;height:1.35rem;padding:0;place-items:center;border:0;background:transparent}.product-media__dot span{display:block;width:.38rem;height:.38rem;border-radius:50%;background:var(--sl-color-text-muted);opacity:.48;transition:width .18s ease,opacity .18s ease,background .18s ease}.product-media__dot.is-active span,.product-media__dot[aria-current=true] span{width:1rem;border-radius:999px;background:var(--sl-color-accent);opacity:1}.product-media .product-media__thumbs{display:none;padding:0;margin:.7rem 0 0;list-style:none}.product-media.is-enhanced .product-media__thumbs{overflow-x:auto;gap:.55rem;grid-auto-columns:4.25rem;grid-auto-flow:column;scrollbar-width:thin}.product-media__thumbs li{min-width:0}.product-media__thumb{position:relative;width:100%;min-width:0;padding:0;aspect-ratio:1;border:1px solid transparent;background:var(--sl-color-surface)}.product-media__thumb.is-active,.product-media__thumb[aria-current=true]{border-color:var(--sl-color-accent);box-shadow:inset 0 0 0 1px var(--sl-color-accent)}.product-media__thumb img{display:block;width:100%;height:100%;object-fit:cover}.product-media__type{position:absolute;right:.2rem;bottom:.2rem;max-width:calc(100% - .4rem);overflow:hidden;padding:.2rem .3rem;background:#000c;color:#fff;font-size:.5rem;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.product-media__dialog{width:min(96vw,92rem);max-width:none;height:min(94vh,68rem);max-height:none;padding:0;border:1px solid var(--sl-color-border);background:var(--sl-color-background);color:var(--sl-color-text)}.product-media__dialog[open]{display:grid;place-items:center}.product-media__dialog::backdrop{background:#000000d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-media__dialog-close{position:absolute;z-index:2;top:.75rem;right:.75rem;margin:0}.product-media__dialog-close button{display:grid;width:2.75rem;height:2.75rem;padding:0;place-items:center;border:1px solid var(--sl-color-border);border-radius:50%;background:var(--sl-color-background);color:var(--sl-color-text);font-size:1.4rem}.product-media__dialog-image{display:grid;width:100%;height:100%;padding:clamp(1rem,4vw,3rem);place-items:center}.product-media__dialog-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}.media-card-carousel{isolation:isolate}.media-card-carousel__viewport,.media-card-carousel__track,.media-card-carousel__slide,.media-card-carousel__slide>a{width:100%;height:100%}.media-card-carousel__viewport{position:relative;overflow:hidden;touch-action:pan-x pan-y pinch-zoom}.media-card-carousel__track{position:relative}.media-card-carousel__slide{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.media-card-carousel__slide.is-active{z-index:1;visibility:visible;opacity:1;pointer-events:auto}.media-card-carousel__slide>a{display:block}.media-card-carousel__fallback{width:100%;height:100%}.cart-item__media-fallback{padding:.35rem;font-size:clamp(.48rem,1.5vw,.68rem);letter-spacing:.08em;overflow-wrap:anywhere;text-align:center}.media-card-carousel__image{display:block;width:100%;height:100%;object-fit:cover}.media-card-carousel--hover:hover .media-card-carousel__slide.is-active{opacity:0}.media-card-carousel--hover:hover .media-card-carousel__slide:nth-child(2){visibility:visible;opacity:1}.media-card-carousel__control{position:absolute;z-index:4;top:50%;display:none;width:2.35rem;height:2.35rem;opacity:0;transform:translateY(-50%);transition:opacity .18s ease,background .18s ease,color .18s ease}.media-card-carousel.is-enhanced .media-card-carousel__control{display:grid}.media-card-carousel__control--previous{left:.55rem}.media-card-carousel__control--next{right:.55rem}.media-card-carousel:hover .media-card-carousel__control,.media-card-carousel:focus-within .media-card-carousel__control,.media-card-carousel__control:focus-visible{opacity:1}.product-card__media-link,.sl-bike-card__media-link{display:block;width:100%;height:100%}body[data-product-card-ratio=portrait] .product-card__media,body[data-product-card-ratio=portrait] .sl-bike-card__media{aspect-ratio:4 / 5}body[data-product-card-ratio=square] .product-card__media,body[data-product-card-ratio=square] .sl-bike-card__media{aspect-ratio:1}body[data-product-card-style=outlined] .product-card,body[data-product-card-style=outlined] .sl-bike-card{padding:.65rem;border:1px solid var(--sl-color-border);border-radius:calc(var(--sl-radius) + .3rem);background:var(--sl-color-surface)}body[data-product-card-style=outlined] .product-card__media,body[data-product-card-style=outlined] .sl-bike-card__media{border-radius:var(--sl-radius)}.product-option__selection-prompt{margin:.25rem 0 0;color:var(--sl-color-accent);font-size:.78rem;font-weight:750}.product-option--phone .product-option__legend>span{font-weight:850;letter-spacing:.08em;text-transform:uppercase}.product-option.is-explicit-selection-required{padding:.75rem;border:1px solid color-mix(in srgb,var(--sl-color-accent) 65%,var(--sl-color-border))}@media(min-width:750px){.product-media.is-enhanced .product-media__thumbs{display:grid}}@media(max-width:749px){.product-media.is-enhanced .product-media__stage{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.product-media.is-enhanced .product-media__stage::-webkit-scrollbar,.media-card-carousel.is-enhanced .media-card-carousel__viewport::-webkit-scrollbar{display:none}.product-media.is-enhanced .product-media__item{position:relative;inset:auto;flex:0 0 100%;aspect-ratio:4 / 5;visibility:visible;opacity:1;pointer-events:auto;scroll-snap-align:start;scroll-snap-stop:always;transform:none;transition:none}.product-media__control{width:3rem;height:3rem}.product-media__zoom-hint{right:.55rem;bottom:.55rem}.product-media__dialog{width:100vw;height:100dvh;border:0}.product-media__dialog-image{padding:3.5rem .75rem 1rem}.media-card-carousel.is-enhanced .media-card-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.media-card-carousel.is-enhanced .media-card-carousel__track{display:flex}.media-card-carousel.is-enhanced .media-card-carousel__slide{position:relative;inset:auto;flex:0 0 100%;visibility:visible;opacity:1;pointer-events:auto;scroll-snap-align:start;scroll-snap-stop:always;transform:none;transition:none}}@media(hover:none),(pointer:coarse){.media-card-carousel__control{display:none!important}}@media(prefers-reduced-motion:reduce){.product-media.is-enhanced .product-media__stage,.media-card-carousel.is-enhanced .media-card-carousel__viewport{scroll-behavior:auto}.product-media__dot span,.product-media__item,.media-card-carousel__slide,.media-card-carousel__control{transition:none}}@media(forced-colors:active){.product-media__control,.product-media__thumb,.media-card-carousel__control,.product-media__dialog-close button{border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-media-carousel.css.map */