@layer config,base,components,utilities;@layer components{@scope(.cheatsheet-grid){.cheatsheet-card{--card-accent:var(--on-surface);--card-color:var(--on-surface);display:grid;grid-row:span var(--span,1);grid-template-rows:auto 1fr;align-content:start;gap:var(--spacing-m);padding:var(--spacing-24);-moz-column-break-inside:avoid;break-inside:avoid;border-radius:var(--radius-16);background-color:var(--surface);color:var(--card-color);&.variant-neutral{--card-accent:var(--outline)}&.variant-pink{--card-accent:var(--accent-pink)}&.variant-green{--card-accent:var(--accent-green)}&.variant-yellow{--card-accent:var(--accent-yellow)}&.variant-blue{--card-accent:var(--accent-blue)}&.variant-orange{--card-accent:var(--accent-orange)}&.variant-strong{-moz-column-span:all;column-span:all;color-scheme:dark;background-color:var(--color-gray-900);color:var(--color-slate-100);[type=checkbox]:not([role=switch]):checked:after{background-color:var(--color-gray-900)}}}.cheatsheet-card-header{align-items:start}.cheatsheet-card-title{margin-bottom:0;color:var(--card-accent);font-size:var(--text-2xl);line-height:1.2}.title-small{font-size:var(--text-xl);line-height:var(--leading-xl)}.cheatsheet-card-icon{flex-shrink:0;color:var(--card-accent)}.cheatsheet-card-list{display:grid;align-content:start;margin:0;padding:0;list-style:none;gap:var(--spacing-s);.cheatsheet-card-list-item{display:flex;align-items:center;gap:var(--spacing-8)}.cheatsheet-card-list-item-simple{>*{margin-block:0}}& input[type=checkbox]{flex-shrink:0;width:var(--text-24);height:var(--text-24);border:none;border-radius:var(--radius-8);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--card-accent);&:is(:checked,:indeterminate){background-color:var(--card-accent);box-shadow:inset 0 0 0 var(--checkbox-border-width) transparent}}}.variant-strong input[type=checkbox]:is(:checked,:indeterminate){background-color:var(--on-surface);box-shadow:inset 0 0 0 var(--checkbox-border-width) var(--surface)}}}