.slider{position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.slider .slider-viewport-container{position:relative;display:block;width:100%;font-size:0}.slider .slider-viewport{position:relative;display:block;width:100%;white-space:nowrap;font-size:0;z-index:1;overflow-y:hidden;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.slider .slider-viewport::-webkit-scrollbar{display:none;width:0;height:0}.slider .slider-viewport.scroll-snap{scroll-snap-type:x mandatory}.slider .slider-content{position:relative;display:block;left:0;top:0;text-align:left;font-size:0;white-space:nowrap}.slider .slider-item{position:relative;scroll-snap-align:start}.slider .nav-button{position:absolute;display:none;width:50px;height:50px;top:50%;font-size:0;border-radius:1000px;background-color:rgba(0,0,0,0.25);color:#fff;text-align:center;cursor:pointer;margin-top:-25px;z-index:2;-webkit-transition:opacity .4s ease,background-color .4s ease;-moz-transition:opacity .4s ease,background-color .4s ease;-o-transition:opacity .4s ease,background-color .4s ease;transition:opacity .4s ease,background-color .4s ease}.slider .nav-button span{position:absolute;width:100%;height:50px;line-height:50px;left:0;top:0;font-size:38px;text-align:center}.slider .nav-button:hover{background-color:rgba(0,0,0,0.5)}.slider .nav-button.left{left:-25px}.slider .nav-button.right{right:-25px}.slider .nav-button.left span{left:-3px}.slider .nav-button.right span{left:3px}.slider .nav-bar{position:relative;display:block;height:1px;margin:50px 80px;background-color:rgba(0,0,0,0.12);font-size:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.slider .nav-bar-indicator{position:absolute;display:inline-block;height:1px;width:0;left:0;background-color:#000}.slider-drag-layer{position:fixed;display:none;left:0;top:0;width:100%;height:100%;cursor:default;z-index:1000000}.slider .position-info{position:absolute;display:none;top:20px;right:20px;font-size:15px;font-weight:400;line-height:1em;color:#fff;background-color:rgba(0,0,0,0.5);padding:4px 10px;border-radius:1000px;z-index:2}@media(max-width:960px){.slider .nav-bar{margin:40px 60px}}@media(max-width:600px){.slider .nav-bar{display:none !important}.slider .position-info{display:block !important}}