*, *::before, *::after { box-sizing: border-box; }

[hidden] { display: none !important; }
html, body { height: 100%; margin: 0; }
body {
  font-family: "Urbanist", system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
  min-width: 320px;
  color: var(--ink);
  background: var(--white);
}
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; font-weight: 700; }
:focus-visible { outline: 2px dashed var(--ink); outline-offset: 2px; }

.sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.i { width: 1.25em; height: 1.25em; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }