.swiper-container{width:100%;height:100%;overflow:hidden;overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch;touch-action:none}.swiper-container:active{cursor:grab}.swiper-container::-webkit-scrollbar{width:0;height:0;color:transparent;display:none}.swiper-container:active .swiper-left-button,.swiper-container:active .swiper-right-button,.swiper-container:hover .swiper-left-button,.swiper-container:hover .swiper-right-button{opacity:1}.swiper-container:active .swiper-right-button,.swiper-container:hover .swiper-right-button{right:.5rem}.swiper-container:active .swiper-left-button,.swiper-container:hover .swiper-left-button{left:.5rem}.swiper-container .swiper-mouse-mask{position:absolute;left:0;right:0;top:0;bottom:0;z-index:10;touch-action:none}.swiper-container .swiper-left-button,.swiper-container .swiper-right-button{padding:.5rem .25rem .25rem;position:absolute;color:rgb(var(--text-color-1));font-size:1.5rem;background-color:rgba(var(--backgroundt-color),.1);outline:none;border-radius:.5rem;top:50%;transform:translateY(-50%);z-index:20;transition:all .3s ease;opacity:0}.swiper-container .swiper-left-button:hover,.swiper-container .swiper-right-button:hover{background-color:rgba(var(--backgroundt-color),.4);color:rgb(var(--primary-color));cursor:pointer}.swiper-container .swiper-left-button{left:-2rem}.swiper-container .swiper-right-button{right:-2rem}.swiper-container .dot-container{position:absolute;right:1rem;bottom:.5rem;z-index:20;padding:0}.swiper-container .dot-container .dot-active-line{position:absolute;left:0;bottom:6px;height:6px;width:1.5rem;background-color:#fff;border-radius:.125rem;transition:transform .5s ease}.swiper-container .dot-container .active-dot-item{transition:background-color .3s ease}.swiper-container .dot-container .active-dot-item:hover{background-color:rgb(var(--primary-color));cursor:pointer}.swiper-container .dot-container .dot-item{display:inline-block;height:4px;width:1rem;margin:0 .25rem;background-color:rgba(var(--text-color-2));border-radius:.125rem}.swiper-container .swiper{width:100%;height:100%;display:flex;transition:transform 1s ease}.swiper-container .swiper .swiper-slide{width:100%;height:100%;flex-shrink:0}