.fi-topbar {
    @apply ring-0 shadow-none bg-white dark:bg-gray-800
}

.fi-topbar-item .fi-topbar-item-btn {
    @apply rounded-full px-4;
}

.fi-topbar-item.fi-active .fi-topbar-item-btn {
    @apply bg-primary-600 dark:bg-primary-500 transition-all duration-300 rounded-full shadow-sm;
}

.fi-topbar-item.fi-active .fi-topbar-item-label,
.fi-topbar-item.fi-active .fi-topbar-item-icon {
    @apply text-primary-50;
}
.fi-topbar-item .fi-topbar-item-btn .fi-badge {
    @apply rounded-full bg-primary-600 dark:bg-primary-500 text-white;
}

.fi-topbar-item.fi-active .fi-topbar-item-btn .fi-badge {
    @apply bg-primary-50  text-primary-900;
}

.fi-topbar-item.fi-active .fi-topbar-group-toggle-icon {
    @apply text-primary-50;
}

.fi-topbar-nav-groups .fi-dropdown .fi-badge {
    @apply rounded-full bg-primary-600 dark:bg-primary-500 text-white;
}