.event {
    border: 3px solid #f4f4f4;
    border-radius: 6px;
}

.event:checked {
    border-color: @selected_bg_color;
}

.overlay-toolbar {
    background: alpha (@base_color, 0.9);
    border: none;
    border-radius: 3px;
    box-shadow:
        0 0 0 1px alpha (#000, 0.2),
        inset 1px 0 0 0 alpha (@bg_highlight_color, 0.2),
        inset -1px 0 0 0 alpha (@bg_highlight_color, 0.2),
        inset 0 -1px 0 0 alpha (@bg_highlight_color, 0.3);
}

.overlay-toolbar .mark {
    color: @text_color;
}

scale.temperature trough {
    background-image:
        linear-gradient(
            to right,
            @BLUEBERRY_500,
            @BANANA_500
        );
}

scale.temperature:dir(rtl) trough {
    background-image:
        linear-gradient(
            to left,
            @BLUEBERRY_500,
            @BANANA_500
        );
}

scale.tint trough {
    background-image:
        linear-gradient(
            to right,
            #e41b79,
            @LIME_500
        );
}

scale.tint:dir(rtl) trough {
    background-image:
        linear-gradient(
            to left,
            #e41b79,
            @LIME_500
        );
}

scale.tint trough,
scale.temperature trough {
    box-shadow:
        inset 0 0 0 1px alpha (#000, 0.7),
        inset 0 1px 0 alpha (#000, 0.7),
        inset 0 2px 0 alpha (#fff, 0.15),
        0 1px 0 0 alpha (@bg_highlight_color, 0.3);
}
