@layer reset,tokens,base,layout;@layer components{.cheatsheet{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.cheatsheet__group{gap:var(--space-4);display:grid}.cheatsheet__group-title{font-size:var(--font-size-xl)}.cheatsheet__items{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));align-items:start;display:grid}.cheatsheet__item{gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);break-inside:avoid;align-content:start;display:grid}.cheatsheet__property{font-family:var(--font-mono);font-size:var(--font-size-md);letter-spacing:0}.cheatsheet__values{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-syntax-value)}.cheatsheet__note{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--color-text-muted)}.cheatsheet__demos{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:"";display:grid}.cheatsheet__demo-item{gap:var(--space-1);display:grid}.cheatsheet__demo{background-color:var(--color-code-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);gap:3px;block-size:3rem;padding:3px;display:flex}.cheatsheet__box{background-color:var(--color-accent);border-radius:1px;flex:none;min-block-size:.9rem;inline-size:.9rem}.cheatsheet__box--tall{min-block-size:1.6rem}.cheatsheet__demo--jc-start{justify-content:flex-start}.cheatsheet__demo--jc-center{justify-content:center}.cheatsheet__demo--jc-space-between{justify-content:space-between}.cheatsheet__demo--jc-space-evenly{justify-content:space-evenly}.cheatsheet__demo--ai-start{align-items:flex-start}.cheatsheet__demo--ai-center{align-items:center}.cheatsheet__demo--ai-end{align-items:flex-end}.cheatsheet__demo--ai-stretch{align-items:stretch}.cheatsheet__demo--row{flex-direction:row}.cheatsheet__demo--column{flex-direction:column;align-items:flex-start}.cheatsheet__demo--column .cheatsheet__box,.cheatsheet__demo--column .cheatsheet__box--tall{min-block-size:.5rem}.cheatsheet__demo-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media print{@page{size:a4;margin:12mm}.cheatsheet{gap:4mm}.cheatsheet__group{gap:2mm}.cheatsheet__group-title{font-size:11pt}.cheatsheet__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:2mm}.cheatsheet__item{gap:1mm;padding:2mm}.cheatsheet__property{font-size:9.5pt}.cheatsheet__values,.cheatsheet__demo-label{font-size:7pt}.cheatsheet__note{font-size:8pt}.cheatsheet__demos{gap:1mm 2mm}.cheatsheet__demo{block-size:10mm}.cheatsheet__box{border-inline:.5rem solid var(--color-accent)}}}@layer utilities,overrides;