:global(.ui-tabs) {
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  position: relative;

  & :global(.tab) {
    align-items: center;
    border: 1px solid transparent;
    color: var(--secondary-dark-text);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    position: relative;
    text-decoration: none;
    user-select: none;
    white-space: nowrap;
    & span {
      transition: 200ms color ease;
    }
    & :global(.before-icon) {
      flex-shrink: 0;
      & + span {
        margin-left: var(--cells-05);
      }
    }
  }
}