scrolledwindow.frame {
    border-width: 1px;
}

scrollbar slider {
    background-color: mix(@bg_color, @fg_color, 0.25);
    min-width: 7px;
    min-height: 7px;
}

scrollbar slider:hover {
    background-color: mix(@bg_color, @fg_color, 0.35);
}

scrollbar slider:active {
    background-color: @selected_bg_color;
}

scrollbar through {
    border: 0;
}

scrolledwindow overshoot.top {
    background-image: radial-gradient(50% 100% at top, alpha(@border_color, 0.5), transparent);
    background-size: 100% 4%;
    background-position: top;
    background-repeat: no-repeat;
}
scrolledwindow overshoot.bottom {
    background-image: radial-gradient(50% 100% at bottom, alpha(@border_color, 0.5), transparent);
    background-size: 100% 4%;
    background-position: bottom;
    background-repeat: no-repeat;
}
scrolledwindow overshoot.left {
    background-image: radial-gradient(100% 50% at left, alpha(@border_color, 0.5), transparent);
    background-size: 4% 100%;
    background-position: left;
    background-repeat: no-repeat;
}
scrolledwindow overshoot.right {
    background-image: radial-gradient(100% 50% at right, alpha(@border_color, 0.5), transparent);
    background-size: 4% 100%;
    background-position: right;
    background-repeat: no-repeat;
}