html,
body,
#root {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

img,
video,
svg {
  max-width: 100%;
}

main [class*="grid"] > * {
  min-width: 0;
}

footer form,
footer form input,
footer [class*="grid-cols-2"] > div,
footer [class*="grid-cols-2"] > div > div:last-child {
  min-width: 0;
}

footer p,
footer a {
  overflow-wrap: anywhere;
}

@supports not (overflow: clip) {
  html,
  body,
  #root {
    overflow-x: hidden;
  }
}

@media (max-width: 639px) {
  footer [class*="grid-cols-2"] {
    column-gap: 0.75rem;
  }

  footer [class*="grid-cols-2"] > div {
    align-items: flex-start;
    gap: 0.5rem;
  }
}

.fh-wordmark {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  text-align: left;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.fh-wordmark-name { color: #111827; font-size: 26px; font-weight: 800; letter-spacing: -.035em; }
.fh-wordmark-sub { color: #15803d; font-size: 14px; font-weight: 750; letter-spacing: .24em; margin-top: 5px; }
[role="dialog"] a[href="/"]:has(.fh-wordmark) { display: block; width: fit-content; margin-left: 0; margin-right: auto; text-align: left; }
[role="dialog"] div:has(> a[href="/"] > .fh-wordmark) { display: flex; justify-content: flex-start; text-align: left; padding-right: 56px; }
@media (max-width: 639px) {
  .fh-wordmark-name { font-size: 23px; }
  .fh-wordmark-sub { font-size: 12px; }
}
@media (max-width: 359px) {
  .fh-wordmark-name { font-size: 20px; }
  .fh-wordmark-sub { font-size: 11px; }
}
/* The full address only fits in the desktop trust bar. */
.fh-top-address {
  display: none;
}

@media (min-width: 1280px) {
  .fh-top-address {
    display: inline;
  }
}