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

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

.f-switch {
  @apply px-6 py-2 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] ;
}