:root{--brand:#c1272d;--brand-subtle:#2a1315;--border:#1c1b1b;--muted:#7d7d7d;--faint:#444;--bg:#1c1b1b;--bg-overview:#c4c4c4;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3.25rem;--border-radius-4:4px;--border-radius-6:6px;--icon-hover-color:oklch(from var(--icon-stroke), 70% c h);--icon-active-color:oklch(from var(--icon-stroke), 60% c h);--icon-focus-size:calc(var(--icon-size) + .5rem)}body{background:var(--bg);color:#f1f1f1;margin:0;font-family:system-ui,sans-serif}.container{box-sizing:border-box;max-width:min(1280px,100% - 2rem);margin-inline:auto}.stack{flex-direction:column}.stack,.switcher{gap:var(--gutter,1rem);display:flex}.switcher{flex-wrap:wrap}.switcher>*{flex:20rem;min-width:0}.compose-icon:hover{stroke:var(--icon-hover-color);fill:var(--icon-hover-color)}.compose-icon:active{--icon-stroke:var(--icon-active-color)}.compose-icon:focus{--icon-size:var(--icon-focus-size)}.compose-icon{height:var(--icon-size);width:var(--icon-size)}:root{--size-sm:.5rem;--size-md:1rem;--size-lg:3rem;--size-xl:5rem}.compose-icon.size-sm{--icon-size:var(--size-sm)}.compose-icon.size-md{--icon-size:var(--size-md)}.compose-icon.size-lg{--icon-size:var(--size-lg)}.compose-icon.size-xl{--icon-size:var(--size-xl)}