table {

  margin-top: 1rem;

  margin-bottom: 1.5rem;

  width: 100%;

  border-collapse: collapse;

  padding: 0px
}

@media (min-width: 768px) {

  table {

    table-layout: fixed
  }
}

table:last-child {

  margin-bottom: 3rem
}

table tr {

  padding-left: 0px;

  padding-right: 0px;

  padding-top: 0.75rem;

  padding-bottom: 0.75rem
}

table tbody tr {

  padding-bottom: 0px
}

table th,
table td {

  padding-left: 0px;

  padding-right: 0px;

  padding-top: 1rem;

  text-align: left
}

@media (min-width: 768px) {

  table th,
table td {

    padding-left: 0.5rem;

    padding-right: 0.5rem
  }

  table th:first-child,
table td:first-child {

    padding-left: 0px;

    padding-right: 0px
  }
}

table th {

  padding-top: 1rem;

  padding-bottom: 0px
}

@media screen and (max-width: 640px) {
  table {

    margin-bottom: 0px;

    display: block
  }
  table tbody,
  table thead {

    display: block;

    width: 100%
  }
  table thead tr {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

            justify-content: space-between
  }
  table thead tr > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.5rem * var(--tw-space-x-reverse));

    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
  }
  table tbody tr {

    margin-bottom: 0px;

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: space-between;

            justify-content: space-between
  }
  table tbody tr > :not([hidden]) ~ :not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(0.5rem * var(--tw-space-x-reverse));

    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
  }
  table tbody tr {

    border-style: none
  }
  table tbody td {

    display: block;

    padding-top: 0.25rem;

    padding-bottom: 0px
  }
  table td:last-child {

    margin-bottom: 0px
  }
}