.common-product-max-swiper .pin-container>div{display:flex;align-items:center}.common-product-max-swiper .pin-container>div .common-title{font-size:clamp(14px,1.25vw,24px)!important;color:#9d9d9d}.common-product-max-swiper .pin-container>div .common-subtitle{color:#9d9d9d;opacity:0;font-size:clamp(12px,.95vw,16px)!important}.common-product-max-swiper .pin-container .item.active .common-title,.common-product-max-swiper .pin-container .item.active .common-subtitle{color:#000;opacity:1;transition:all .5s ease}.common-product-max-swiper .image-box>.item{clip-path:inset(0% 0% var(--clipPath) 0% round 0%)}.common-product-max-swiper .image-box>.item:first-child{transform:scale(1.001)}.common-product-max-swiper .image-box>.item:not(:first-child){position:absolute;top:0;left:0;width:100%}.common-product-max-swiper .image-box>.item:not(:first-child) .image-element__wrap{clip-path:inset(0 round 20px)}.common-product-max-swiper .text-box>div .item>div{padding-bottom:2%}.common-product-max-swiper .image-box{flex:0 1 55%}.common-product-max-swiper .text-box{padding:1% 3% 1% 3vw;flex:0 1 45%}.common-product-max-swiper .text-box>div{position:relative;padding-left:23px;border-left:1px solid #e4e4e4;padding-bottom:0;padding-top:10px;transition:all .3s ease}.common-product-max-swiper .common-pc--hide{text-align:center}.common-product-max-swiper .common-pc--hide .content+.image{margin-top:5%}.common-product-max-swiper .common-pc--hide .swiper-container{padding-bottom:30px}.common-product-max-swiper .common-pc--hide .swiper-container .swiper-pagination{bottom:0}.common-product-max-swiper .max-slider,.common-product-max-swiper i{position:absolute;width:7px;height:1vw;background:#000;left:-3.5px;top:12px;transition:all .3s ease}.common-product-max-swiper i{opacity:0;top:5px;left:-26.5px}@media only screen and (max-width: 850px){.common-product-max-swiper .pin-container>div{flex-direction:column-reverse}.common-product-max-swiper .image-box{width:100%}.common-product-max-swiper .max-slider{height:18px}.common-product-max-swiper .pin-container>div .common-subtitle{height:0}.common-product-max-swiper .pin-container>div div.active .common-subtitle{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-common-product-max-swiper.css.map */