.demo[data-astro-cid-obh6lxck]{--adt-loop:12s;gap:var(--space-xxl);margin-block-start:calc(var(--space-xxxl) * 1.5);display:grid}.tabs[data-astro-cid-obh6lxck]{gap:var(--space-sm);border:0;grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;margin:0;padding:0;display:grid}.tab[data-astro-cid-obh6lxck]{display:grid}label[data-astro-cid-obh6lxck]{gap:var(--space-xxs);padding-block:var(--space-md);padding-inline:var(--space-lg);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--m-press) var(--m-ease);border-end-start-radius:var(--m-radius-tail);display:grid;position:relative;overflow:hidden}label[data-astro-cid-obh6lxck]:hover{background:color-mix(in srgb, var(--m-white) 55%, transparent)}strong[data-astro-cid-obh6lxck]{font-family:var(--m-font-display);font-size:var(--m-t-h4);font-weight:600;line-height:var(--m-t-h4-lh)}small[data-astro-cid-obh6lxck]{font-size:var(--m-t-small);line-height:var(--m-t-small-lh);color:var(--m-ink-soft)}input[data-astro-cid-obh6lxck]:checked+label[data-astro-cid-obh6lxck]{background:var(--m-white);box-shadow:var(--shadow-small), var(--shadow-large)}input[data-astro-cid-obh6lxck]:focus-visible+label[data-astro-cid-obh6lxck]{outline:var(--m-focus-width) solid var(--m-ink);outline-offset:var(--m-focus-offset)}label[data-astro-cid-obh6lxck]:after{content:"";block-size:calc(var(--m-stroke) * 2);background:var(--m-accent);transform-origin:calc(50% - 50% * var(--m-dir)) 50%;position:absolute;inset-block-end:0;inset-inline:0;transform:scaleX(0)}.stage[data-astro-cid-obh6lxck]{justify-items:center;gap:var(--space-md);min-inline-size:0;display:grid;position:relative}.stage[data-astro-cid-obh6lxck]:before{content:"";inset-block:calc(var(--space-xxxl) * 2) calc(var(--space-xxxl) * 3);border-radius:var(--m-radius);background:var(--m-ink);border-end-start-radius:var(--m-radius-tail);position:absolute;inset-inline:0}.panel[data-astro-cid-obh6lxck]{z-index:1;display:none;position:relative}.panel[data-astro-cid-obh6lxck] *{animation-play-state:paused}.note[data-astro-cid-obh6lxck]{font-size:var(--m-t-small);color:var(--m-muted);text-align:center;margin:0;position:relative}.interface[data-astro-cid-obh6lxck]{color:var(--m-ink-soft)}.demo[data-astro-cid-obh6lxck]:has(.tab:first-of-type>input:checked) .panel[data-astro-cid-obh6lxck]:first-of-type,.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(2)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(2),.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(3)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(3),.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(4)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(4),.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(5)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(5),.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(6)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(6){display:grid}.demo[data-astro-cid-obh6lxck]:has(.tab:first-of-type>input:checked) .panel[data-astro-cid-obh6lxck]:first-of-type *,.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(2)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(2) *,.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(3)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(3) *,.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(4)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(4) *,.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(5)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(5) *,.demo[data-astro-cid-obh6lxck]:has(.tab:nth-of-type(6)>input:checked) .panel[data-astro-cid-obh6lxck]:nth-of-type(6) *{animation-play-state:running}@media (prefers-reduced-motion:no-preference){input[data-astro-cid-obh6lxck]:checked+label[data-astro-cid-obh6lxck]:after{animation:adt-progress var(--adt-loop) linear infinite}}@keyframes adt-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width>=1024px){.demo[data-astro-cid-obh6lxck]{align-items:center;column-gap:calc(var(--m-pad) * 1.4);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.demo[data-astro-cid-obh6lxck].has-aside{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.tabs[data-astro-cid-obh6lxck]{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.tabs[data-astro-cid-obh6lxck]{grid-template-columns:minmax(0,1fr)}}