.sm-component-time-slider{width:578px;height:80px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:12px;color:var(--text-color)}.sm-component-time-slider .sm-play-control{position:relative;margin:0;padding:0;width:24px;height:24px;line-height:24px;text-align:center;text-shadow:none;border:none;outline:none;background:transparent;cursor:pointer}.sm-component-time-slider .sm-icon-play{font-size:24px;outline:none}.sm-component-time-slider .sm-progress-control-wrapper{position:relative;width:calc(100% - 36px);margin-left:12px}.sm-component-time-slider .sm-progress-control{-ms-flex:auto;-webkit-box-flex:1;flex:auto;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;position:relative;width:100%;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--slider-rail-background-color);cursor:pointer;-ms-touch-action:none;touch-action:none}.sm-component-time-slider .sm-progress-control:before{content:"";position:relative;display:block;width:12px;height:12px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--avatar-background);background:var(--primary-color);border-radius:50%;z-index:3}.sm-component-time-slider .sm-progress-control:hover:before{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}.sm-component-time-slider .sm-progress-holder{-ms-flex:auto;-webkit-box-flex:1;flex:auto;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;position:absolute;left:0;width:100%;height:100%;outline:none;pointer-events:none}.sm-component-time-slider .sm-load-progress{position:absolute;left:0;width:100%;border-radius:3px;outline:none;z-index:2}.sm-component-time-slider .sm-play-progress{position:absolute;top:0;display:block;height:100%;width:100%;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;outline:none;-ms-touch-action:none;touch-action:none}.sm-component-time-slider .sm-time-node{position:absolute;top:10px;width:100%;height:20px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sm-component-time-slider .sm-time-node .sm-start-node{position:absolute;left:0}.sm-component-time-slider .sm-time-node .sm-end-node{position:absolute;right:0}.sm-component-time-slider .sm-mouse-display{position:absolute;display:none;height:100%;z-index:1;pointer-events:none}.sm-component-time-slider .sm-progress-control:hover .sm-mouse-display{display:inline-block;white-space:nowrap}.sm-component-time-slider .sm-time-tooltip{position:relative;left:-50%;top:-50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:33px;padding:6px 8px;border-radius:4px;font-size:14px;color:var(--tooltip-color);background:var(--tooltip-background);-webkit-box-shadow:0 2px 7px 0 var(--shadow-color);box-shadow:0 2px 7px 0 var(--shadow-color);visibility:hidden;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sm-component-time-slider .sm-progress-holder:focus .sm-time-tooltip{visibility:hidden}.sm-component-time-slider .sm-progress-control:hover .sm-progress-holder:focus .sm-time-tooltip,.sm-component-time-slider .sm-progress-control:hover .sm-time-tooltip{visibility:visible}