.ty-slider {
  height: 4px;
  margin: 13px 7px;
  background-color: #e4e8f1;
  border-radius: 3px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .ty-slider__bar {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 4px;
    border-radius: 3px;
    background-color: #4DBDB9;
    position: absolute; }
  .ty-slider__thumb {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 14px;
    height: 14px;
    position: absolute;
    border: 1px solid #85d2cf;
    background-color: #f5f8fa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    border-radius: 50%;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }