div.slidr_frame{overflow:hidden;position:relative;width:100%}div.slidr_canvas{display:flex;position:absolute;left:0;top:0}div.slidr_page{top:50%;height:30px;width:30px;margin-top:-15px;cursor:pointer;position:absolute;line-height:30px;text-align:center}div.slidr_page_left{left:25px;transform:translateX(10px) rotate(315deg)}div.slidr_page_right{right:25px;transform:translateX(-10px) rotate(135deg)}div.slidr_bar{border-radius:1vw;height:3px;width:20px;background-color:#606060}div.slidr_2bar{transform:translateX(3px) translateY(-3px) rotate(90deg);transform-origin:0 0}div.slidr_dot_container{position:absolute;height:12px;width:100%;bottom:30px;display:flex;justify-content:center}div.slidr_dot{border-radius:10px;width:12px;height:12px;background-color:silver;margin-right:10px;cursor:pointer}div.slidr_dot_current{background-color:#606060}div.slidr_animation{transition:left 200ms;-webkit-transition:left 200ms}