:host {
  @apply inline-flex flex-row box-border rounded-full relative;
  background-color: var(--shell-header-switch-background);
}

button {
  @apply px-4 py-2 font-bold text-black rounded-full z-dropdown transition-all duration-200 ease-in-out;
  color: var(--shell-header-label-color);

  &.active {
    color: var(--shell-header-label-color-active);
  }
}

.switch {
  @apply absolute top-0 bottom-0 rounded-full transition-all duration-200 ease-in-out;
  background-color: var(--shell-header-switch-color);
}
