.final[data-astro-cid-blvy5prr]{padding-block:var(--space-section);border-top:1px solid var(--line)}.final[data-astro-cid-blvy5prr].tone-night{border-top:0}.final__inner[data-astro-cid-blvy5prr]{gap:1.75rem;display:grid}.final__title[data-astro-cid-blvy5prr]{max-width:62rem}.final__side[data-astro-cid-blvy5prr]{align-content:end;justify-items:start;gap:1.25rem;max-width:34rem;display:grid}.final__note[data-astro-cid-blvy5prr]{font-size:.875rem}@media (width>=64rem){.final--split[data-astro-cid-blvy5prr] .final__inner[data-astro-cid-blvy5prr]{grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end;gap:clamp(2rem,5vw,5rem)}}.shot[data-astro-cid-aatdr2li]{background:var(--surface);width:fit-content;max-width:100%;display:block;overflow:hidden}.shot[data-astro-cid-aatdr2li] img[data-astro-cid-aatdr2li]{max-width:100%;height:auto}.shot--fill[data-astro-cid-aatdr2li],.shot--fill[data-astro-cid-aatdr2li] img[data-astro-cid-aatdr2li]{width:100%}.shot--panel[data-astro-cid-aatdr2li]{border:1px solid var(--line);border-radius:var(--radius)}.shot--window[data-astro-cid-aatdr2li]{border:1px solid var(--line-strong);border-radius:var(--radius-window);box-shadow:var(--shadow)}.shot--layer[data-astro-cid-aatdr2li]{border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-high)}.shot--strip[data-astro-cid-aatdr2li]{border-radius:var(--radius);padding:.5rem .75rem}.shot--open[data-astro-cid-aatdr2li]{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.demo--tabs[data-astro-cid-g4xjjdb3]{grid-template-rows:auto auto auto;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.25rem;display:grid}.demo--tabs[data-astro-cid-g4xjjdb3] .demo__item[data-astro-cid-g4xjjdb3],.demo--tabs[data-astro-cid-g4xjjdb3] .demo__head[data-astro-cid-g4xjjdb3]{display:contents}.demo__radio[data-astro-cid-g4xjjdb3]{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.demo__title[data-astro-cid-g4xjjdb3]{border-top:2px solid var(--line);color:var(--ink-2);letter-spacing:-.006em;transition:border-color .2s var(--ease), color .2s var(--ease);grid-row:1;margin:0;font-size:.9375rem;font-weight:560}.demo__title[data-astro-cid-g4xjjdb3] label[data-astro-cid-g4xjjdb3]{cursor:pointer;min-height:2.75rem;padding-block:.625rem;display:block}.demo__title[data-astro-cid-g4xjjdb3]:hover{border-top-color:var(--line-strong);color:var(--ink)}.demo__radio[data-astro-cid-g4xjjdb3]:checked+.demo__head[data-astro-cid-g4xjjdb3] .demo__title[data-astro-cid-g4xjjdb3]{border-top-color:var(--accent);color:var(--ink)}.demo__radio[data-astro-cid-g4xjjdb3]:focus-visible+.demo__head[data-astro-cid-g4xjjdb3] .demo__title[data-astro-cid-g4xjjdb3]{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.demo__text[data-astro-cid-g4xjjdb3]{color:var(--ink-2);text-wrap:pretty;grid-area:2/1/auto/-1;padding-bottom:1rem;display:none}.demo__radio[data-astro-cid-g4xjjdb3]:checked+.demo__head[data-astro-cid-g4xjjdb3] .demo__text[data-astro-cid-g4xjjdb3]{display:block}.demo--tabs[data-astro-cid-g4xjjdb3] .demo__panel[data-astro-cid-g4xjjdb3]{grid-area:3/1/auto/-1;padding:1rem 1rem 0;display:none;overflow:clip}.demo__radio[data-astro-cid-g4xjjdb3]:checked~.demo__panel[data-astro-cid-g4xjjdb3]{animation:panel-in .4s var(--ease);display:block}.demo__frame[data-astro-cid-g4xjjdb3]{aspect-ratio:800/600;max-width:76rem;margin-inline:auto}.demo__frame[data-astro-cid-g4xjjdb3] .shot{height:100%}@keyframes panel-in{0%{opacity:0;transform:translateY(.375rem)}}@media (width>=48rem){.demo--tabs[data-astro-cid-g4xjjdb3]{column-gap:clamp(1rem,2.4vw,2.5rem)}.demo--tabs[data-astro-cid-g4xjjdb3] .demo__head[data-astro-cid-g4xjjdb3]{grid-row:1;display:block}.demo__title[data-astro-cid-g4xjjdb3]{font-size:1.125rem}.demo__head[data-astro-cid-g4xjjdb3]{padding-bottom:1.5rem;position:relative}.demo__title[data-astro-cid-g4xjjdb3] label[data-astro-cid-g4xjjdb3]:after{content:"";position:absolute;inset:0}.demo__text[data-astro-cid-g4xjjdb3]{padding-bottom:0;font-size:.9375rem;display:block}.demo--tabs[data-astro-cid-g4xjjdb3] .demo__panel[data-astro-cid-g4xjjdb3]{grid-row:2;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,3vw,3.5rem) 0}.demo__frame[data-astro-cid-g4xjjdb3]{aspect-ratio:2130/1110}}.demo--ledger[data-astro-cid-g4xjjdb3]{display:grid}.demo--ledger[data-astro-cid-g4xjjdb3] .demo__item[data-astro-cid-g4xjjdb3]{border-top:1px solid var(--line);padding-block:1.125rem}.demo--ledger[data-astro-cid-g4xjjdb3] .demo__item[data-astro-cid-g4xjjdb3]:last-child{border-bottom:1px solid var(--line)}.demo--ledger[data-astro-cid-g4xjjdb3] .demo__head[data-astro-cid-g4xjjdb3]{gap:.25rem;display:grid}.demo--steps[data-astro-cid-g4xjjdb3]{gap:3rem;display:grid}.demo--steps[data-astro-cid-g4xjjdb3] .demo__item[data-astro-cid-g4xjjdb3]{gap:1.5rem;display:grid}.demo--steps[data-astro-cid-g4xjjdb3] .demo__head[data-astro-cid-g4xjjdb3]{align-content:start;gap:.25rem;display:grid}@media (width<=47.99rem){.demo__panel--wide[data-astro-cid-g4xjjdb3]{display:none}}@media (width>=48rem) and (width<=74.99rem){.demo--steps[data-astro-cid-g4xjjdb3] .demo__item[data-astro-cid-g4xjjdb3]{grid-template-columns:minmax(0,1fr) minmax(0,28rem);gap:2rem}}@media (width>=75rem){.demo--steps[data-astro-cid-g4xjjdb3]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,2.5vw,2.5rem)}.demo--steps[data-astro-cid-g4xjjdb3] .demo__head[data-astro-cid-g4xjjdb3]{border-top:2px solid var(--accent);min-height:7rem;padding-top:.875rem}}