:root{--swiper-image-ratio: 33.3%;--swiper-width: 50%;--swiper-inactive-scale: .85;--swiper-mobile-width: 90%;--swiper-mobile-inactive-scale: .95}.container-div{position:relative;width:100%;height:100%;display:flex;align-items:center}.swiper1{position:relative;width:100%;height:calc(var(--swiper-width) * var(--swiper-image-ratio) / 100%);overflow:hidden}.container-div .swiper-slide{position:relative;width:var(--swiper-width);transition:all .3s ease;overflow:hidden;border-radius:.4285rem;background:#14171f4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#14171f;height:20rem}.container-div .swiper-backface-hidden .swiper-slide-prev{transform-origin:top right;transform:scale(.88,.7) translateZ(0)}.container-div .swiper-backface-hidden .swiper-slide-next{transform-origin:top left;transform:scale(.88,.7) translateZ(0)}.container-div .swiper-slide.swiper-slide-active{transform-origin:top left;transform:scale(1)!important;opacity:1!important;background:#fff;box-shadow:0 7px 15px #ffffffb3}.container-div .swiper-backface-hidden .swiper-slide.swiper-slide-active{transform:scale(1) translateZ(0)!important}.container-div .swiper-image{position:relative;width:100%;padding-top:var(--swiper-image-ratio)}.container-div .swiper-image .image{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%}.container-div .swiper-button-next,.container-div .swiper-button-prev{padding:8px;width:12px;height:12px;margin-top:0;background-color:#0006;border-radius:50%}.container-div .swiper-button-next:after,.container-div .swiper-button-prev:after{font-size:12px}.container-div .swiper-button-next{transform:translate(50%,-50%);right:calc((100% - var(--swiper-width)) / 2)}.container-div .swiper-button-prev{transform:translate(-50%,-50%);left:calc((100% - var(--swiper-width)) / 2)}.container-div .swiper-slide-active .main-title,.container-div .swiper-slide-active .sub-title{color:#14171f}.container-div .swiper-slide-active .content{display:block}.container-div .swiper-slide .sub-title{width:50%}.container-div .swiper-slide-active .sub-title{width:100%}.container-div .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;opacity:50%;margin:0 20px}.container-div .swiper-pagination-bullet-active{opacity:100%}@media only screen and (max-width: 1024px){.container-div .swiper-slide{height:17rem}.container-div .swiper-backface-hidden .swiper-slide-prev{transform-origin:top right;transform:scale(.88,.7) translateZ(0)}.container-div .swiper-backface-hidden .swiper-slide-next{transform-origin:top left;transform:scale(.88,.7) translateZ(0)}}@media only screen and (max-width: 768px){.container-div .swiper-slide{height:15rem}.container-div .swiper-slide .sub-title{width:90%}.container-div .swiper-slide-active .sub-title{width:100%}.container-div .swiper-backface-hidden .swiper-slide-prev{transform-origin:top right;transform:scale(.88,.7) translateZ(0)}.container-div .swiper-backface-hidden .swiper-slide-next{transform-origin:top left;transform:scale(.88,.7) translateZ(0)}}@media only screen and (max-width: 640px){.container-div .swiper1{height:calc(var(--swiper-mobile-width) * var(--swiper-image-ratio) / 100%)}.container-div .swiper-slide{height:23rem}.container-div .swiper-backface-hidden .swiper-slide.swiper-slide{transform:scale(var(--swiper-mobile-inactive-scale)) translateZ(0)}.container-div .swiper-button-next{right:calc((100% - var(--swiper-mobile-width)) / 2)}.container-div .swiper-button-prev{left:calc((100% - var(--swiper-mobile-width)) / 2)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/slider-sec.css.map */