.tab-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: fit-content;

  .tab-header {
    display: flex;
    gap: 0;
    user-select: none; /* Standard */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;
  }

  .tab-header-item {
    cursor: pointer;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    border: var(--primary-thick-border);
    background-color: var(--secondary-color-2);
    text-transform: uppercase;
    color: var(--main-theme-color);
    font-weight: bolder;
  }

  .tab-header-item:not(:first-child) {
    border-left: none;
  }
  
  .tab-header-item.active {
      background-color: var(--secondary-color);
      border-bottom: none;
  }
  
  .tab-header-item-spacer {
      flex-grow: 1;
      border-bottom: var(--primary-thick-border);
  }
  
  .tab-content {
      padding: 1rem;
      background-color: var(--secondary-color);
      border: var(--primary-thick-border);
      border-top: none;

      table {
        background-color: var(--secondary-color-2);
      }
  }
  
  .tab-content-item:not(.active) {
      display: none;
  }
}