.playback-panel[data-v-d70c6ae8]{margin-top:15px;background-color:#fcfdfe;padding:16px 24px 28px 24px;border-radius:8px;border:1px solid #ebeef5;box-shadow:0 2px 12px 0 rgba(0,0,0,.03)}.playback-panel .top-settings-row[data-v-d70c6ae8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.playback-panel .top-settings-row .granularity-selector-box[data-v-d70c6ae8]{display:flex;align-items:center}.playback-panel .top-settings-row .granularity-selector-box .sec-label[data-v-d70c6ae8]{font-size:14px;color:#303133;font-weight:700;margin-right:12px}.playback-panel .top-settings-row .granularity-selector-box .custom-radio-group[data-v-d70c6ae8]{border:1px solid #dcdfe6;border-radius:20px;overflow:hidden;background-color:#fff;padding:2px}.playback-panel .top-settings-row .granularity-selector-box .custom-radio-group[data-v-d70c6ae8] .el-radio-button__inner{border:none!important;border-radius:18px!important;padding:8px 16px;font-size:13px;background:transparent;color:#606266;box-shadow:none!important;transition:all .3s}.playback-panel .top-settings-row .granularity-selector-box .custom-radio-group[data-v-d70c6ae8] .el-radio-button__orig-radio:checked+.el-radio-button__inner{background-color:#00cd96;color:#fff;font-weight:700}.playback-panel .top-settings-row .time-picker-card[data-v-d70c6ae8]{display:flex;align-items:center;background-color:#fff;border:1px solid #dcdfe6;border-radius:8px;padding:6px 14px;box-shadow:0 1px 4px rgba(0,0,0,.02)}.playback-panel .top-settings-row .time-picker-card .calendar-icon[data-v-d70c6ae8]{font-size:22px;color:#00cd96;margin-right:10px}.playback-panel .top-settings-row .time-picker-card .picker-inner[data-v-d70c6ae8]{display:flex;flex-direction:column;text-align:left}.playback-panel .top-settings-row .time-picker-card .picker-inner .picker-label[data-v-d70c6ae8]{font-size:11px;color:#909399;line-height:1.2;margin-bottom:2px}.playback-panel .top-settings-row .time-picker-card .picker-inner .custom-flat-picker[data-v-d70c6ae8]{width:145px!important}.playback-panel .top-settings-row .time-picker-card .picker-inner[data-v-d70c6ae8] .custom-flat-picker .el-input__inner{border:none!important;background:transparent!important;padding:0!important;font-size:13px!important;font-weight:700!important;color:#303133!important;cursor:pointer!important;height:18px!important;line-height:18px!important}.playback-panel .top-settings-row .time-picker-card .picker-inner[data-v-d70c6ae8] .custom-flat-picker .el-input__prefix,.playback-panel .top-settings-row .time-picker-card .picker-inner[data-v-d70c6ae8] .custom-flat-picker .el-input__suffix{display:none!important}.playback-panel .slider-row-new[data-v-d70c6ae8]{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;padding:0 4px}.playback-panel .slider-row-new .slider-endpoint[data-v-d70c6ae8]{width:120px;text-align:left}.playback-panel .slider-row-new .slider-endpoint .endpoint-title[data-v-d70c6ae8]{font-size:12px;color:#909399;margin-bottom:4px}.playback-panel .slider-row-new .slider-endpoint .endpoint-time[data-v-d70c6ae8]{font-size:13px;font-weight:700;color:#303133;white-space:nowrap}.playback-panel .slider-row-new .slider-endpoint.right-endpoint[data-v-d70c6ae8]{text-align:right}.playback-panel .slider-row-new .slider-center-wrapper[data-v-d70c6ae8]{flex:1;margin:0 30px;position:relative;padding-bottom:12px}.playback-panel .slider-row-new .slider-center-wrapper .frame-badge[data-v-d70c6ae8]{position:absolute;top:-24px;left:50%;transform:translateX(-50%);background-color:#f0f2f5;color:#606266;font-size:11px;font-weight:700;padding:2px 10px;border-radius:12px;border:1px solid #e4e7ed;z-index:10;white-space:nowrap}.playback-panel .slider-row-new .slider-center-wrapper[data-v-d70c6ae8] .el-slider__runway{height:4px;background-color:#e4e7ed}.playback-panel .slider-row-new .slider-center-wrapper[data-v-d70c6ae8] .el-slider__bar{height:4px;background-color:#00cd96}.playback-panel .slider-row-new .slider-center-wrapper[data-v-d70c6ae8] .el-slider__button{width:14px;height:14px;border:2px solid #00cd96;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)}.playback-panel .slider-row-new .slider-center-wrapper[data-v-d70c6ae8] .el-slider__marks-text{white-space:nowrap;font-size:11px;color:#909399;margin-top:6px}.playback-panel .bottom-controls-row[data-v-d70c6ae8]{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f2f6fc;padding-top:18px}.playback-panel .bottom-controls-row .action-buttons[data-v-d70c6ae8]{display:flex;align-items:center;gap:10px}.playback-panel .bottom-controls-row .action-buttons[data-v-d70c6ae8] .el-button--small.is-circle{padding:10px;font-size:16px;color:#606266;border-color:#dcdfe6;background-color:#fff}.playback-panel .bottom-controls-row .action-buttons[data-v-d70c6ae8] .el-button--small.is-circle:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.playback-panel .bottom-controls-row .action-buttons .play-btn[data-v-d70c6ae8]{background-color:#00cd96;border-color:#00cd96;color:#fff;border-radius:20px;padding:10px 24px;font-weight:700;font-size:14px;min-width:120px}.playback-panel .bottom-controls-row .action-buttons .play-btn[data-v-d70c6ae8]:hover{background-color:#1fe0aa;border-color:#1fe0aa}.playback-panel .bottom-controls-row .speed-control-group[data-v-d70c6ae8]{display:flex;align-items:center}.playback-panel .bottom-controls-row .speed-control-group .speed-label[data-v-d70c6ae8]{font-size:13px;color:#606266;margin-right:10px;font-weight:500}.playback-panel .bottom-controls-row .speed-control-group .custom-speed-group[data-v-d70c6ae8]{border:1px solid #dcdfe6;border-radius:4px;overflow:hidden;background-color:#fff;padding:1px}.playback-panel .bottom-controls-row .speed-control-group .custom-speed-group[data-v-d70c6ae8] .el-radio-button__inner{border:none!important;padding:6px 12px;font-size:12px;background:transparent;color:#606266;box-shadow:none!important}.playback-panel .bottom-controls-row .speed-control-group .custom-speed-group[data-v-d70c6ae8] .el-radio-button__orig-radio:checked+.el-radio-button__inner{background-color:#f2f6fc;color:#00cd96;font-weight:700}.playback-panel .bottom-controls-row .legend-group[data-v-d70c6ae8]{display:flex;align-items:center;gap:16px}.playback-panel .bottom-controls-row .legend-group .legend-item[data-v-d70c6ae8]{display:flex;align-items:center;font-size:12px;color:#606266;font-weight:500}.playback-panel .bottom-controls-row .legend-group .legend-item .dot[data-v-d70c6ae8]{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.playback-panel .bottom-controls-row .legend-group .legend-item .dot.red[data-v-d70c6ae8]{background-color:#f56c6c;box-shadow:0 0 4px rgba(245,108,108,.4)}.playback-panel .bottom-controls-row .legend-group .legend-item .dot.orange[data-v-d70c6ae8]{background-color:#e6a23c;box-shadow:0 0 4px rgba(230,162,60,.4)}.playback-panel .bottom-controls-row .legend-group .legend-item .dot.blue[data-v-d70c6ae8]{background-color:#409eff;box-shadow:0 0 4px rgba(64,158,255,.4)}