.tabs {
  display: flex;
  border-bottom: 2px solid var(--color-gray-eee);

  .tab {
    cursor: pointer;
    margin-right: 20px;
    padding-bottom: 10px;
    font-weight: 600;

    &.selected {
      position: relative;
      color: var(--theme-hack-color, var(--tab-header-color));

      &::after {
        content: '';

        position: absolute;
        z-index: 1;
        right: 0;
        bottom: -2px;
        left: 0;

        display: block;

        width: auto;
        height: 2px;

        background: var(--accent-color-bg);
      }
    }

    &.disabled {
      pointer-events: none;
      color: var(--color-gray-eee);
    }
  }
}