YaMusic Wide (60px) Progress Bar (beta) by invent1veness

/* ==UserStyle==
@name           YaMusic Wide (60px) Progress Bar
@namespace      userstyles.world/user/invent1veness
@version        0.1.1
@description    Make Progress Bar wider
@author         github.com/invent1veness
@license        MIT License
==/UserStyle== */

@-moz-document domain("music.yandex.ru") {
    
    .bar__content .progress_branding .progress__bar, .bar__content .progress_branding .progress__bg {
        height: 3px;
        line-height: 3px;
    }
    .progress__line__branding .bar__content .progress_branding .progress__bar, .bar__content .progress_branding .progress__bg {
        height: 3px;
        line-height: 3px;
    }
    .theme-black .deco-progress .progress__progress, .theme-black .deco-progress .progress__progress_muted .progress__line, body .local-theme-black.deco-progress .progress__progress, body .local-theme-black .deco-progress .progress__progress, body .local-theme-black.deco-progress .progress__progress_muted .progress__line, body .local-theme-black .deco-progress .progress__progress_muted .progress__line {
        background-color: hsla(51, 100%, 49%, 0);
    }
    
    .bar__content:hover .progress_branding .progress__left, .bar__content:hover .progress_branding .progress__right {
        display: none;
    }
    .bar__content:hover .progress_branding .progress__bar, .bar__content:hover .progress_branding .progress__bg {
        height: 3px;
        line-height: 3px;
    }
    
    .bar__content .progress_branding:hover .progress__bar, 
    .bar__content .progress_branding:hover .progress__bg {
        height: 60px;
        line-height: 60px;
    }
    
    .bar__content .progress_branding:hover .progress__left, 
    .bar__content .progress_branding:hover .progress__right {
        display: inherit;
    }
    
    .deco-progress {
        height: 60px;
    }
    
    .theme-black .deco-progress .progress__bg, 
    body .local-theme-black.deco-progress .progress__bg, 
    body .local-theme-black .deco-progress .progress__bg {
        background: none;
    }
    
    .theme-black .deco-progress .progress__progress .progress__line, 
    body .local-theme-black.deco-progress .progress__progress .progress__line, 
    body .local-theme-black .deco-progress .progress__progress .progress__line {
        background-color: #ffdf63a1;
        background-color: #ffcb00de;
    }
    
    .theme-black .deco-progress:hover .progress__progress, 
    .theme-black .deco-progress:hover .progress__progress_muted .progress__line, 
    body .local-theme-black .deco-progress:hover .progress__progress, 
    body .local-theme-black .deco-progress:hover .progress__progress, 
    body .local-theme-black .deco-progress:hover .progress__progress_muted .progress__line, 
    body .local-theme-black .deco-progress:hover .progress__progress_muted .progress__line {
        background-color: hsla(0, 0%, 50%, 0);
    }
    
    .theme-black .deco-progress:hover .progress__progress .progress__line, 
    body .local-theme-black.deco-progress:hover .progress__progress .progress__line, 
    body .local-theme-black .deco-progress:hover .progress__progress .progress__line {
        background-color: #ffcb00de;
    }
    
    .theme-black .deco-progress .progress__progress_muted .progress__line, 
    body .local-theme-black.deco-progress .progress__progress_muted .progress__line, 
    body .local-theme-black .deco-progress .progress__progress_muted .progress__line {
        background-color: #ffcb00de;
        background-color: rgba(24,24,24,.95);
        background-color: rgba(42, 42, 42, .95);
    }
    
    .theme-black .deco-progress:hover .progress__progress_muted .progress__line, 
    body .local-theme-black.deco-progress:hover .progress__progress_muted .progress__line, 
    body .local-theme-black .deco-progress:hover .progress__progress_muted .progress__line {
        background-color: rgba(42, 42, 42, .95);
    }
    
    .progress__left {
        margin-left: 20px;
        float: left;
    }
    .progress__right {
        margin-right: 20px;
        float: right;
    }
    .progress__bar {
        text-align: center;
        color: #fff;
        font-size: 16px;
    }
    .deco-progress:hover .progress__bar {
        text-align: center;
        color: #fff;
        font-size: 16px;
    }
    
    .body_bar-tall .popup_page {
        bottom: 90px;
    }
    .popup-sequence__content {
        margin-bottom: 90px;
    }
    .sidebar-cont {
        padding-bottom: 90px;
    }
    .theme_dark .sidebar__placeholder.sidebar__sticky { /* И было красиво */
        background-color: #181818;
    }
}