.os-scrollbar.carr_s-scrollbars {
    --os-size: 20px;
    --os-padding-perpendicular: 5px;
    --os-padding-axis: 5px;
    --os-track-border-radius: 10px;
    --os-track-bg: rgba(255, 255, 255, 0.05);
    --os-track-bg-hover: rgba(255, 255, 255, 0.4);
    --os-track-bg-active: rgba(255, 255, 255, 0.6);
    --os-track-border: none;
    --os-track-border-hover: none;
    --os-track-border-active: none;

    /*
     * Keep OverlayScrollbars' actual handle
     * at the full track width.
     */
    --os-handle-bg: transparent;
    --os-handle-bg-hover: transparent;
    --os-handle-bg-active: transparent;
    --os-handle-border: none;
    --os-handle-border-hover: none;
    --os-handle-border-active: none;
    --os-handle-min-size: 33px;
    --os-handle-max-size: none;
    --os-handle-perpendicular-size: 100%;
    --os-handle-perpendicular-size-hover: 100%;
    --os-handle-perpendicular-size-active: 100%;
    --os-handle-interactive-area-offset: 0;
}


/*
 * 20px scrollbar / track.
 */
.carr_s-scrollbars.os-scrollbar-vertical {
    width: 20px;
}


/*
 * Actual OverlayScrollbars handle remains
 * full width so its positioning isn't disturbed.
 */
.carr_s-scrollbars.os-scrollbar-vertical .os-scrollbar-handle {
    position: relative;
    width: 100%;
}


/*
 * Our visible 2px handle.
 */
.carr_s-scrollbars.os-scrollbar-vertical .os-scrollbar-handle::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 4px;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.44);
    border-radius: 10px;
    transition:
        width 0.2s ease,
        background 0.2s ease;
}


/*
 * Expand visible handle across the
 * full 20px track on hover.
 */
.carr_s-scrollbars.os-scrollbar-vertical:hover .os-scrollbar-handle::after {
    width: 100%;

    background: rgba(0, 0, 0, 0.55);
}


/*
 * Active / dragging.
 */
.carr_s-scrollbars.os-scrollbar-vertical .os-scrollbar-handle:active::after {
    width: 100%;

    background: rgba(0, 0, 0, 0.66);
}




.os-scrollbar-vertical {
    right: calc((var(--web-side-spacer) * 0.5) - (var(--os-size) * 0.5)) !important;
}