.dark .fi-logo {
    filter: brightness(0) invert(1);
}

.fi-logo {
    transition: filter 150ms ease;
}

.fi-user-menu-trigger .fi-avatar {
    width: 3.25rem;
    height: 3.25rem;
    border: 3px solid #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18);
    font-size: 1.125rem;
    font-weight: 700;
}

@media (min-width: 1024px) {
    .fi-sidebar {
        width: 15rem;
    }
}