.block{position:absolute;left:0;top:0}.sliderContainer{position:relative;text-align:center;line-height:38px;background:#00a0e9;color:#45494c;border-radius:2px}canvas{border-radius:3px}.sliderbg{position:absolute;left:0;right:0;top:0;background-color:#d1e9fe;height:38px;border-radius:2px;border:1px solid #a0d2ff}.sliderContainer_success .slider{top:-2px;border:1px solid #5bdca6;background-color:#5bdca6 !important}.sliderContainer_success .sliderMask{border:1px solid #5bdca6;border-width:1px 0 1px 1px;background-color:#cefffa}.sliderContainer_success .sliderIcon:before{content:""}.sliderContainer_fail .slider{top:-2px;border:1px solid #f57a7a;background-color:#f57a7a !important}.sliderContainer_fail .sliderMask{border:1px solid #f57a7a;background-color:#fce1e1;border-width:1px 0 1px 1px}.sliderContainer_fail .sliderIcon:before{content:""}.sliderContainer_active .sliderText,.sliderContainer_success .sliderText,.sliderContainer_fail .sliderText{display:none}.sliderMask{position:absolute;left:0;top:0;height:38px;background:#d1e9fe;border-radius:2px}.slider{position:absolute;top:0;left:0;width:38px;height:40px;background:#50a0ff;color:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;transition:background .2s linear;border-radius:2px;display:flex;align-items:center;justify-content:center}.slider:hover{background:#1991fa}.slider:hover .sliderIcon{background-position:0 -12px}.sliderText{position:relative}.refreshIcon{position:absolute;right:0;top:0;cursor:pointer;margin:10px;color:#fff;font-size:1rem;z-index:5;transition:color .2s linear}.refreshIcon:hover{color:#aaa}