.example[data-astro-cid-npme2pg4]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.preview-panel[data-astro-cid-npme2pg4]{display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:4rem 1rem;max-width:400px;margin:0 auto;aspect-ratio:9 / 5}.preview-panel[data-astro-cid-npme2pg4] [data-dimension]{display:flex;flex-direction:column;gap:1rem;width:100%}.preview-panel[data-astro-cid-npme2pg4] [data-header]{display:grid;align-items:start;justify-items:center;width:100%}.preview-panel[data-astro-cid-npme2pg4] [data-example]{display:grid;align-items:start;justify-items:center}.preview-panel[data-astro-cid-npme2pg4] [data-header]>[data-accordion],.preview-panel[data-astro-cid-npme2pg4] [data-header]>article,.preview-panel[data-astro-cid-npme2pg4] [data-header]>[role=alert],.preview-panel[data-astro-cid-npme2pg4] [data-header]>[data-typography],.preview-panel[data-astro-cid-npme2pg4] [data-example]>[data-accordion],.preview-panel[data-astro-cid-npme2pg4] [data-example]>article,.preview-panel[data-astro-cid-npme2pg4] [data-example]>[role=alert],.preview-panel[data-astro-cid-npme2pg4] [data-example]>[data-typography]{width:100%}.example[data-astro-cid-npme2pg4]:not(:has(.preview-panel)) .code-panel[data-astro-cid-npme2pg4]{border-radius:var(--radius)}.code-panel[data-astro-cid-npme2pg4]{--code-panel-collapsed-height: 192px;position:relative;background:var(--muted);padding:1rem;border-top:1px solid var(--border)}.code-panel[data-astro-cid-npme2pg4] pre[data-astro-cid-npme2pg4]{margin:0;width:auto;overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;background:transparent}.code-panel[data-astro-cid-npme2pg4][data-state=collapsed] pre[data-astro-cid-npme2pg4]{max-height:var(--code-panel-collapsed-height);overflow:hidden}.code-panel[data-astro-cid-npme2pg4] pre[data-astro-cid-npme2pg4]>code[data-astro-cid-npme2pg4]{min-width:0;padding:0}.code-panel[data-astro-cid-npme2pg4][data-state=expanded] pre[data-astro-cid-npme2pg4]{max-height:min(60rem,calc(100vh - 14rem))}.code-panel[data-astro-cid-npme2pg4] code[data-astro-cid-npme2pg4]{padding:0;border-radius:0;background:transparent;font-family:var(--font-mono, ui-monospace, monospace);color:var(--color-foreground);font-size:.875rem;font-weight:400;line-height:1.5;white-space:pre}.code-panel[data-astro-cid-npme2pg4] .copy-btn[data-astro-cid-npme2pg4]{position:absolute;top:.5rem;right:.5rem;cursor:pointer}.code-panel[data-astro-cid-npme2pg4] [data-astro-cid-npme2pg4][data-expand]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:2}.code-panel[data-astro-cid-npme2pg4][data-state=collapsed] .overlay[data-astro-cid-npme2pg4]{display:block;position:absolute;pointer-events:none;z-index:1}.code-panel[data-astro-cid-npme2pg4][data-state=collapsed] .overlay-dim[data-astro-cid-npme2pg4]{inset:0;background-color:var(--muted);opacity:.5}.code-panel[data-astro-cid-npme2pg4][data-state=collapsed] .overlay-fade[data-astro-cid-npme2pg4]{left:1rem;right:1rem;bottom:0;height:6rem;background:linear-gradient(to bottom,transparent 0%,var(--muted) 70%,var(--muted) 100%)}.code-panel[data-astro-cid-npme2pg4][data-state=expanded] .overlay[data-astro-cid-npme2pg4],.code-panel[data-astro-cid-npme2pg4][data-state=static] .overlay[data-astro-cid-npme2pg4],.code-panel[data-astro-cid-npme2pg4][data-collapsible=false] [data-astro-cid-npme2pg4][data-expand],.code-panel[data-astro-cid-npme2pg4] [data-astro-cid-npme2pg4][data-expand][hidden]{display:none}section[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;gap:1.5rem;padding-top:2.5rem}section[data-astro-cid-3ef6ksr2] hgroup[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;gap:.5rem}.subtitle[data-astro-cid-3ef6ksr2]{margin:0}.links[data-astro-cid-3ef6ksr2]{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:inherit;text-decoration:none}@media(max-width:768px){section[data-astro-cid-3ef6ksr2]{padding-top:2rem}}.below[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column}section[data-astro-cid-sh445jdo]{display:flex;flex-direction:column;gap:1.5rem;padding-top:3rem}@media(max-width:768px){section[data-astro-cid-sh445jdo]{padding-top:2.5rem}}.subsection[data-astro-cid-6smxvl4x]{display:flex;flex-direction:column;gap:1rem}.subsection[data-astro-cid-6smxvl4x].with-heading{padding-top:2rem}.subtitle[data-astro-cid-6smxvl4x]{margin:0}.above[data-astro-cid-6smxvl4x]{display:flex;flex-direction:column}.above[data-astro-cid-6smxvl4x]:empty{display:none}div[data-astro-cid-37oqvc2o]{display:flex;flex-direction:row;gap:2rem}aside[data-astro-cid-37oqvc2o]{padding:0 1.5rem;display:flex;gap:calc(var(--spacing) * 2);flex-direction:column;font-size:.9rem;position:sticky;top:2rem;align-self:flex-start;max-height:100vh;overflow-y:auto}@media(max-width:768px){aside[data-astro-cid-37oqvc2o]{position:fixed;top:0;left:-100%;width:280px;max-width:80vw;height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden;background-color:var(--background);border-right:1px solid var(--border);z-index:999;transition:left .3s ease;padding:1rem 1.5rem;-webkit-overflow-scrolling:touch}}aside[data-astro-cid-37oqvc2o] small[data-astro-cid-37oqvc2o]{display:inline-flex;flex-direction:column;font-size:.72rem;font-weight:700;line-height:1.2;gap:0;padding:0 .5rem .5rem;margin-top:3rem;color:var(--muted-foreground)}aside[data-astro-cid-37oqvc2o] ul[data-astro-cid-37oqvc2o]{list-style:none;display:flex;flex-direction:column;gap:0;margin:0;padding:0}aside[data-astro-cid-37oqvc2o] ul[data-astro-cid-37oqvc2o] li[data-astro-cid-37oqvc2o]{box-sizing:border-box;line-height:1.3;display:flex;flex-direction:column}.nav-link[data-astro-cid-37oqvc2o]{display:inline-flex;align-items:center;border-radius:var(--radius-md);padding:.45rem .6rem;font-size:.8125rem;font-weight:500;line-height:1.3;color:inherit;text-decoration:none;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.nav-link[data-astro-cid-37oqvc2o]:hover{background-color:var(--secondary)}.nav-link[data-astro-cid-37oqvc2o].active{background-color:var(--secondary);color:var(--secondary-foreground)}main[data-astro-cid-37oqvc2o]{display:flex;flex-direction:column;max-width:40rem;margin:0 auto;width:100%;margin-bottom:2rem;box-sizing:border-box}@media(max-width:768px){main[data-astro-cid-37oqvc2o]{padding:0 1.5rem}}main[data-astro-cid-37oqvc2o] a[data-astro-cid-37oqvc2o]{color:inherit}#sidebar-toggle[data-astro-cid-37oqvc2o]{display:none}#sidebar-label[data-astro-cid-37oqvc2o]{display:none;position:fixed;top:4rem;right:1rem;z-index:1000;background-color:var(--secondary);color:var(--secondary-foreground);box-shadow:var(--shadow-xs);border-radius:var(--radius-md);width:2.5rem;height:2.5rem;cursor:pointer;align-items:center;justify-content:center;transition:transform .3s ease}#sidebar-label[data-astro-cid-37oqvc2o] svg[data-astro-cid-37oqvc2o]{width:1rem;height:1rem}@media(max-width:768px){#sidebar-label[data-astro-cid-37oqvc2o]{display:flex}#sidebar-toggle[data-astro-cid-37oqvc2o]:checked~aside[data-astro-cid-37oqvc2o]{left:0}}