.fi-sidebar {
    transition: all 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.fi-sidebar-nav {
    background: white !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}

.fi-sidebar-nav:is(.dark *) {
    background: rgba(var(--gray-900), var(--tw-bg-opacity, 1)) !important;
    box-shadow: rgba(149, 157, 165, 0) 0px 8px 24px !important;
}

.fi-topbar > * {
    background-color: rgb(255, 255, 255, 0.1) !important;
}

.fi-topbar:is(.dark *) {
    background-color: rgb(0, 0, 0, 0.6) !important;
}

.fi-topbar,
.fi-topbar:is(.dark *) {
    backdrop-filter: blur(20px) !important;
}