body,html{height:100%;padding:0;margin:0}body{display:flex;justify-content:center;align-items:center}.Slider{-webkit-user-select:none;-moz-user-select:none;user-select:none}.Slider--labels{position:relative;height:35px}.Slider--line{border-bottom:1px solid black;position:relative}.Slider--mark{width:21px;height:21px;border-radius:50%;border:1px solid black;background-color:#fff;position:absolute;z-index:1;top:-10.5px;left:-10.5px;cursor:pointer}.Slider--label{position:absolute}.Slider--label_left{left:0;bottom:0;transform:translate(-50%)}.Slider--label_right{right:0;bottom:0;transform:translate(50%)}