@media (min-width: 901px) {
    .sidebar {
        height: 100vh;
        height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
        scrollbar-width: thin;
        scrollbar-color: transparent transparent;
    }

    .sidebar:hover,
    .sidebar:focus-within {
        scrollbar-color: var(--line) transparent;
    }

    .sidebar::-webkit-scrollbar {
        width: 5px;
    }

    .sidebar::-webkit-scrollbar-track {
        background: transparent;
    }

    .sidebar::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 5px;
    }

    .sidebar:hover::-webkit-scrollbar-thumb,
    .sidebar:focus-within::-webkit-scrollbar-thumb {
        background: var(--line);
    }
}