@font-face {
  font-family: "IBM Plex Sans";
  src: url("/assets/ibm-plex-sans-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  color-scheme: light dark;
  font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
  font-synthesis: none;
  background: #FFFFFF;
  color: #080808;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; }
main { width: min(100% - 40px, 560px); text-align: center; }
#widget { width: min(100%, 320px); min-height: 65px; margin-inline: auto; }
#widget > div { margin-inline: auto; }
#passed { margin: 0; font-size: clamp(12.6px, 11.2px + .35vw, 15.4px); font-weight: 400; line-height: 1.5; letter-spacing: -.01em; text-wrap: balance; }
#retry { border: 0; border-radius: 4px; background: transparent; color: inherit; font: inherit; font-size: 38px; padding: 8px 18px; cursor: pointer; }
#retry:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
[hidden] { display: none !important; }
@media (prefers-color-scheme: dark) {
  :root { background: #080808; color: #FFFFFF; }
}