.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;height:auto;.swiper-wrapper{z-index:1;display:flex;box-sizing:content-box;.swiper-slide{opacity:0;flex-shrink:0;background-size:cover;background-position:bottom;&.swiper-lazy-loaded,.swiper-slide-active{opacity:1;transition:.2s}&.swiper-slide-prev,.swiper-slide-next{opacity:0;transition:.4s}}}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10;bottom:24px;left:0;width:100%;margin-top:20px;.swiper-pagination-bullet{border-radius:0;width:20px;height:12px;background-color:var(--color);position:relative;margin:0 8px;display:inline-block;cursor:pointer;opacity:.4;&:only-child{visibility:hidden}&:after,&:before{content:"";width:0;height:0;position:absolute;left:0;border-left:10px solid transparent;border-right:10px solid transparent}&:before{top:-5px;border-bottom:5px solid var(--color)}&:after{bottom:-5px;border-top:5px solid var(--color)}&.swiper-pagination-bullet-active{opacity:1;background:var(--color)}}}}