.jouele-info-control-button, .jouele-progress {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.jouele-progress-line-bar_base:after, .jouele-progress-line-bar_load:after {
    background: #b2ada4; /*me*/
    height: 2px; /*me*/
}

.jouele {
    display: block;
    position: relative;
    font-family: 'Open Sans', Arial, sans-serif;
    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: 1px; /*me*/
    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: 2px; /*me*/
}

.jouele-progress-line-bar_base {
    height: 11px;
    width: 100%;
    top: 0;
    z-index: 10
}

.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_play {
    height: 11px;
    top: 0;
    z-index: 30;
    cursor: pointer
}

.jouele-progress-line-bar_play:after {
    background-color: #bc100d; /*me*/
    transition: background-color .16s linear
}

.jouele-status-playing .jouele-progress-line-bar_play:after {
    background-color: #bc100d; /*me*/
    height: 2px; /*me*/
}

.jouele-progress-line:hover .jouele-progress-line-bar_play:after {
    background-color: #d04000;
    transition: none;
    height: 2px; /*me*/
}

.jouele-progress-line-lift {
    left: 0;
    top: 50%;
    width: 2px; /*me*/
    height: 6px; /*me*/
    margin: -4px 0 0; /*me*/
    /*border-radius: 50%;*/ /*me*/
    z-index: 40;
    background-color: #bc100d; /*me*/
    cursor: pointer;
    position: absolute;
    /*transition: width .16s linear, height .16s linear, margin .16s linear, background-color .16s linear*/ /*me*/
}

.jouele-status-playing .jouele-progress-line-lift {
    background-color: #bc100d; /*me*/
}

.jouele-progress-line:hover .jouele-progress-line-lift {
    background-color: #d04000;
    /*width: 7px; 
    height: 7px;
    margin-top: -3px;
    margin-left: -1px;*/ /*me*/
    transition: none
}

.jouele-progress-line-lift:before {
    content: '';
    width: 100%;
    height: 100%;
    padding: 2px;
    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%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-moz-keyframes preloader-animate {
    0%, 100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-o-keyframes preloader-animate {
    0%, 100% {
        -o-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes preloader-animate {
    0%, 100% {
        -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)
    }
}

.jouele-info {
    z-index: 100;
    /*position: relative;*/ /*me*/
    overflow: hidden;
    /*padding: 0 0 2px;*/ /*me*/
    margin: 0 0 0 -4px
}

.jouele-info-control {
    overflow: hidden;
    font-size: 15px; /*me*/
    line-height: 1
}

.jouele-info-control * {
    line-height: 1.1; /*me*/
}

.jouele-info-control-button {
    float: left;
    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;
    cursor: pointer; /*me*/
}

.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: #bc100d; /*me*/
}

.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: 1.3 !important; /*me*/
    padding: 0 2em 0 0.3em; /*me*/
    overflow: hidden;
    word-wrap: break-word;
    white-space: normal
}

.jouele-info-time {
    float: right;
    font-size: 11px;
    /*line-height: 16px !important;*/ /*me*/
    color: #606060;
    text-align: right;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 20px; /*me*/
}

.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;*/ /*me*/
    /*display: none\0 / ;*/ /*me*/
    opacity: 0;
    visibility: hidden; /*me*/
    transition: all .33s ease-out, margin-top .33s ease-out; /*me*/
}

.jouele-status-playing .jouele-progress {
    margin-top: 0;
    opacity: 1;
    visibility: visible; /*me*/
    /*display: block\0 /*/ /*me*/
}

.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
}

.jouele-download, .jouele-download:hover {
    position: absolute;
    right: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-right: -3px;
    border: none;
    text-decoration: none;
    background: url("jouele-download.png") no-repeat;
    background-repeat: no-repeat;
}