.f-switches-wrapper {
  @apply flex flex-wrap justify-center gap-6 mb-4;
}

.f-switch-group {
  @apply inline-flex overflow-hidden relative bg-[--f-background-switch];
}

.f-switch {
  @apply px-6 py-3 text-sm font-semibold cursor-pointer select-none transition-all;
}

.f-switch.active {
  @apply text-[--f-switcher-text]  bg-[--f-switcher-background] ;
}

/* .f-switch:hover {
   @apply text-[--f-switcher-text-hover]  bg-[--f-switcher-background-hover] ;
} */