figure.wp-block-table {
  margin-top: 50px;
  overflow-x: scroll;

  table {
    border-collapse: collapse;
    width: auto;

    thead {
      border-bottom: 1px solid var(--color-text);

      tr {
        th {
          font-weight: 700;
          padding: 14px;
          font-size: 16px;
          text-align: center;
          white-space: nowrap;
        }
      }
    }

    tbody {
      tr {
        td {
          padding: 14px;
          font-size: 16px;
        }
      }
    }

    tfoot {
      border-top: 1px solid var(--color-text);

      tr {
        td {
          padding: 14px;
          font-size: 16px;
        }
      }
    }
  }

  table.has-fixed-layout {
    thead {
      tr {
        th {
          white-space: normal;
        }
      }
    }
  }
}


figure.wp-block-table.is-style-theme-default {
  table {
    border-color: var(--color-border-01);

    thead {
      background-color: var(--color-primary-01);

      tr {
        th {
          color: var(--color-font-03);
          border-color: var(--color-border-01);
        }
      }
    }

    tbody {
      tr {
        td {
          border-color: var(--color-border-01);
        }
      }
    }

    tfoot {
      tr {
        td {
          color: var(--color-font-03);
          border-color: var(--color-border-01);
        }
      }
    }
  }
}

figure.wp-block-table.is-style-theme-stripe {
  table {
    border: 0;

    thead {
      background-color: var(--color-primary-01);

      tr {
        th {
          color: var(--color-font-03);
          border: none;
        }
      }
    }

    tbody {
      border: none;

      tr {
        td {
          border: none;
        }

        &:nth-child(even) {
          background-color: var(--color-bg-table-stripe);
        }
      }
    }

    tfoot {
      border: none;

      tr {
        td {
          border: none;
          color: var(--color-font-03);
        }
      }
    }
  }
}

@media screen and (max-width: 768px) {
  figure.wp-block-table {
    table.has-fixed-layout {
      min-width: 768px;
    }
  }
}