.site .job-spin{border:3px solid var(--hair);border-top-color:var(--primary);border-radius:999px;width:44px;height:44px;animation:1.1s linear infinite job-spin;display:block}@keyframes job-spin{to{rotate:1turn}}.site .ok-mark{color:#fff;background:var(--ok);border-radius:999px;place-items:center;width:64px;height:64px;display:grid}.site .ok-mark path{stroke-dasharray:40;stroke-dashoffset:0;animation:ok-draw .5s var(--ease) .15s both}@keyframes ok-draw{0%{stroke-dashoffset:40px}}.site .qr-big{width:min(100%,320px);height:auto;image-rendering:pixelated}@media (prefers-reduced-motion:reduce){.site .job-spin,.site .ok-mark path{animation:none}}.site .live-dot{background:var(--warn);border-radius:999px;width:10px;height:10px;display:inline-block;position:relative}.site .live-dot:after{content:"";border-radius:inherit;background:inherit;animation:live-pulse 1.6s var(--ease) infinite;position:absolute;inset:0}@keyframes live-pulse{0%{opacity:.6;scale:1}to{opacity:0;scale:2.6}}@media (prefers-reduced-motion:reduce){.site .live-dot:after{animation:none}}.site .codeblock.wrap pre{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-mask-image:none;mask-image:none}.site video:focus-visible,[data-input=key] .site video:focus,[data-input=key] .site video:focus-within{outline:4px solid var(--primary);outline-offset:-4px}