//
// Tables
//
// stylelint-disable max-nesting-depth, selector-no-type, selector-max-type

.table-styler + table {
  display: table;
  min-width: 100%;
  border-collapse: separate;
  border: 1px solid #ddd;
  font-size: 1.6rem;

  th,
  td {
    min-width: 120px;
    padding-top: .5rem;
    padding-right: .75rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    border-bottom: 1px solid #eeebee;
    border-left: 1px solid #eeebee;

    &:first-of-type {
      border-left: 0;
    }
  }

  tbody {
    tr {
      &:last-of-type {
        th,
        td {
          border-bottom: 0;
        }

        td {
          padding-bottom: .75rem;
        }
      }
    }
  }

  thead {
    th {
      border-bottom: 1px solid #ddd;
    }
  }
}