.dropdown-active-option {
    box-shadow: inset 0 0 0 2px #06b6d4;
}

.dark .file-icon-img {
    filter: invert(1);
}

#language-dropdown-list,
#model-dropdown-list,
#reasoning-dropdown-list {
    max-width: min(24rem, calc(100vw - 1.5rem));
}

.detached-sidebar-dropdown,
#language-dropdown-list,
#model-dropdown-list,
#reasoning-dropdown-list,
#byok-keys-list {
    scrollbar-width: thin;
    scrollbar-color: #d4d4d4 transparent;
}

.dark .detached-sidebar-dropdown,
.dark #language-dropdown-list,
.dark #model-dropdown-list,
.dark #reasoning-dropdown-list,
.dark #byok-keys-list {
    scrollbar-color: #525252 transparent;
}

.detached-sidebar-dropdown::-webkit-scrollbar,
#language-dropdown-list::-webkit-scrollbar,
#model-dropdown-list::-webkit-scrollbar,
#reasoning-dropdown-list::-webkit-scrollbar,
#byok-keys-list::-webkit-scrollbar {
    width: 6px;
}

.detached-sidebar-dropdown::-webkit-scrollbar-track,
#language-dropdown-list::-webkit-scrollbar-track,
#model-dropdown-list::-webkit-scrollbar-track,
#reasoning-dropdown-list::-webkit-scrollbar-track,
#byok-keys-list::-webkit-scrollbar-track {
    background: transparent;
}

.detached-sidebar-dropdown::-webkit-scrollbar-thumb,
#language-dropdown-list::-webkit-scrollbar-thumb,
#model-dropdown-list::-webkit-scrollbar-thumb,
#reasoning-dropdown-list::-webkit-scrollbar-thumb,
#byok-keys-list::-webkit-scrollbar-thumb {
    background: #d4d4d4;
    border-radius: 3px;
}

.detached-sidebar-dropdown::-webkit-scrollbar-thumb:hover,
#language-dropdown-list::-webkit-scrollbar-thumb:hover,
#model-dropdown-list::-webkit-scrollbar-thumb:hover,
#reasoning-dropdown-list::-webkit-scrollbar-thumb:hover,
#byok-keys-list::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
}

.dark .detached-sidebar-dropdown::-webkit-scrollbar-thumb,
.dark #language-dropdown-list::-webkit-scrollbar-thumb,
.dark #model-dropdown-list::-webkit-scrollbar-thumb,
.dark #reasoning-dropdown-list::-webkit-scrollbar-thumb,
.dark #byok-keys-list::-webkit-scrollbar-thumb {
    background: #525252;
}

.dark .detached-sidebar-dropdown::-webkit-scrollbar-thumb:hover,
.dark #language-dropdown-list::-webkit-scrollbar-thumb:hover,
.dark #model-dropdown-list::-webkit-scrollbar-thumb:hover,
.dark #reasoning-dropdown-list::-webkit-scrollbar-thumb:hover,
.dark #byok-keys-list::-webkit-scrollbar-thumb:hover {
    background: #737373;
}