.CssCheatsheet-module__5qrYPa__wrapper{flex-direction:column;gap:1.5rem;display:flex}.CssCheatsheet-module__5qrYPa__intro{color:var(--muted);max-width:70ch}.CssCheatsheet-module__5qrYPa__searchRow{display:grid}.CssCheatsheet-module__5qrYPa__sections{flex-direction:column;gap:1rem;display:flex}.CssCheatsheet-module__5qrYPa__section,.CssCheatsheet-module__5qrYPa__playground{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:.75rem;padding:1rem;display:grid}.CssCheatsheet-module__5qrYPa__sectionHeader{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.CssCheatsheet-module__5qrYPa__sectionHeader h2{margin:0;font-size:1.1rem}.CssCheatsheet-module__5qrYPa__sectionHeader p{color:var(--muted);max-width:50ch;margin:0}.CssCheatsheet-module__5qrYPa__tableWrap{overflow-x:auto}.CssCheatsheet-module__5qrYPa__table{border-collapse:collapse;width:100%}.CssCheatsheet-module__5qrYPa__table th,.CssCheatsheet-module__5qrYPa__table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem;font-size:.9rem}.CssCheatsheet-module__5qrYPa__table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem}.CssCheatsheet-module__5qrYPa__table code{font-family:var(--font-mono);white-space:pre-wrap;font-size:.82rem}.CssCheatsheet-module__5qrYPa__actions{flex-wrap:wrap;gap:.35rem;display:flex}.CssCheatsheet-module__5qrYPa__playGrid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.CssCheatsheet-module__5qrYPa__editorCol{gap:.45rem;display:grid}.CssCheatsheet-module__5qrYPa__frame{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;min-height:350px}@media (max-width:840px){.CssCheatsheet-module__5qrYPa__playGrid{grid-template-columns:1fr}}