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

.f-switch-group {
  @apply inline-flex overflow-hidden relative bg-[var(--f-background-switch)] mt-8;
}

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

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

.f-switch:hover {
  @apply opacity-[0.6]
}