button[data-v-50f5f324]{background:#007bff;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:4px}.progress-bar[data-v-50f5f324]{width:100%;height:4px;background:#ccc;background:rgba(233,60,70,.3);position:relative;cursor:pointer;border-radius:5px}.progress[data-v-50f5f324]{position:relative;left:0;top:0;height:100%;background:#E93C46;width:0;border-radius:5px}.progress[data-v-50f5f324]:before{content:"";display:block;position:absolute;right:-2px;top:-2px;width:8px;height:8px;background:#E93C46;border-radius:50%}.time-display[data-v-50f5f324]{font-size:12px;color:#3d3d3d;display:flex;justify-content:space-between;margin-top:4px}.action-box[data-v-50f5f324]{display:flex;justify-content:space-between;align-items:center;height:65px}.btn[data-v-50f5f324]{justify-content:center}input[type=range][data-v-50f5f324]{width:100px}