@font-face{font-family:'Manrope';src:url('/t/disip/fonts/manrope-latin-wght-normal.woff2?v=a30ddcd349') format('woff2');font-weight:200 800;font-style:normal;font-display:swap;}
:root{--bg:#ffffff;--fg:#14161d;--muted:#5b616e;--accent:#c8f94b;--on-accent:#14161d;--panel:#f3f4f1;--line:#d9dbde;--line-strong:#9aa0aa;--button:#14161d;--on-button:#ffffff;--focus:#14161d;--accent-text:#14161d;--radius:12px;--font:'Manrope', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:'Manrope', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--display-weight:800;--display-tracking:-0.03em;color-scheme:light}
/* disip: white, ink and one lime, Manrope. Selected options and the marks are lime with ink on them. */
.brand__word { font-size: 1.375rem; font-weight: 800; }
.btn { border-radius: 999px; }
.count, .kicker, .label { font-family: var(--font); font-weight: 700; letter-spacing: 0.04em; }
.progress > span { background: var(--fg); }