.jouele.jouele_inited{
    display:block;
    position:relative;
    line-height:1.15
}
.jouele-progress{
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.jouele-progress-line{
    position:relative;
    height:.8em
}
.jouele-progress-line.jouele-is-available{
    cursor:pointer
}
.jouele-progress-line-bar_base,.jouele-progress-line-bar_play{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    box-sizing:border-box
}
.jouele-progress-line-bar_play{
    top:0;
    left:0
}
.jouele-progress-line-bar_base{
    width:100%
}
.jouele-progress-line-bar_play.jouele-is-unavailable{
    display:none
}
.jouele-progress-line.jouele-is-available .jouele-progress-line-bar_play{
    cursor:pointer
}
.jouele-progress-line-bar_base:after,.jouele-progress-line-bar_play:after{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    right:0;
    height:1px
}
.jouele-progress-line-bar_base:after{
    background-color:#bfbfbf
}
.jouele-progress-line-bar_play:after{
    background-color:#000;
    transition:background-color .16s linear
}
.jouele-progress-line-bar_play.jouele-is-playing: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%;
    background-color:#000;
    position:absolute;
    transition:width .16s linear,height .16s linear,margin .16s linear,background-color .16s linear
}
.jouele-progress-line-lift.jouele-is-playing{
    background-color:#f59331
}
.jouele-progress-line-lift.jouele-is-unavailable{
    display:none
}
.jouele-progress-line.jouele-is-available .jouele-progress-line-lift{
    cursor:pointer
}
.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.jouele-is-buffering:before{
    opacity:1;
    display:block\0/
}
.jouele-progress-line-lift.jouele-is-playing: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{
    position:relative;
    overflow:hidden;
    padding:0 0 .2em;
    margin:0 0 0 -.3em;
    z-index:1
}
.jouele-info-control{
    overflow:hidden;
    font-size:1em;
    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:none
}
.jouele-info-control-button-icon_unavailable{
    display:block
}
.jouele-info-control-button-icon_play.jouele-is-available{
    display:block
}
.jouele-svg{
    vertical-align:middle;
    width:1.15em;
    height:1.15em
}
.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_play.jouele-is-playing .jouele-svg-color{
    fill:#f59331
}
.jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color{
    fill:#d04000;
    transition:none
}
.jouele-info-control-text{
    line-height:1.15!important;
    padding:0 2em 0 0;
    overflow:hidden;
    word-wrap:break-word;
    white-space:normal
}
.jouele-info-time{
    float:right;
    font-size:.8em;
    line-height:1.4375!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-info-time__current{
    float:left;
    margin-right:.65em
}
.jouele-info-time__total{
    float:right
}
.jouele-info-time__current.jouele-is-unavailable,.jouele-info-time__total.jouele-is-unavailable{
    display:none
}
.jouele_timeline_hide .jouele-progress-line{
    margin-top:-.8em;
    display:none\0/;
    opacity:0;
    transition:opacity .33s ease-out,margin-top .33s ease-out
}
.jouele_timeline_hide .jouele-progress-line.jouele-is-playing{
    margin-top:0;
    opacity:1;
    display:block\0/
}
.jouele-hidden{
    display:none!important
}
.jouele-skin-dark .jouele-progress-line-bar_base:after{
    background-color:#bfbfbf
}
.jouele-skin-dark .jouele-progress-line-bar_play:after{
    background-color:currentColor
}
.jouele-skin-dark .jouele-progress-line-bar_play.jouele-is-playing: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-progress-line-lift.jouele-is-playing{
    background-color:#f59331
}
.jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-lift{
    background-color:#d04000
}
.jouele-skin-dark .jouele-progress-line-lift:before{
    border-color:currentColor
}
.jouele-skin-dark .jouele-progress-line-lift.jouele-is-playing:before{
    border-color:#f59331
}
.jouele-skin-dark .jouele-progress-line:hover .jouele-progress-line-lift:before{
    border-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
}
.jouele-skin-dark .jouele-info-control-button-icon_play.jouele-is-playing .jouele-svg-color{
    fill:#f59331
}
.jouele-skin-dark .jouele-info-control-button:hover .jouele-info-control-button-icon_play .jouele-svg-color{
    fill:#d04000
}
.jouele-skin-dark .jouele-info-time{
    color:inherit
}