#cavok-sidebar {
    z-index: 1201;
}

#sidebar-logo {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.1s, visibility 0.1s;
}

#bottom-username {
    width: 170px;
}

.sidebar-button::after {
    filter: saturate(0);
}

.sidebar-button::after {
    filter: saturate(0);
}

#searchInputSidebar {
    background-color: var(--bs-tertiary-bg);
}

#searchInputSidebar::placeholder {
    color: #535c63;
}

@media screen and (min-width: 768px ) {
    .offcanvas-backdrop.show {
        opacity: 0.5;
        backdrop-filter: blur(200px);
        -webkit-backdrop-filter: blur(200px);
    }
}

.offcanvas-backdrop {
    background: #000000d8;
    opacity: 1;
    z-index: 1200 !important;
    transition: backdrop-filter 0.5s ease-in-out, opacity 0.5s ease-out;
}

.offcanvas-body::-webkit-scrollbar {
    width: 6px;
}

.offcanvas-body::-webkit-scrollbar-track {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    background: #1b1b1c;
}

.offcanvas-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #2c2c2c;
}