.sidebar {
    height: 32rem;
    overflow: auto;
    position: sticky;
    top: calc(var(--navbar-height) + var(--page-content-padding-y));
}

.sidebar__item {
    border-left: 2px solid var(--background-color-muted);
    padding: 0.5rem 0rem 0.5rem 1rem;
    transition: all 0.25s ease;
}

.sidebar__item:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, var(--color-primary), var(--color-complementary));
    background-clip: text;
    border-left: 2px solid var(--color-primary);
    color: transparent;
}