.vuiTabs--enclosed {
  display: inline-flex;
  background-color: var(--vui-color-light-shade);
  border-radius: $sizeXxs;
  padding: $sizeXxxs $sizeXs;

  &.vuiTabs--s {
    .vuiTab {
      .vuiTab__inner {
        padding: $sizeXxs $sizeS;
      }
    }
  }

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

  .vuiTab {
    &:hover {
      .vuiTab__inner {
        color: var(--vui-color-full-shade);
        background-color: rgba(var(--vui-color-empty-shade-rgb), 0.75);

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

    &.vuiTab-isActive {
      .vuiTab__inner {
        background-color: var(--vui-color-empty-shade);
        box-shadow: $shadowSmallEnd;
      }
    }
  }
}