@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
.media-table {
  border-collapse: collapse;
  width: 100%;
  border-radius: 0.625rem;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08); }
  .media-table thead th {
    padding-block: 1.5625rem;
    color: #fff;
    font-size: 1.25rem;
    background-color: #46678e; }
    .media-table thead th:first-child {
      border-radius: 0.625rem 0 0 0; }
    .media-table thead th:last-child {
      border-radius: 0 0.625rem 0 0; }
  .media-table th,
  .media-table td {
    padding-block: 0.9375rem;
    padding-inline: 1.25rem;
    text-align: left; }
    @media (min-width: 48rem) {
      .media-table th:first-child,
      .media-table td:first-child {
        padding-inline-start: 5.625rem; }
      .media-table th:last-child,
      .media-table td:last-child {
        padding-inline-end: 5.625rem; } }
  .media-table td {
    font-size: 1.5rem;
    background-color: #fff; }
    .media-table td a {
      text-decoration: none; }
  @media (min-width: 48rem) {
    .media-table tr:nth-child(even) td {
      background-color: #f5f5f5; } }
  .media-table tr:not(:last-child) {
    border-bottom: 0.0625rem solid #c3c3c3; }
  .media-table tr:last-child td {
    border-bottom: none; }
    .media-table tr:last-child td:first-child {
      border-radius: 0 0 0 0.625rem; }
    .media-table tr:last-child td:last-child {
      border-radius: 0 0 0.625rem 0; }
  .media-table__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    margin-inline-end: 0.9375rem;
    background-color: #577dac;
    border-radius: 50%; }
  .media-table__icon-img {
    inline-size: 1rem; }
  @media (max-width: 47.9375rem) {
    .media-table {
      display: inline-flex;
      flex-direction: column; }
      .media-table thead tr {
        display: flex;
        inline-size: 100%;
        background-color: #46678e;
        border-radius: 0.625rem 0.625rem 0 0; }
        .media-table thead tr th {
          background-color: transparent; }
        .media-table thead tr th:not(:first-child) {
          display: none; }
      .media-table th,
      .media-table td {
        padding-inline: 1.875rem;
        border-bottom: none;
        line-height: 1.25; }
      .media-table td {
        padding-block: 0.625rem; }
        .media-table td:not(:first-child) {
          padding-inline-start: 5.625rem; }
        .media-table td:first-child {
          padding-block-start: 1.875rem; }
        .media-table td:last-child {
          padding-block-end: 1.875rem; }
      .media-table tbody tr {
        display: flex;
        flex-direction: column; }
      .media-table tr:last-child td:last-child {
        border-radius: 0 0 0.625rem 0.625rem; } }

/*# sourceMappingURL=media-table.css.map */