.product--custom_carousel .product__media-wrapper,.product--mobile-custom_carousel .product__media-wrapper{align-self:start}.product-media-custom-carousel{position:relative;z-index:0;display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"thumbs viewer";gap:2.4rem;align-items:stretch;isolation:isolate;overflow:visible}.product-media-custom-carousel__viewer-shell{grid-area:viewer;position:relative;min-width:0;overflow:visible}.product-media-custom-carousel__viewer-shell--has-navigation{display:grid;grid-template-columns:4.8rem minmax(0,1fr) 4.8rem;gap:2.4rem;align-items:center}.product-media-custom-carousel__wishlist{grid-column:3;grid-row:1;align-self:start;justify-self:center;position:relative;z-index:2}.product-media-custom-carousel__viewer-shell:not(.product-media-custom-carousel__viewer-shell--has-navigation) .product-media-custom-carousel__wishlist{position:absolute;top:1.6rem;right:1.6rem}.product-media-custom-carousel__viewer{width:100%;min-width:0;aspect-ratio:1 / 1;overflow:hidden;border-radius:.8rem;background:rgb(var(--color-background));transition:opacity .18s ease}[data-custom-carousel].is-loading .product-media-custom-carousel__viewer{opacity:.96}.product-media-custom-carousel__slides{height:100%;margin:0;padding:0}.product-media-custom-carousel__slide{width:100%;height:100%}.product-media-custom-carousel__viewer.swiper-fade .product-media-custom-carousel__slide{transition-property:opacity;transition-duration:.46s;transition-timing-function:ease}.product-media-custom-carousel .product-media-container{width:100%;height:100%;max-width:100%;background:#fff;border:0;box-shadow:none}.product-media-custom-carousel .product-media-container,.product-media-custom-carousel .product-media-container .product__modal-opener,.product-media-custom-carousel .product-media-container .media{height:100%}.product-media-custom-carousel .product-media-container .media{aspect-ratio:1 / 1;padding-top:0}.product-media-custom-carousel .product-media-container .media>*{width:100%;height:100%;object-fit:contain}.product-media-custom-carousel .product-media-container.media-fit-cover .media>*{object-fit:cover}.product-media-custom-carousel .product__media-icon{display:none}.product-media-custom-carousel__nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;background:#fff;color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 8px 16px #150a040a,0 12px 20px 2px #150a040f;transform:none;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease,opacity var(--duration-short) ease}.product-media-custom-carousel__nav:hover{transform:scale(1.04);box-shadow:0 8px 16px #150a040a,0 12px 20px 2px #150a040f}.product-media-custom-carousel__nav:active{transform:scale(.98)}.product-media-custom-carousel__nav:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.3rem}.product-media-custom-carousel__nav .svg-wrapper{width:1.8rem;height:1.8rem}.product-media-custom-carousel__nav--prev{justify-self:center}.product-media-custom-carousel__nav--prev .icon{transform:rotate(90deg)}.product-media-custom-carousel__nav--next{grid-column:3;grid-row:1;justify-self:center}.product-media-custom-carousel__nav--next .icon{transform:rotate(-90deg)}.product-media-custom-carousel__thumbs{grid-area:thumbs;align-self:stretch;width:72px;height:100%;max-height:644px;min-height:64px;padding:2px 4px 2px 2px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;touch-action:pan-y}.product-media-custom-carousel__thumbs::-webkit-scrollbar{display:none}.product-media-custom-carousel__thumb-list{display:grid;gap:8px;margin:0;padding:0}.product-media-custom-carousel__thumb{width:64px;height:64px;margin:0}.product-media-custom-carousel__thumb-button{position:relative;display:block;width:64px;height:64px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:8px;background:#fff;color:rgb(var(--color-foreground));cursor:pointer;opacity:.6;transition:opacity .1s ease,border-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.product-media-custom-carousel__thumb-button:hover{border-color:rgba(var(--color-foreground),.28);opacity:.86}.product-media-custom-carousel__thumb-button[aria-current=true]{border-color:rgb(var(--color-foreground));opacity:1;box-shadow:none}.product-media-custom-carousel__thumb-button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.2rem}.product-media-custom-carousel__thumb-button img{display:block;width:100%;height:100%;object-fit:cover}.product-media-custom-carousel__thumb-badge{position:absolute;right:.4rem;bottom:.4rem;display:flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#ffffffe0;color:rgb(var(--color-foreground))}.product-media-custom-carousel__thumb-badge svg{width:1.2rem;height:1.2rem}.product-media-custom-carousel__pagination{display:none}@media screen and (max-width:989px){.product-media-custom-carousel{grid-template-columns:72px minmax(0,1fr);gap:1.6rem}.product-media-custom-carousel__viewer-shell--has-navigation{grid-template-columns:4.4rem minmax(0,1fr) 4.4rem;gap:1.4rem}.product-media-custom-carousel__nav{width:4.4rem;height:4.4rem}}@media screen and (max-width:749px){.product--mobile-custom_carousel .product__media-wrapper{--custom-carousel-viewport-width: 100%;width:var(--custom-carousel-viewport-width);max-width:var(--custom-carousel-viewport-width);margin-right:calc(50% - var(--custom-carousel-viewport-width) / 2);margin-left:calc(50% - var(--custom-carousel-viewport-width) / 2);overflow:hidden;margin-bottom:8px}.product-media-custom-carousel{display:block;width:var(--custom-carousel-viewport-width, 100%);max-width:var(--custom-carousel-viewport-width, 100%)}.product-media-custom-carousel__viewer-shell,.product-media-custom-carousel__viewer-shell--has-navigation{display:block;overflow:hidden}.product-media-custom-carousel__wishlist{position:absolute;top:.3rem;right:2.6rem;margin-right:12px;z-index:2}.product-media-custom-carousel .wishlist-button--media{width:3.2rem;height:3.2rem;box-shadow:none}.product-media-custom-carousel__viewer{width:var(--custom-carousel-viewport-width, 100%);max-width:var(--custom-carousel-viewport-width, 100%);border-radius:0}.product-media-custom-carousel .product-media-container,.product-media-custom-carousel .product-media-container .product__modal-opener,.product-media-custom-carousel .product-media-container .media{width:var(--custom-carousel-viewport-width, 100%);max-width:var(--custom-carousel-viewport-width, 100%)}.product-media-custom-carousel .product__media-toggle{touch-action:pan-y}.product-media-custom-carousel__nav,.product-media-custom-carousel__thumbs{display:none}.product-media-custom-carousel__pagination{position:absolute;right:auto;bottom:1.2rem;left:var(--custom-carousel-pagination-left, 50%);z-index:2;display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.1rem;padding:.45rem .85rem;border:.1rem solid rgba(255,255,255,.2);border-radius:999px;background:#1212125c;box-shadow:0 .6rem 1.6rem #12121229;transform:translate(-50%);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}.product-media-custom-carousel__viewer-shell .product-media-custom-carousel__pagination.swiper-pagination-bullets,.product-media-custom-carousel__viewer-shell .product-media-custom-carousel__pagination.swiper-pagination-horizontal{left:var(--custom-carousel-pagination-left, 50%);right:auto;width:auto;max-width:calc(var(--custom-carousel-viewport-width, 100%) - 3.2rem)}.product-media-custom-carousel__pagination-dot{display:block;width:.55rem;height:.55rem;margin:0;padding:0;border:0;border-radius:999px;background:#ffffffc7;opacity:1;transition:width .18s ease,background-color .18s ease,opacity .18s ease}.product-media-custom-carousel__pagination-dot--active{width:1.8rem;background:#fff}}@media(prefers-reduced-motion:reduce){.product-media-custom-carousel__nav,.product-media-custom-carousel__thumb-button,.product-media-custom-carousel__pagination-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product-media-custom-carousel.css.map */