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

#nav-sidebar {
    background: linear-gradient(160deg, rgb(12, 23, 49) 0%, rgb(2, 4, 8) 100%) !important;
}

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

html,
body,
button,
input,
select,
textarea {
    font-family: 'Inter', ui-sans-serif, system-ui, 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 [x-show].bg-white a {
    color: #1f2937 !important;
    text-shadow: none;
}

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

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

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

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

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

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

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

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

#nav-sidebar [x-show].bg-white {
    background: #000000 !important;
    border-color: rgba(255, 255, 255, .14) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important;
}

#nav-sidebar [x-show].bg-white a {
    color: #ffffff !important;
    transition: background-color .15s ease, color .15s ease;
}

#nav-sidebar [x-show].bg-white a:hover {
    background: #000000 !important;
    color: #ffffff !important;
}

#nav-sidebar [x-show].bg-white .border-t {
    border-color: rgba(255, 255, 255, .14) !important;
}

#nav-sidebar [x-show].bg-white button {
    background: transparent !important;
}

#nav-sidebar [x-show].bg-white button:hover {
    background: rgba(220, 38, 38, .18) !important;
}

#nav-sidebar [x-data*="openUserLinks"] > div {
    background: #000000 !important;
    transition: background-color .15s ease, color .15s ease;
}

#nav-sidebar [x-data*="openUserLinks"] > div,
#nav-sidebar [x-data*="openUserLinks"] > div .font-semibold,
#nav-sidebar [x-data*="openUserLinks"] > div .text-subtle,
#nav-sidebar [x-data*="openUserLinks"] > div .material-symbols-outlined {
    color: #ffffff !important;
}

#nav-sidebar [x-data*="openUserLinks"] > div:hover,
#nav-sidebar [x-data*="openUserLinks"] > div.bg-base-100 {
    background: #000000 !important;
}

#nav-sidebar [x-data*="openUserLinks"] > div:hover,
#nav-sidebar [x-data*="openUserLinks"] > div:hover .font-semibold,
#nav-sidebar [x-data*="openUserLinks"] > div:hover .text-subtle,
#nav-sidebar [x-data*="openUserLinks"] > div:hover .material-symbols-outlined,
#nav-sidebar [x-data*="openUserLinks"] > div.bg-base-100 .font-semibold,
#nav-sidebar [x-data*="openUserLinks"] > div.bg-base-100 .text-subtle,
#nav-sidebar [x-data*="openUserLinks"] > div.bg-base-100 .material-symbols-outlined {
    color: #ffffff !important;
}

#nav-sidebar [x-show].bg-white a:focus-visible {
    outline: none;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px #000000, 0 0 0 4px rgba(0, 0, 0, .35) !important;
}