.jouele{display:block;position:relative;line-height:16px}.jouele,.jouele *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jouele-progress{position:relative;width:100%;height:11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jouele-progress-line{width:100%;top:0;height:11px;position:absolute}.jouele-progress-line-bar_base,.jouele-progress-line-bar_load,.jouele-progress-line-bar_play{position:absolute;box-sizing:border-box}.jouele-progress-line-bar_base:after,.jouele-progress-line-bar_load:after,.jouele-progress-line-bar_play:after{content:'';position:absolute;top:50%;left:0;right:0;height:1px}.jouele-progress-line-bar_base{height:11px;width:100%;top:0;z-index:10}.jouele-progress-line-bar_base:after{background:#bfbfbf}.jouele-progress-line-bar_load{height:11px;width:100%;top:0;z-index:20;cursor:pointer}.jouele_broken .jouele-progress-line-bar_load{cursor:default}.jouele-progress-line-bar_load:after{background:#bfbfbf}.jouele-progress-line-bar_play{height:11px;top:0;z-index:30;cursor:pointer}.jouele-progress-line-bar_play:after{background-color:#000;transition:background-color .16s linear}.jouele-status-playing .jouele-progress-line-bar_play:after{background-color:#f59331}.jouele-progress-line:hover .jouele-progress-line-bar_play:after{background-color:#d04000;transition:none}.jouele-progress-line-lift{left:0;top:50%;width:5px;height:5px;margin:-2px 0 0;border-radius:50%;z-index:40;background-color:#000;cursor:pointer;position:absolute;transition:width .16s linear,height .16s linear,margin .16s linear,background-color .16s linear}.jouele-status-playing .jouele-progress-line-lift{background-color:#f59331}.jouele-progress-line:hover .jouele-progress-line-lift{background-color:#d04000;width:7px;height:7px;margin-top:-3px;margin-left:-1px;transition:none}.jouele-progress-line-lift:before{content:'';width:100%;height:100%;padding:2px;display:block;font-size:0;position:absolute;left:-3px;top:-3px;border:1px solid #000;border-radius:50%;transition:border-color .16s linear,opacity .16s linear;-webkit-animation:preloader-animate .75s ease infinite;-moz-animation:preloader-animate .75s ease infinite;-o-animation:preloader-animate .75s ease infinite;animation:preloader-animate .75s ease infinite;display:none\0/;opacity:0}.jouele-progress-line-lift_buffering:before{opacity:1;display:block\0/}.jouele-status-playing .jouele-progress-line-lift:before{border-color:#f59331}.jouele-progress-line:hover .jouele-progress-line-lift:before{border-color:#d04000;transition:none}@-webkit-keyframes preloader-animate{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes preloader-animate{0%{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}100%{-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes preloader-animate{0%{-o-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(1.2);transform:scale(1.2)}100%{-o-transform:scale(1);transform:scale(1)}}@keyframes preloader-animate{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.jouele-info{z-index:100;position:relative;overflow:hidden;padding:0 0 2px;margin:0 0 0 -4px}.jouele-info-control{overflow:hidden;font-size:13px;line-height:1}.jouele-info-control *{line-height:1}.jouele-info-control-button{float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jouele-info-control-link{cursor:pointer;padding:0!important;margin:0!important;background:0 0!important;display:block!important;text-decoration:none!important;border:0!important;color:currentColor!important}.jouele-info-control-button-icon{display:block}.jouele-svg{vertical-align:middle;width:16px;height:16px}.jouele-svg-color{transition:fill .16s linear}.jouele-info-control-button-icon_play .jouele-svg-color,.jouele-info-control-button-icon_unavailable .jouele-svg-color{fill:#000}.jouele-info-control-button-icon_pause .jouele-svg-color{fill:#f59331}.jouele-info-control-button:hover .jouele-info-control-button-icon_pause .jouele-svg-color,.jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color{fill:#d04000;transition:none}.jouele-info-control-text{line-height:16px!important;padding:0 2em 0 0;overflow:hidden;word-wrap:break-word;white-space:normal}.jouele-info-time{float:right;font-size:11px;line-height:16px!important;color:#606060;text-align:right;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jouele_broken .jouele-info-time{display:none}.jouele-info-time__current{float:left;margin-right:.65em}.jouele-info-time__total{float:right}.jouele_timeline_hide .jouele-progress{margin-top:-16px;display:none\0/;opacity:0;transition:opacity .33s ease-out,margin-top .33s ease-out}.jouele-status-playing .jouele-progress{margin-top:0;opacity:1;display:block\0/}.jouele-hidden{display:none!important}.jouele-skin-dark .jouele-progress-line-bar_load:after,.jouele-skin-dark .jouele-progress-line-bar_play:after{background:currentColor}.jouele-skin-dark .jouele-status-playing .jouele-progress-line-bar_play:after,.jouele-skin-dark.jouele-status-playing .jouele-progress-line-bar_play:after{background-color:#f59331}.jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-bar_play:after{background-color:#d04000}.jouele-skin-dark .jouele-progress-line-lift{background-color:currentColor}.jouele-skin-dark .jouele-status-playing .jouele-progress-line-lift,.jouele-skin-dark.jouele-status-playing .jouele-progress-line-lift{background-color:#f59331}.jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-lift{background-color:#d04000}.jouele-skin-dark .jouele-info-control-button-icon_play .jouele-svg-color,.jouele-skin-dark .jouele-info-control-button-icon_unavailable .jouele-svg-color{fill:currentColor}