.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 24;
}

#nav-sidebar ol li a .material-symbols-outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px;
    background: rgba(37, 99, 235, .12);
    color: #2563EB;
}

#nav-sidebar ol li a.active .material-symbols-outlined {
    background: rgba(255, 255, 255, .22);
    color: #ffffff;
}

#nav-sidebar {
    background: linear-gradient(160deg, rgb(4, 71, 93) 0%, rgb(0, 7, 10) 100%) !important;
}

#nav-sidebar a:hover,
#nav-sidebar .active {
    border-radius: 999px !important;
}

#nav-sidebar ol li a {
    position: relative;
}

#nav-sidebar ol li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 3px;
    border-radius: 3px;
    background: #2563EB;
    transform: translateX(-3px);
    transition: transform .2s ease;
}

#nav-sidebar ol li a:hover::before,
#nav-sidebar ol li a.active::before {
    transform: translateX(0);
}

#nav-sidebar ol li a:hover {
    transform: translateX(4px) !important;
}

html,
body,
button,
input,
select,
textarea {
    font-family: Tahoma, Geneva, sans-serif !important;
}

#nav-sidebar a {
    text-shadow:
        0 1px 2px rgba(0, 0, 0, .45),
        0 0 1px rgba(255, 255, 255, .4);
}

#nav-sidebar a:focus-visible {
    outline: none;
    box-shadow:
        0 0 0 2px rgba(255, 255, 255, .9),
        0 0 0 4px rgba(0, 0, 0, .55);
}

#nav-sidebar .bg-white a {
    color: #1f2937 !important;
    text-shadow: none;
}

.dark #nav-sidebar .bg-white a,
[data-theme="dark"] #nav-sidebar .bg-white a {
    color: #e5e7eb !important;
}

#nav-sidebar a {
    color: #ffffff !important;
}

#nav-sidebar a:hover {
    color: #ffffff !important;
}

#nav-sidebar .active {
    color: #fcfcfc !important;
}

#nav-sidebar a:focus-visible {
    color: #ffffff !important;
}

#nav-sidebar a:hover {
    background: #1aaee0 !important;
}

#nav-sidebar .active {
    background: #1aaee0 !important;
}

#nav-sidebar a:focus-visible {
    box-shadow: 0 0 0 2px #043d51, 0 0 0 4px rgba(0, 0, 0, .35) !important;
}