.slider-container[data-v-11533f22]{position:relative;width:300px;height:20px;background-color:#ccc;border-radius:10px;margin:50px auto}.slider[data-v-11533f22]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;outline:none;opacity:0}.slider[data-v-11533f22]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background-color:#00f;cursor:pointer;position:relative;z-index:2;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.slider-button[data-v-11533f22]{position:absolute;top:0;width:20px;height:20px;border-radius:50%;z-index:1;cursor:pointer}.slider-button.red[data-v-11533f22]{background-color:red}.slider-button.green[data-v-11533f22]{background-color:green}.center-area[data-v-11533f22]{-webkit-transition:background-color .3s ease;transition:background-color .3s ease;position:absolute;top:0;height:100%;background-color:#00f;z-index:0;border-radius:10px}