::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}
input:focus, textarea:focus {
    outline: none;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.hide-scroll::-webkit-scrollbar {
    display: none;
}
.thin-scroll {
    scrollbar-width: thin;
    scrollbar-color: #d1d5db transparent;
}
.thin-scroll::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.thin-scroll::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}
.middle-panel {
    display: none;
}
.middle-panel.active {
    display: block;
}
#userMenu .user-menu-dropdown {
    z-index: 100;
}
#userMenu .user-menu-dropdown::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.375rem;
}
header {
    z-index: 50;
}