.also-groups[data-astro-cid-pir6hekd]{columns:15rem 4;column-gap:var(--space-4)}.also-groups[data-astro-cid-pir6hekd]>div[data-astro-cid-pir6hekd]{break-inside:avoid;gap:var(--space-1);margin-block-end:var(--space-4);display:grid}.also-groups[data-astro-cid-pir6hekd] h3[data-astro-cid-pir6hekd]{font-size:var(--text-body);color:var(--accent)}.also-groups[data-astro-cid-pir6hekd] ul[data-astro-cid-pir6hekd]{gap:var(--space-1);font-size:var(--text-small);color:var(--muted-on-dark);display:grid}.also-cta[data-astro-cid-pir6hekd]{margin-block-start:var(--space-2)}.note[data-astro-cid-pir6hekd]{margin-block-end:var(--space-5)}.demos[data-astro-cid-pir6hekd]{gap:var(--space-6);display:grid}.demo[data-astro-cid-pir6hekd][hidden]{display:none}.demos[data-astro-cid-pir6hekd]>.demo[data-astro-cid-pir6hekd]:not([hidden])~.demo[data-astro-cid-pir6hekd]:not([hidden]){border-block-start:1px solid var(--line-on-light);padding-block-start:var(--space-6)}.demos[data-astro-cid-pir6hekd]>.demo[data-astro-cid-pir6hekd]:not([hidden]){scroll-margin-block-start:var(--space-7)}.filter[data-astro-cid-pir6hekd]{z-index:5;align-items:center;gap:var(--space-1);padding-block:var(--space-2);background:var(--surface-light);border-block-end:1px solid var(--line-on-light);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex;position:sticky;inset-block-start:var(--space-5)}.filter[data-astro-cid-pir6hekd][hidden]{display:none}.filter-label[data-astro-cid-pir6hekd]{color:var(--accent-ink);margin-inline-end:var(--space-1);font-weight:700}.filter[data-astro-cid-pir6hekd] button[data-astro-cid-pir6hekd]{align-items:center;gap:var(--space-1);min-block-size:3rem;padding-inline:var(--space-2);border:1px solid var(--line-on-light);color:var(--text-on-light);font-size:var(--text-small);cursor:pointer;transition:border-color var(--dur-hover) var(--ease), background-color var(--dur-hover) var(--ease);background:0 0;border-radius:2px;font-weight:700;display:inline-flex}.filter[data-astro-cid-pir6hekd] button[data-astro-cid-pir6hekd]:hover{border-color:var(--accent)}.filter[data-astro-cid-pir6hekd] button[data-astro-cid-pir6hekd][aria-pressed=true]{background:var(--text-on-light);border-color:var(--text-on-light);color:var(--surface-light)}.filter[data-astro-cid-pir6hekd] .n[data-astro-cid-pir6hekd]{opacity:.6;font-variant-numeric:tabular-nums}@media (width<=47.99rem){.filter[data-astro-cid-pir6hekd]{scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);flex-wrap:nowrap;overflow-x:auto}.filter[data-astro-cid-pir6hekd] button[data-astro-cid-pir6hekd]{white-space:nowrap;flex:none}.filter-label[data-astro-cid-pir6hekd]{display:none}}.demo[data-astro-cid-pir6hekd]{gap:var(--space-4);align-items:center;display:grid}.demo-info[data-astro-cid-pir6hekd]{gap:var(--space-3);justify-items:start;display:grid}.demo-info[data-astro-cid-pir6hekd] h2[data-astro-cid-pir6hekd]{max-inline-size:12em}.actions[data-astro-cid-pir6hekd]{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=47.99rem){.demos[data-astro-cid-pir6hekd]>.demo[data-astro-cid-pir6hekd]:not([hidden])~.demo[data-astro-cid-pir6hekd]:not([hidden]){padding-block-start:var(--space-4)}.demo[data-astro-cid-pir6hekd]{gap:var(--space-2);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}.demo-laptop[data-astro-cid-pir6hekd] .demo-frame[data-astro-cid-pir6hekd]{grid-column:1/-1}.demo-info[data-astro-cid-pir6hekd]{gap:var(--space-1)}.demo-info[data-astro-cid-pir6hekd] h2[data-astro-cid-pir6hekd]{font-size:var(--text-h3)}.demo-info[data-astro-cid-pir6hekd] .ticks[data-astro-cid-pir6hekd]{display:none}.got[data-astro-cid-pir6hekd]{font-size:var(--text-small)}.actions[data-astro-cid-pir6hekd]{gap:var(--space-1);inline-size:100%;display:grid}.actions[data-astro-cid-pir6hekd]>*{white-space:nowrap;font-size:var(--text-small);padding-inline:var(--space-1);justify-content:center}.demo-laptop[data-astro-cid-pir6hekd] .demo-info[data-astro-cid-pir6hekd]{grid-column:1/-1}}@media (width>=60rem){.demo-laptop[data-astro-cid-pir6hekd]{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.demo-phone[data-astro-cid-pir6hekd]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo[data-astro-cid-pir6hekd][data-flip] .demo-frame[data-astro-cid-pir6hekd]{order:2}.demo[data-astro-cid-pir6hekd][data-flip].demo-laptop{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}