footer {
  width: min(100% - 24px, var(--page));
  margin: 12px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 14px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid var(--border);
  border-radius: var(--rounded);
  background: var(--frame-frost, var(--surface-frost));
  backdrop-filter: blur(14px) saturate(125%);
  -webkit-backdrop-filter: blur(14px) saturate(125%);
  color: var(--footer-ink, var(--dark-gray));
  text-align: center;
  line-height: 1.6;
  box-shadow: var(--shadow), inset 0 1px 0 var(--glass-highlight);
  text-shadow: none;
}

footer a {
  color: var(--footer-ink, var(--text)) !important;
}

footer a:hover {
  color: var(--primary) !important;
}

footer .icon {
  font-size: 1.05rem;
}

footer > div:first-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

footer > div:last-of-type {
  font-size: 1rem;
  font-weight: var(--semi-bold);
}

@media (max-width: 720px), (hover: none) and (pointer: coarse) {
  footer {
    width: calc(100% - 14px);
    gap: 10px;
    padding: 16px 12px;
    margin: 10px auto;
  }
  footer > div:first-child {
    gap: 2px;
  }
  footer > div:last-of-type {
    font-size: 1.03rem;
    line-height: 1.45;
  }
}

/*# sourceMappingURL=footer.css.map */