// //
  // // Table
  // //
  @use '../../../assets/sass/settings/v7/colors.tokens' as *;
  @use '../../../assets/sass/settings/v7/layout-standard' as *;
  @use '../../../assets/sass/settings/v7/global' as *;
  @use '../../../assets/sass/settings/v7/spacing.tokens' as *;
  @use '../../../assets/sass/tools/v7/mq' as *;
  @use '../../../assets/sass/tools/v7/zindex' as *;
  @use '../../../assets/sass/tools/v7/typography' as *;
  
  table {
    width: 100%;
    margin: $margin-large 0;
    border-collapse: collapse;
    border: none;

    &:not(:has(thead)){
      tr {
        &:first-child {
          position: sticky;
          top: 0;
          td {
            background-color: $ui-05;
            border-bottom: 1px solid $ui-02;
            color: $text-01;
            @include type(label-04);
          }
        }
        &:not(:first-child):nth-child(odd) {
          background-color: var(--background-color-gray);
        }
        &:not(:first-child):nth-child(even) {
          background-color: var(--background-color-body);
        }
    }
  }

  thead {
    background-color: $ui-05;
    text-align: left;
    position: sticky;
    top: 0;
  }

  tbody {
    tr{
      &:nth-child(even) {
        background-color: var(--background-color-gray);
      }
      &:nth-child(odd) {
        background-color: var(--background-color-body);
      }
    }  
  }

  th,
  td {
    padding: $padding-base;
  }

  th {
    border-bottom: 1px solid $ui-02;
    color: $text-01;
    @include type(label-04);
  }

  td {
    border-bottom: 1px solid var(--divider-color);
    color: $text-02;
    @include type(label-05);
  }
}