.product-media-slider{display:flex;gap:1.6rem;max-width:100%;position:relative}@media only screen and (max-width:567.9px){.product-media-slider{gap:1.2rem}}.product-media-slider div[class^=swiper-button]{display:block}@media only screen and (max-width:989.9px){.product-media-slider{flex-direction:column-reverse}}.product-media-slider .swiper-thumbs{height:56rem;width:min(15%,6.8rem)}@media only screen and (min-width:990px){.product-media-slider .swiper-thumbs{left:0;position:absolute;top:0}}@media only screen and (max-width:989.9px){.product-media-slider .swiper-thumbs{height:8rem;width:100%}}@media only screen and (max-width:748.9px){.product-media-slider .swiper-thumbs{height:8rem}}@media only screen and (max-width:567.9px){.product-media-slider .swiper-thumbs{height:6rem}}@media only screen and (max-width:479.9px){.product-media-slider .swiper-thumbs{height:5rem}}.product-media-slider .swiper-thumbs .swiper-slide{aspect-ratio:1;border-radius:.48rem;box-sizing:border-box;height:auto;overflow:hidden;overflow:clip;transition:border .3s ease,opacity .3s ease;width:100%}.product-media-slider .swiper-thumbs .swiper-slide:not(.swiper-slide-thumb-active):not(:hover){opacity:.5}@media only screen and (max-width:989.9px){.product-media-slider .swiper-thumbs .swiper-slide{height:100%;width:auto}}.product-media-slider .swiper-thumbs .swiper-slide-thumb-active{border:1.5px solid rgb(var(--color-foreground))}.product-media-slider .swiper-thumbs .swiper-slide{cursor:pointer;text-align:center}.product-media-slider .swiper-thumbs .swiper-slide img{display:block;height:auto;width:100%}.product-media-slider .swiper-main{height:56rem;width:100%}@media only screen and (min-width:990px){.product-media-slider .swiper-main{margin-left:auto;margin-right:0;width:calc(100% - min(15%,6.8rem) - 1.6rem)}}@media only screen and (max-width:1023.9px){.product-media-slider .swiper-main{max-width:56rem}}@media only screen and (max-width:748.9px){.product-media-slider .swiper-main{height:40rem;max-width:40rem}}@media only screen and (max-width:395px){.product-media-slider .swiper-main{height:32rem}}.product-media-slider .swiper-main .main-next,.product-media-slider .swiper-main .main-prev{align-items:center;background-color:#ffffffb3;border:1px solid #000;border-radius:50%;color:#000;display:flex;height:3.3rem;justify-content:center;transition:opacity .3s;transition:background-color .3s,transform .3s ease,opacity .15s ease,scale .25s ease;width:3.3rem}.product-media-slider .swiper-main .main-next:after,.product-media-slider .swiper-main .main-prev:after{font-size:1.4rem;font-weight:700;transition:transform .3s ease}.product-media-slider .swiper-main .main-next:hover,.product-media-slider .swiper-main .main-prev:hover{background-color:#fff;transform:translate(calc(.1rem*var(--direction, 1)))}.product-media-slider .swiper-main .main-next:active,.product-media-slider .swiper-main .main-prev:active{scale:.95}.product-media-slider .swiper-main .main-next.swiper-button-disabled,.product-media-slider .swiper-main .main-prev.swiper-button-disabled{opacity:0;pointer-events:none;transform:translate(calc(2rem*var(--direction, 1)))}@media only screen and (max-width:748.9px){.product-media-slider .swiper-main .main-next,.product-media-slider .swiper-main .main-prev{opacity:0;pointer-events:none;transform:translate(calc(2rem*var(--direction, 1)))}}.product-media-slider .swiper-main .main-next{right:2.3rem}.product-media-slider .swiper-main .main-prev{left:2.3rem;--direction:-1}.product-media-slider .swiper-main .swiper-slide{align-items:center;background-color:#f8f8f7;border:1px solid #ebebeb;border-radius:.8rem;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;overflow:clip;position:relative}.product-media-slider .swiper-main .swiper-slide .magnifier{align-items:center;background-color:#fff;border-color:#f1f1f1;border-radius:100rem;border-width:1px;box-shadow:0 0 4px 2px #0000000d;display:flex;height:3.2rem;inset:2% 2% auto auto;justify-content:center;margin-top:0;position:absolute;width:3.2rem;z-index:3}.product-media-slider .swiper-main .swiper-slide .magnifier .icon{color:#000;height:1.92rem;width:1.92rem}@media only screen and (max-width:748.9px){.product-media-slider .swiper-main .swiper-slide .magnifier{display:none}}.product-media-slider .swiper-main .swiper-slide img{aspect-ratio:1/1;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.swiper-slide.has-background-image{background-image:var(--background-image,var(--default-background-image));background-repeat:no-repeat;background-size:cover;overflow:clip}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-product-media-slider.css.map */