.vuiTabs--open {
  display: flex;
  border-bottom: 1px solid var(--vui-color-border-light);

  &.vuiTabs--s {
    .vuiTab {
      .vuiTab__inner {
        padding: $sizeXs $sizeM;
      }
    }
  }

  &.vuiTabs--m {
    .vuiTab {
      .vuiTab__inner {
        padding: $sizeXs $sizeM;
      }
    }
  }

  .vuiTab {
    overflow: hidden;
    box-shadow: transparent 0px 1px 0px, transparent 0px -1px 0px inset;

    &:hover {
      .vuiTab__inner {
        color: var(--vui-color-primary-shade);
        background-color: var(--vui-color-primary-lighter-shade);

        .vuiIcon__inner {
          color: var(--vui-color-primary-shade) !important;
        }
      }
    }

    &.vuiTab-isActive {
      box-shadow: var(--vui-color-border-medium) 0px 1px 0px;

      .vuiTab__inner {
        background-color: var(--vui-color-light-shade);
      }
    }
  }
}