@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root,:host{--color-dark:oklch(98% .002 250);--color-primary:oklch(52% .16 250);--color-muted:oklch(66% .01 250);--color-ink:oklch(22% .015 250);--font-heading:"Hanken Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif}.dark{--color-dark:oklch(16% .014 250);--color-surface:oklch(21% .018 250);--color-primary:oklch(72% .13 250);--color-accent:oklch(74% .13 150);--color-muted:oklch(72% .018 250);--color-ink:oklch(94% .006 250)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--line:#8e93983d}@supports (color:color-mix(in lab, red, red)){:root{--line:color-mix(in oklch, var(--color-muted) 24%, transparent)}}:root{--soft:#006bbb14}@supports (color:color-mix(in lab, red, red)){:root{--soft:color-mix(in oklch, var(--color-primary) 8%, transparent)}}:root{--ok:oklch(56% .15 150);--warn:oklch(68% .15 75);--bad:oklch(58% .18 25);--ease-out-quint:cubic-bezier(.22, 1, .36, 1)}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--line:#8e93984d}@supports (color:color-mix(in lab, red, red)){.dark{--line:color-mix(in oklch, var(--color-muted) 30%, transparent)}}.dark{--soft:#006bbb24}@supports (color:color-mix(in lab, red, red)){.dark{--soft:color-mix(in oklch, var(--color-primary) 14%, transparent)}}*{box-sizing:border-box}html{background:var(--color-dark)}body{background:var(--color-dark);min-width:320px;color:var(--color-ink);font-family:var(--font-body);margin:0;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-heading);text-wrap:balance;letter-spacing:-.025em}.mono,.num{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.hair{border-color:var(--line)}.pill{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.pill-ok{color:var(--ok);background:var(--ok)}@supports (color:color-mix(in lab, red, red)){.pill-ok{background:color-mix(in oklch, var(--ok) 11%, transparent)}}.pill-ok{border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.pill-ok{border-color:color-mix(in oklch, var(--ok) 35%, transparent)}}.pill-warn{color:var(--warn);background:var(--warn)}@supports (color:color-mix(in lab, red, red)){.pill-warn{background:color-mix(in oklch, var(--warn) 13%, transparent)}}.pill-warn{border-color:var(--warn)}@supports (color:color-mix(in lab, red, red)){.pill-warn{border-color:color-mix(in oklch, var(--warn) 38%, transparent)}}.pill-bad{color:var(--bad);background:var(--bad)}@supports (color:color-mix(in lab, red, red)){.pill-bad{background:color-mix(in oklch, var(--bad) 11%, transparent)}}.pill-bad{border-color:var(--bad)}@supports (color:color-mix(in lab, red, red)){.pill-bad{border-color:color-mix(in oklch, var(--bad) 35%, transparent)}}.draw path,.draw polyline{stroke-dasharray:620;stroke-dashoffset:620px;animation:draw 1.35s var(--ease-out-quint) forwards}@keyframes draw{to{stroke-dashoffset:0}}.route{animation:material .45s var(--ease-out-quint) both}@keyframes material{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#0000,#8e939824,#0000)}@supports (color:color-mix(in lab, red, red)){.skeleton{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-muted) 14%, transparent), transparent)}}.skeleton{background-size:220% 100%;animation:1.1s linear infinite sweep}@keyframes sweep{to{background-position-x:-220%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
