.sg-shell-demo[data-astro-cid-cchbrayn],.sg-panel-demo[data-astro-cid-cchbrayn]{padding:var(--space-12);border-radius:var(--radius-24);background:var(--bg-page)}.sg-shell-demo[data-astro-cid-cchbrayn]{max-width:560px}.sg-panel-demo[data-astro-cid-cchbrayn]{flex-direction:column;width:min(100%,484px);min-height:584px;display:flex}.sg-panel-demo[data-astro-cid-cchbrayn]>.panel{flex:auto}@media (width>=810px) and (width<=1199.98px){.shell__panel{display:none}.sg-shell-demo[data-astro-cid-cchbrayn]{max-width:none}.sg-panel-demo[data-astro-cid-cchbrayn]{width:100%;min-height:0}}.sg-toggle[data-astro-cid-cchbrayn]{background:var(--line-8)}.sg[data-astro-cid-cchbrayn]{gap:var(--space-12);grid-template-columns:minmax(0,1fr);display:grid}.sg-ground[data-astro-cid-cchbrayn]{padding:var(--space-12);border-radius:var(--radius-24);background:var(--bg-page)}.sg-icons[data-astro-cid-cchbrayn]{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.sg-icon[data-astro-cid-cchbrayn]{align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-24);background:var(--bg-raised);display:flex}.sg-icon-glyph[data-astro-cid-cchbrayn]{flex:none;place-items:center;width:32px;height:32px;display:grid}.sg-icon[data-astro-cid-cchbrayn] .body[data-astro-cid-cchbrayn]{font-size:var(--fs-caption)}.sg-copy[data-astro-cid-cchbrayn]{min-height:36px;margin-inline-start:auto;padding-block:0}.card--sg[data-astro-cid-cchbrayn]{padding:var(--space-40) var(--space-24)}@media (width>=810px){.card--sg[data-astro-cid-cchbrayn]{padding:var(--space-56)}}.sg-h[data-astro-cid-cchbrayn]{scroll-margin-top:calc(var(--anchor-offset,84px) + var(--space-40))}.sg-swatches[data-astro-cid-cchbrayn]{gap:var(--space-8) var(--space-24);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0;list-style:none;display:grid}.sg-swatch[data-astro-cid-cchbrayn]{align-items:center;gap:var(--space-12);display:flex}.sg-chip[data-astro-cid-cchbrayn]{border-radius:var(--radius-8);outline:1px solid var(--line-16);outline-offset:-1px;background:conic-gradient(#8884 25%, #fff0 0 50%, #8884 0 75%, #fff0 0) 0 0 / 10px 10px;flex:none;width:40px;height:40px;overflow:hidden}.sg-chip-fill[data-astro-cid-cchbrayn]{width:100%;height:100%;display:block}.sg-swatch-text[data-astro-cid-cchbrayn]{min-width:0;display:grid}.sg-hex--dark[data-astro-cid-cchbrayn],[data-theme=dark] .sg-hex--light[data-astro-cid-cchbrayn]{display:none}[data-theme=dark] .sg-hex--dark[data-astro-cid-cchbrayn]{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme]) .sg-hex--light[data-astro-cid-cchbrayn]{display:none}:root:not([data-theme]) .sg-hex--dark[data-astro-cid-cchbrayn]{display:inline}}.sg-swatch-text[data-astro-cid-cchbrayn] .body[data-astro-cid-cchbrayn]{font-size:var(--fs-caption);overflow-wrap:anywhere}.sg-inner[data-astro-cid-cchbrayn]{padding:var(--space-24);--stack-gap:var(--space-8);background:var(--bg-raised)}.sg-type[data-astro-cid-cchbrayn]{gap:0;display:grid}.sg-type-row[data-astro-cid-cchbrayn]{gap:var(--space-8) var(--space-32);padding-block:var(--space-24);border-top:1px solid var(--line-8);display:grid}@media (width>=810px){.sg-type-row[data-astro-cid-cchbrayn]{grid-template-columns:180px 1fr 1fr;align-items:baseline}}.sg-type-meta[data-astro-cid-cchbrayn]{gap:2px;display:grid}.sg-type-meta[data-astro-cid-cchbrayn] .body[data-astro-cid-cchbrayn]{font-size:var(--fs-caption)}.sg-radii[data-astro-cid-cchbrayn]{align-items:stretch}.sg-radius[data-astro-cid-cchbrayn]{width:160px;height:120px;padding:var(--space-16);background:var(--bg-subtle);align-content:center;gap:2px;display:grid}.sg-radius--card[data-astro-cid-cchbrayn]{background:var(--bg-raised);width:220px}.sg-spacing[data-astro-cid-cchbrayn]{gap:var(--space-8);padding:0;list-style:none;display:grid}.sg-space-row[data-astro-cid-cchbrayn]{align-items:center;gap:var(--space-12);grid-template-columns:110px 60px 1fr;display:grid}.sg-space-bar[data-astro-cid-cchbrayn]{background:var(--text-primary);border-radius:var(--radius-2);max-width:100%;height:12px}.sg-glass-demo[data-astro-cid-cchbrayn]{gap:var(--space-12);padding:var(--space-24);border-radius:var(--radius-24);background:repeating-linear-gradient(90deg, var(--text-primary) 0 var(--space-20), var(--bg-subtle) var(--space-20) 40px, var(--bg-card) 40px 60px, var(--text-secondary) 60px 80px);flex-wrap:wrap;display:flex}.sg-glass[data-astro-cid-cchbrayn]{padding:var(--space-16) var(--space-24);border-radius:var(--radius-24);background:var(--bg-glass);color:var(--text-90);display:grid}.sg-tracks[data-astro-cid-cchbrayn]{gap:var(--space-8);padding:0;list-style:none;display:grid}.sg-track[data-astro-cid-cchbrayn]{justify-content:space-between;align-items:center;gap:var(--space-16);min-height:56px;padding:var(--space-8) var(--space-16);border-radius:var(--radius-24);background:var(--bg-raised);display:flex;position:relative;overflow:hidden}.sg-dot[data-astro-cid-cchbrayn]{background:var(--text-primary);border-radius:50%;flex:none;width:24px;height:24px}@media (prefers-reduced-motion:no-preference){.sg-dot[data-astro-cid-cchbrayn]{transition:transform var(--sg-dur) var(--sg-ease)}.sg-track[data-astro-cid-cchbrayn]:hover .sg-dot[data-astro-cid-cchbrayn],.sg-track[data-astro-cid-cchbrayn]:focus-visible .sg-dot[data-astro-cid-cchbrayn]{transform:translate(calc(-1*min(40vw,320px)))}}.sg-surface-demo[data-astro-cid-cchbrayn]{gap:var(--space-12);display:grid}@media (width>=810px){.sg-surface-demo[data-astro-cid-cchbrayn]{grid-template-columns:1fr 1fr;align-items:start}}.sg-surface[data-astro-cid-cchbrayn]{gap:var(--space-8);padding:var(--space-24);border-radius:var(--radius-40);flex-direction:column;display:flex}.sg-tile[data-astro-cid-cchbrayn]{gap:var(--space-4);padding:var(--space-16) var(--space-24);border-radius:var(--radius-24);background:var(--bg-raised);flex-direction:column;display:flex}.sg-links[data-astro-cid-cchbrayn]{flex-direction:column;align-items:flex-start;display:flex}.sg-link[data-astro-cid-cchbrayn]{min-height:44px;padding-inline:var(--space-12);border-radius:var(--radius-pill);color:var(--text-primary);opacity:var(--link-rest);align-items:center;display:inline-flex}.sg-narrow[data-astro-cid-cchbrayn]{max-width:560px}.sg-post[data-astro-cid-cchbrayn]{--stack-gap:var(--space-24);max-width:680px}.sg-code[data-astro-cid-cchbrayn],.sg-live[data-astro-cid-cchbrayn]>.island{margin:0}.sg-stage[data-astro-cid-cchbrayn]{border-radius:var(--radius-24);background:var(--bg-raised);flex-direction:column;max-width:380px;min-height:240px;display:flex;overflow:hidden}.sg-notes[data-astro-cid-cchbrayn]{max-width:640px;margin:0;padding:0;list-style:none}.sg-list[data-astro-cid-cchbrayn]{gap:var(--space-4);margin:0;padding-inline-start:1.1em;display:grid}.sg-logo-row[data-astro-cid-cchbrayn]{align-items:center;gap:var(--space-24);flex-wrap:wrap;display:flex}.sg-logo-clear[data-astro-cid-cchbrayn]{outline:1px dashed var(--line-24);border-radius:var(--radius-8);padding:36px}.sg-logo-dark[data-astro-cid-cchbrayn]{padding:var(--space-16);border-radius:var(--radius-24);color:#f5f5f5;background:#0f0f0f}
