.demo-controls_row__ZMs0X{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.demo-controls_key__gGGGg{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:16px 18px;background:var(--control-face);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--raise);transition:box-shadow .13s ease,border-color .13s ease,filter .13s ease}.demo-controls_key__gGGGg:hover:not(:disabled){filter:brightness(1.06)}.demo-controls_key__gGGGg:disabled{opacity:.65;cursor:default}.demo-controls_active__5ZZq4{box-shadow:var(--inset);border-color:rgba(99,102,241,.5)}.demo-controls_primary__nzc_9{background:var(--system);border-color:transparent;box-shadow:var(--raise-primary);color:#fff}.demo-controls_primary__nzc_9.demo-controls_active__5ZZq4{box-shadow:var(--inset)}.demo-controls_top__EjXH9{display:flex;align-items:center;gap:10px}.demo-controls_glyph__quYqc{font-size:15px}.demo-controls_label__Exej_{font-size:14px;font-weight:600}.demo-controls_caption__JhVoQ{font-size:11px;color:var(--ink-faint);letter-spacing:.02em}.demo-controls_primary__nzc_9 .demo-controls_caption__JhVoQ{color:hsla(0,0%,100%,.7)}@media (max-width:620px){.demo-controls_row__ZMs0X{grid-template-columns:1fr}}