.slider{width:100%;margin:0;position:relative}.slider .percentage{color:#000000b3;height:20px;margin:0 8px;font-size:14px;position:relative}.slider .percentage>span{position:absolute}.slider .percentage>span>span{text-align:center;width:40px;margin-left:-21px;position:absolute}.slider input{z-index:30;cursor:pointer;appearance:none;background-color:#0000;border-radius:2px;width:100%;height:20px;margin:0;padding:0;position:relative}.slider input::-webkit-slider-thumb{appearance:none;cursor:pointer;background-color:#000;border-radius:4px 16px;width:16px;height:16px;transform:rotate(45deg);box-shadow:0 1px 3px #0000004d}.slider .slider-bg-container{width:100%;height:8px;padding:0 10px;position:absolute;top:8px}.slider .slider-bg-container .slider-bg{width:100%;height:4px;position:relative}.slider .slider-bg-container .slider-bg .diamond{cursor:pointer;z-index:25;background-color:#b4b4b4;width:8px;height:8px;margin-left:-4px;position:absolute;top:-2px;transform:rotate(45deg);box-shadow:0 0 0 2px #fff}.slider .slider-bg-container .slider-bg .diamond.one{left:0%}.slider .slider-bg-container .slider-bg .diamond.two{left:25%}.slider .slider-bg-container .slider-bg .diamond.three{left:50%}.slider .slider-bg-container .slider-bg .diamond.four{left:75%}.slider .slider-bg-container .slider-bg .diamond.five{left:100%}.slider .slider-bg-container .slider-bg .diamond.toggle{background-color:#505050}