.hank-loading {
  position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1.5rem;padding:2rem;box-sizing:border-box;
  background:inherit;color:inherit;font-family:var(--font-main,sans-serif);
  font-size:clamp(1.5rem,4vw,3rem);letter-spacing:.16em;text-align:center;
}
.hank-loading[hidden]{display:none}
.hank-loading-symbol {
  display:grid;place-items:center;width:2.3em;height:2.3em;border:2px solid currentColor;
  border-radius:.35em;box-shadow:inset 0 0 0 .2em transparent,0 0 .7em currentColor;
  font-size:1.5em;line-height:1;
}