.table-container {
  flex: 1;
  margin-bottom: var(--spacing-06);

  .table {
    margin-bottom: initial;
  }
}

.table-container-bordered {
  --table-container-border-width: var(--bs-border-width);

  border-color: $table-border-color;
  border-radius: var(--border-radius-base);
  border-width: var(--table-container-border-width);
  border-style: solid;

  .table {
    th,
    td {
      &:first-child {
        border-left-width: 0;
      }

      &:last-child {
        border-right-width: 0;
      }
    }

    tr:first-child {
      border-top-width: 0;

      th,
      td {
        &:first-child {
          border-top-left-radius: calc(
            var(--border-radius-base) - var(--table-container-border-width)
          );
        }
      }

      th,
      td {
        &:last-child {
          border-top-right-radius: calc(
            var(--border-radius-base) - var(--table-container-border-width)
          );
        }
      }
    }

    tr:last-child {
      border-bottom-width: 0;

      th,
      td {
        &:first-child {
          border-bottom-left-radius: calc(
            var(--border-radius-base) - var(--table-container-border-width)
          );
        }
      }

      th,
      td {
        &:last-child {
          border-bottom-right-radius: calc(
            var(--border-radius-base) - var(--table-container-border-width)
          );
        }
      }
    }
  }
}