/* @define-color accent_color #ffdb4d;
@define-color accent_bg_color #ffdb4d; */

/**
 * Headered Scrollled Window
 */

.border-separator {
    color: @sidebar_border_color;
}

.light-background {
    background-color: @sidebar_bg_color;
}

/**
 * Rework of default
 */

listview {
    background-color: rgba(0, 0, 0, 0);
}

listview row {
    background-color: rgba(0, 0, 0, 0);
}

.card-box flowboxchild {
    border-radius: 12px;
}

flowbox flowboxchild {
    padding: 0px;
}

frame {
    border-style: none;
}

.sp-sw overshoot.top {
    background-image: none;
}

.sp-sw overshoot.bottom {
    background-image: none;
}

/**
 * Other
 */

.unbold {
    font-weight: normal;
}

.equalaizer-scale {
    padding: 10px;
}

.small-border-radius {
    border-radius: 6px;
}

.transparent-background {
    background-color: rgba(0, 0, 0, 0);
}

.plus-button {
    color: white;
    background-image: linear-gradient(90deg,#ff5c4d,#eb469f 30%,#8341ef 75%,#3f68f9);
}

.button-standart-padding {
    padding-left: 5px;
    padding-right: 5px;
}

.menu-button {
    font-weight: normal;
    padding-top: 3px;
    padding-bottom: 3px;
    transition: none;
}

popover contents {
    padding: 6px;
}

/**
 * Track row
 */

track-row {
    all: inherit;

    border-radius: 12px;
    padding: 6px;
    transition: 200ms;
}

track-row.hover {
    box-shadow: 0   0   0   1px rgba(0, 0, 0, .03),
                0   1px 3px 1px rgba(0, 0, 0, .07),
                0   2px 6px 2px rgba(0, 0, 0, .03);
    background-color: alpha(@window_fg_color, 0.1);
}

track-row.active {
    background-color: alpha(@window_fg_color, 0.3);
}

/**
 * Track row playing
 */

track-row.playing {
    box-shadow: 0   0   0   1px rgba(0, 0, 0, .03),
                0   1px 3px 1px rgba(0, 0, 0, .07),
                0   2px 6px 2px rgba(0, 0, 0, .03);
    color: @accent_fg_color;
    background-color: alpha(@accent_bg_color, 0.85);
}

track-row.playing-hover {
    background-color: alpha(@accent_bg_color, 0.70);
}

track-row.playing-active {
    background-color: alpha(@accent_bg_color, 0.54);
}

/**
 * Action card
 */

.action-card {
    transition: 200ms;
    box-shadow: 0   0   0   1px rgba(0, 0, 0, .03),
                0   1px 3px 1px rgba(0, 0, 0, .07),
                0   2px 6px 2px rgba(0, 0, 0, .03);
    background-color: alpha(@window_fg_color, 0.08);
    padding: 8px;
}

.action-card-hover {
    background-color: alpha(@window_fg_color, 0.18);
}

.action-card-active {
    background-color: alpha(@window_fg_color, 0.3);
}

/**
 * Station card playing
 */

.station-card-playing {
    background-color: alpha(@accent_bg_color, 0.85);
    color: @accent_fg_color;
}

.station-card-playing-hover {
    background-color: alpha(@accent_bg_color, 0.70);
}

.station-card-playing-active {
    background-color: alpha(@accent_bg_color, 0.54);
}
