@charset "utf-8";
/* Surcharge page only. Linked from /payments/surcharge/index.html.
   Final CTA and footer live in payments-section-footer.css. */

#surcharge-states .surcharge-states-intro {
  margin-bottom: 28px;
}
#surcharge-states h2 {
  text-wrap: wrap;
  max-width: 13em;
}
#surcharge-states .lede {
  max-width: 780px;
  margin-bottom: 0;
}
#surcharge-states .surcharge-states-table {
  width: 100%;
  overflow: visible;
}
#surcharge-states table.tbl {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 16px;
}
#surcharge-states table.tbl caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#surcharge-states table.tbl th:nth-child(1),
#surcharge-states table.tbl td:nth-child(1) { width: 18%; }
#surcharge-states table.tbl th:nth-child(2),
#surcharge-states table.tbl td:nth-child(2) { width: 24%; }
#surcharge-states table.tbl th:nth-child(3),
#surcharge-states table.tbl td:nth-child(3) { width: 58%; }
#surcharge-states table.tbl th[scope="row"] {
  font-weight: 700;
  color: var(--charcoal);
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  border-bottom: 1px solid var(--hairline);
}
#surcharge-states .surcharge-states-callout {
  margin-top: 28px;
  max-width: none;
}
#surcharge-states .surcharge-states-callout h3 {
  margin: 0 0 10px;
  font-size: clamp(22px, 2.4vw, 28px);
}
#surcharge-states .surcharge-states-callout p {
  margin: 0;
  max-width: none;
}
#surcharge-states .surcharge-states-note {
  margin: 22px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid var(--gold-line);
  max-width: none;
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
}
@media (max-width: 720px) {
  #surcharge-states table.tbl {
    table-layout: auto;
  }
  #surcharge-states table.tbl thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
  #surcharge-states table.tbl,
  #surcharge-states table.tbl tbody,
  #surcharge-states table.tbl tr,
  #surcharge-states table.tbl th,
  #surcharge-states table.tbl td {
    display: block;
    width: 100%;
  }
  #surcharge-states table.tbl tr {
    background: var(--paper);
    border: 1px solid var(--hairline);
    border-radius: var(--r-md);
    padding: 16px 18px 8px;
    margin-bottom: 12px;
  }
  #surcharge-states table.tbl tbody tr:last-child { margin-bottom: 0; }
  #surcharge-states table.tbl th,
  #surcharge-states table.tbl td {
    border: 0;
    padding: 0 0 12px;
  }
  #surcharge-states table.tbl th[scope="row"],
  #surcharge-states table.tbl td {
    width: 100%;
  }
  #surcharge-states table.tbl th[scope="row"]::before,
  #surcharge-states table.tbl td::before {
    content: attr(data-label);
    display: block;
    font-size: 11.5px;
    letter-spacing: .11em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--ink-muted);
    margin-bottom: 4px;
  }
}