@media (prefers-color-scheme: light) {
  .tabs.is-toggle.is-grey {
    --tab-color: var(--bulma-grey-light);
  }
}
[data-theme=light] {
  .tabs.is-toggle.is-grey {
    --tab-color: var(--bulma-grey-light);
  }
}

.tabs {
  &.is-toggle {
    &.is-grey {
      --tab-color: var(--bulma-grey-dark);
      a {
        border-color: var(--tab-color);
        &:hover {
          border-color: inherit;
        }
      }
      li.is-active {
        a {
          background-color: var(--tab-color);
          border-color: var(--tab-color);
        }
      }
    }
  }
  &.is-compact {
    a {
      padding: 0.25em 0.5em;
    }
    &.is-toggle-rounded {
      li:first-child a {
        padding-left: 0.75em
      }
      li:last-child a {
        padding-right: 0.75em
      }
    }
  }
  &.is-borderless {
    a {
      border-width: 0;
    }
  }
  &.is-multiline {
    display: block;
    overflow: initial;
    ul {
      flex-wrap: wrap;
    }
  }
  &.is-gapped {
    ul {
      gap: 0.5rem;
    }
    li a {
      border-radius: 4px;
    }
  }
  li[hidden] {
    display: none;
  }
}