@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer zui.components{:root{--site-header-height:3.5rem;--scroll-margin:calc(var(--site-header-height) + 1rem)}body{background-color:var(--color-background);min-height:100dvh;margin:0}.docs-prose{color:var(--color-text)}[id]{scroll-margin-top:var(--scroll-margin)}.docs-prose>*+*{margin-block-start:var(--flow-space,1em)}.docs-prose :is(h1,h2,h3,blockquote){--flow-space:2rem}.docs-prose :is(h1,h2,h3)+*{--flow-space:1rem}.page-header{margin-block-end:var(--space-lg)}.page-description{font-size:var(--step-1);color:color-mix(in oklch, var(--color-text) 65%, transparent);line-height:var(--line-height-md);text-wrap:balance;margin-block-start:var(--space-2xs)!important}.docs-prose h1{font-size:var(--step-3);text-wrap:balance;line-height:1.1;font-family:var(--font-display);font-weight:var(--font-weight-7)}.docs-prose h2{font-size:var(--step-2);text-wrap:balance;line-height:1.1;font-family:var(--font-display);font-weight:var(--font-weight-7);color:var(--color-theme)}.docs-prose h3{font-size:var(--step-1);text-wrap:balance;line-height:1.1;font-family:var(--font-display);font-weight:var(--font-weight-7)}.docs-prose>p,.docs-prose>li{font-size:var(--step-0)}.docs-prose a:not(.zui-button):not(.zui-card){color:var(--color-text);text-decoration-line:underline;-webkit-text-decoration-color:oklch(from var(--color-text) l c h / 50%);text-decoration-color:oklch(from var(--color-text) l c h / 50%);text-underline-offset:.3ex;border-radius:var(--radius-md);transition:text-decoration-color .2s var(--ease-in-out);text-decoration-thickness:.2ex}.docs-prose a:not(.zui-button):hover{-webkit-text-decoration-color:oklch(from var(--color-text) l c h / 90%);text-decoration-color:oklch(from var(--color-text) l c h / 90%)}.docs-prose :not(pre)>code{font-family:var(--font-code);font-size:var(--step--2);background-color:oklch(from var(--color-background) calc(l + .1) c h);color:oklch(from var(--color-text) calc(l + .1) c h);border-radius:var(--radius-md);line-height:var(--line-height-xs);padding:2px 4px}.docs-prose ul,.docs-prose ol{padding-inline-start:0;list-style-position:inside}.docs-prose ul{list-style-type:disc}.docs-prose ol{list-style-type:decimal}.docs-prose ul ul,.docs-prose ol ol{padding-inline-start:1rem}.docs-prose hr{background-color:var(--color-border);border:0;height:1px;margin:2em 0}.docs-prose table{caption-side:bottom;font-variant-numeric:tabular-nums;table-layout:fixed;border-collapse:collapse;border:0;width:100%}.docs-prose tr{border-bottom:1px solid oklch(from currentColor l c h / 15%);transition:background-color .15s ease-in-out}.docs-prose tbody tr:hover{background-color:oklch(from currentColor l c h / 10%)}.docs-prose th{line-height:var(--line-height-xl);padding-inline:var(--space-2xs);text-align:left;vertical-align:middle;font-weight:var(--font-weight-bold);border-bottom:1px solid oklch(from currentColor l c h / 15%)}.docs-prose td{padding:var(--space-2xs);vertical-align:middle}.astro-code{padding:var(--space-4xs) var(--space-2xs);border-radius:var(--radius-md);font-size:var(--step--2);font-variant-ligatures:none;white-space:pre-wrap;overflow-y:auto;background-color:var(--lightningcss-light,oklch(from var(--color-background) calc(l + .03) c h))var(--lightningcss-dark,oklch(from var(--color-background) calc(l - .02) c h))!important}@supports (corner-shape:squircle){.astro-code{corner-shape:superellipse(1.25);padding:var(--space-2xs) var(--space-xs);border-radius:20px}}.astro-code,.astro-code span{font-family:var(--font-code)}@media (prefers-color-scheme:dark){:root:not(.zui-light) .astro-code,:root:not(.zui-light) .astro-code span{color:var(--shiki-dark)!important}}:root.zui-dark .astro-code,:root.zui-dark .astro-code span{color:var(--shiki-dark)!important}}.mini-theme-switcher[data-astro-cid-f42q2pcw] fieldset[data-astro-cid-f42q2pcw]{align-items:center;gap:var(--space-3xs);border:0;margin:0;padding:0;display:flex}.mini-theme-switcher[data-astro-cid-f42q2pcw] input[data-astro-cid-f42q2pcw][type=radio]{appearance:none;background-color:var(--swatch-color);outline-offset:2px;cursor:pointer;border-radius:50%;outline:2px solid #0000;width:.7rem;height:.7rem;transition:outline-color .15s,transform .15s}.mini-theme-switcher[data-astro-cid-f42q2pcw] input[data-astro-cid-f42q2pcw][type=radio]:hover{outline-color:oklch(from var(--swatch-color) l c h / 50%);transform:scale(1.15)}.mini-theme-switcher[data-astro-cid-f42q2pcw] input[data-astro-cid-f42q2pcw][type=radio]:checked{outline-color:var(--swatch-color)}.sidebar[data-astro-cid-hqmavjwr]{gap:var(--space-md);flex-direction:column;display:flex}.section-heading[data-astro-cid-hqmavjwr]{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);padding:var(--space-xs);background-color:var(--color-surface);margin:0;font-weight:600;position:sticky;top:0}ul[data-astro-cid-hqmavjwr]{gap:var(--space-5xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}a[data-astro-cid-hqmavjwr]{padding:var(--space-4xs) var(--space-xs);font-size:var(--step--2);color:var(--color-text);border-left:2px solid #0000;border-radius:0 .25rem .25rem 0;text-decoration:none;transition:background-color .15s,border-color .15s;display:block}a[data-astro-cid-hqmavjwr]:hover{background-color:color-mix(in oklch, var(--color-text) 8%, transparent)}a[data-astro-cid-hqmavjwr].active{border-left-color:var(--color-theme);background-color:color-mix(in oklch, var(--color-theme) 10%, transparent);font-weight:600}.toc[data-astro-cid-27chgrwj]{max-height:calc(100dvh - var(--space-2xl));padding:var(--space-sm) var(--space-xs);position:sticky;top:3.5rem;overflow-y:auto}.toc-heading[data-astro-cid-27chgrwj]{font-size:var(--step--2);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);opacity:.5;margin:0 0 var(--space-xs);padding:0 var(--space-xs);font-weight:600}.toc-list[data-astro-cid-27chgrwj]{gap:var(--space-5xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc-list[data-astro-cid-27chgrwj] li.toc-indent{padding-inline-start:var(--space-sm)}.toc-list[data-astro-cid-27chgrwj] a{padding:var(--space-4xs) var(--space-xs);font-size:var(--step--1);color:var(--color-text);opacity:.6;border-left:2px solid #0000;border-radius:0 .25rem .25rem 0;text-decoration:none;transition:opacity .15s,border-color .15s;display:block}.toc-list[data-astro-cid-27chgrwj] a:hover{opacity:1}.toc-list[data-astro-cid-27chgrwj] a.active{opacity:1;border-left-color:var(--color-theme);font-weight:600}.theme-toggle[data-astro-cid-2uhsxfbb]{bottom:var(--space-md);right:var(--space-md);z-index:var(--z-4);box-shadow:var(--shadow-md);justify-content:center;position:fixed}.theme-toggle[data-astro-cid-2uhsxfbb]:hover{background-color:color-mix(in oklch, var(--color-theme) 15%, var(--color-surface));transform:scale(1.05)}.theme-dialog[data-astro-cid-2uhsxfbb]{bottom:calc(var(--space-md) + 60px);right:var(--space-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:420px;max-height:calc(100dvh - 120px);box-shadow:var(--shadow-lg);z-index:var(--z-4);color:var(--color-text);margin:0;padding:0;position:fixed;top:auto;left:auto;overflow-y:auto}.panel-header[data-astro-cid-2uhsxfbb]{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.panel-title[data-astro-cid-2uhsxfbb]{font-size:var(--step--1);color:var(--color-text);margin:0;font-weight:600}.panel-actions[data-astro-cid-2uhsxfbb]{align-items:center;gap:var(--space-3xs);display:flex}.panel-body[data-astro-cid-2uhsxfbb]{padding:var(--space-sm);gap:var(--space-sm);flex-direction:column;display:flex}.panel-preview[data-astro-cid-2uhsxfbb]{font-size:var(--step--3);padding:var(--space-2xs);max-height:150px;overflow-x:auto}.panel-controls[data-astro-cid-2uhsxfbb]{gap:var(--space-xs);grid-template-columns:1fr 1fr;display:grid}.control-group[data-astro-cid-2uhsxfbb]{gap:var(--space-4xs);flex-direction:column;display:flex}.control-label[data-astro-cid-2uhsxfbb]{font-size:var(--step--2);color:var(--color-text);opacity:.7;font-weight:500}.theme-panel-inline[data-astro-cid-2uhsxfbb]{gap:var(--space-sm);padding:var(--space-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.panel-actions-inline[data-astro-cid-2uhsxfbb]{gap:var(--space-3xs);display:flex}@media (width<=480px){.theme-dialog[data-astro-cid-2uhsxfbb]{width:calc(100vw - var(--space-md) * 2);right:var(--space-md)}.panel-controls[data-astro-cid-2uhsxfbb]{grid-template-columns:1fr}}.site-header[data-astro-cid-lytydlre]{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);z-index:var(--z-1);height:var(--site-header-height);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-header-start[data-astro-cid-lytydlre]{align-items:center;gap:var(--space-2xs);display:flex}.site-version[data-astro-cid-lytydlre]{font-size:var(--step--2);text-decoration:none}.site-header-end[data-astro-cid-lytydlre]{align-items:center;gap:var(--space-2xs);display:flex}.mobile-menu-btn[data-astro-cid-lytydlre]{display:none}.site-logo[data-astro-cid-lytydlre]{font-size:var(--step-1);font-weight:700;font-family:var(--font-code);color:var(--color-text);letter-spacing:.05em;text-decoration:none}.site-layout[data-astro-cid-lytydlre]{grid-template-columns:240px 1fr 200px;height:-webkit-fill-available;height:-moz-available;height:stretch;display:grid}.site-sidebar[data-astro-cid-lytydlre]{top:var(--site-header-height);border-right:1px solid var(--color-border);height:100dvh;padding:0 var(--space-xs) var(--space-sm);background-color:var(--color-surface);position:sticky;overflow-y:auto}.site-main[data-astro-cid-lytydlre]{padding:var(--space-lg) var(--space-xl);max-width:960px}.site-footer[data-astro-cid-lytydlre]{border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);background-color:var(--color-surface)}.site-footer-inner[data-astro-cid-lytydlre]{justify-content:space-between;align-items:center;gap:var(--space-md);max-width:960px;margin-inline:auto;display:flex}.site-footer-credit[data-astro-cid-lytydlre]{font-size:var(--step--1);color:var(--color-text);opacity:.6;margin:0}.site-footer-credit[data-astro-cid-lytydlre] a[data-astro-cid-lytydlre]{color:inherit;text-decoration:underline;-webkit-text-decoration-color:oklch(from currentColor l c h / 40%);text-decoration-color:oklch(from currentColor l c h / 40%);text-underline-offset:.3ex;transition:text-decoration-color .2s var(--ease-in-out)}.site-footer-credit[data-astro-cid-lytydlre] a[data-astro-cid-lytydlre]:hover{-webkit-text-decoration-color:oklch(from currentColor l c h / 80%);text-decoration-color:oklch(from currentColor l c h / 80%)}.site-footer-nav[data-astro-cid-lytydlre]{gap:var(--space-sm);display:flex}.site-footer-nav[data-astro-cid-lytydlre] a[data-astro-cid-lytydlre]{font-size:var(--step--1);color:var(--color-text);opacity:.6;transition:opacity .2s var(--ease-in-out);text-decoration:none}.site-footer-nav[data-astro-cid-lytydlre] a[data-astro-cid-lytydlre]:hover{opacity:1}.mobile-nav-dialog[data-astro-cid-lytydlre]{background-color:var(--color-surface);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--color-text);z-index:var(--z-4);border:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.mobile-nav-dialog[data-astro-cid-lytydlre]::backdrop{background-color:oklch(0% 0 0/.5)}.mobile-nav-header[data-astro-cid-lytydlre]{padding:var(--space-xs) var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-nav-body[data-astro-cid-lytydlre]{padding:var(--space-sm) var(--space-md)}@media (width<=1024px){.site-layout[data-astro-cid-lytydlre]{grid-template-columns:240px 1fr}.site-layout[data-astro-cid-lytydlre]>.toc{display:none}}@media (width<=767px){.site-layout[data-astro-cid-lytydlre]{grid-template-columns:1fr}.site-sidebar[data-astro-cid-lytydlre]{display:none}.site-main[data-astro-cid-lytydlre]{padding:var(--space-md)}.mobile-menu-btn[data-astro-cid-lytydlre]{display:inline-flex}.site-footer-inner[data-astro-cid-lytydlre]{text-align:center;flex-direction:column}}.demo[data-astro-cid-fxx3g2kr]{margin-bottom:1.5rem}.demo-preview[data-astro-cid-fxx3g2kr]{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-wrap:wrap;padding:1.25rem;display:flex}.demo[data-astro-cid-fxx3g2kr]:not(:has(.demo-preview)) .demo-code[data-astro-cid-fxx3g2kr] pre{border-radius:var(--radius-xl)!important;border-top:1px solid var(--color-border)!important}.code-tabs__bar[data-astro-cid-fxx3g2kr]{border:1px solid var(--color-border);border-top:none;border-bottom:none;gap:0;display:flex;overflow:hidden;background-color:var(--lightningcss-light,oklch(from var(--color-background) calc(l + .02) c h))var(--lightningcss-dark,oklch(from var(--color-background) calc(l - .04) c h))!important}.code-tabs__tab[data-astro-cid-fxx3g2kr]{appearance:none;padding:var(--space-3xs) var(--space-sm);font-family:var(--font-code);font-size:var(--step--3);color:var(--color-text);cursor:pointer;opacity:.6;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex-grow:1;transition:opacity .15s,border-color .15s}.code-tabs__tab[data-astro-cid-fxx3g2kr]:hover{opacity:.85}.code-tabs__tab[data-astro-cid-fxx3g2kr][aria-selected=true]{opacity:1;border-bottom-color:var(--color-theme)}.demo-code[data-astro-cid-fxx3g2kr] pre{border-radius:0 0 var(--radius-xl) var(--radius-xl);border:1px solid var(--color-border);border-top:none;margin:0;padding:1rem;font-size:.8125rem;overflow-x:auto}.demo-preview[data-astro-cid-bm5sddvj]{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-block:var(--space-sm)}.copy-code[data-astro-cid-kx5oxeby]{cursor:pointer;font-variant-ligatures:none;transition:opacity .15s;position:relative}.copy-code[data-astro-cid-kx5oxeby]:hover{opacity:.8}.copy-icon[data-astro-cid-kx5oxeby]{opacity:0;vertical-align:middle;margin-inline-start:.3em;transition:opacity .15s;display:inline-flex}.copy-code[data-astro-cid-kx5oxeby]:hover .copy-icon[data-astro-cid-kx5oxeby],.copy-code[data-astro-cid-kx5oxeby]:focus-visible .copy-icon[data-astro-cid-kx5oxeby]{opacity:1}.copy-code[data-astro-cid-kx5oxeby].copied .copy-icon[data-astro-cid-kx5oxeby]{display:none}.copy-icon-success[data-astro-cid-kx5oxeby]{vertical-align:middle;color:var(--color-success,green);margin-inline-start:.3em;display:none}.copy-code[data-astro-cid-kx5oxeby].copied .copy-icon-success[data-astro-cid-kx5oxeby]{display:inline-flex}.token-grid[data-astro-cid-j5cr4z6b]{grid-template-columns:max-content repeat(calc(var(--token-grid-cols) - 1), 1fr);margin-block:var(--space-sm);display:grid}.token-row[data-astro-cid-uf5bbc6q]{grid-template-columns:subgrid;align-items:center;gap:var(--space-sm);padding:var(--space-3xs) 0;border-bottom:1px solid var(--color-border);font-size:var(--step--1);grid-column:1/-1;display:grid}.token-row-header[data-astro-cid-uf5bbc6q]{font-weight:var(--font-weight-bold);font-size:var(--step--1);border-bottom-width:2px}.section[data-astro-cid-ce4rjxrw]{margin-block-start:var(--space-xl)}.subtitle[data-astro-cid-plvsxe7a]{font-size:var(--step-1);color:var(--color-text);max-width:55ch}.iframe-demo[data-astro-cid-p3cporri]{border:1px solid var(--color-border);border-radius:var(--radius-xl);background-color:var(--color-background);width:100%;overflow:hidden}.iframe-demo[data-astro-cid-p3cporri] iframe[data-astro-cid-p3cporri]{width:100%;height:var(--iframe-demo-height,500px);border:0;display:block}.row[data-astro-cid-bzbkkooq]{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.label[data-astro-cid-bzbkkooq]{color:#71717a;flex-shrink:0;width:5rem;font-size:.75rem}.color-row-wrapper[data-astro-cid-riliqpl3]{display:contents}.color-row__name[data-astro-cid-riliqpl3]{text-transform:capitalize;align-items:center;margin:0;font-weight:500;display:flex}.color-row__swatches[data-astro-cid-riliqpl3]{grid-template-columns:repeat(11,1fr);gap:.375rem;display:grid}@media (width>=640px){.color-row__swatches[data-astro-cid-riliqpl3]{gap:1rem}.color-row__name[data-astro-cid-riliqpl3]{padding-right:3rem}}.color-swatch[data-astro-cid-riliqpl3]{position:relative}.color-swatch__btn[data-astro-cid-riliqpl3]{aspect-ratio:1;outline-offset:-1px;cursor:pointer;border:none;border-radius:.125rem;outline:1px solid #0000001a;width:100%;padding:0;transition:transform .1s,box-shadow .1s;display:block}@media (prefers-color-scheme:dark){.color-swatch__btn[data-astro-cid-riliqpl3]{outline-color:#ffffff1a}}@media (width>=640px){.color-swatch__btn[data-astro-cid-riliqpl3]{border-radius:.375rem}}.color-swatch__btn[data-astro-cid-riliqpl3]:hover{z-index:1;position:relative;transform:scale(1.1);box-shadow:0 2px 8px #00000026}.color-swatch__btn[data-astro-cid-riliqpl3]:focus-visible{outline:2px solid var(--color-theme);outline-offset:2px}.color-swatch__tooltip[data-astro-cid-riliqpl3]{color:var(--lightningcss-light,#f5f5f5)var(--lightningcss-dark,#1e1e1e);font-size:.6875rem;font-family:var(--font-code);white-space:nowrap;pointer-events:none;opacity:0;z-index:10;background:var(--lightningcss-light,#1e1e1e)var(--lightningcss-dark,#f5f5f5);border-radius:.25rem;padding:.25rem .5rem;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.color-swatch[data-astro-cid-riliqpl3]:hover .color-swatch__tooltip[data-astro-cid-riliqpl3]{opacity:1}.color-swatch--copied[data-astro-cid-riliqpl3] .color-swatch__btn[data-astro-cid-riliqpl3]:after{content:"✓";color:#fff;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;inset:0}.color-swatch--copied[data-astro-cid-riliqpl3] .color-swatch__btn[data-astro-cid-riliqpl3]{position:relative}.color-palette[data-astro-cid-tvcqvt7d]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem 1rem;display:grid}@media (width>=640px){.color-palette[data-astro-cid-tvcqvt7d]{gap:1rem}}.color-palette__corner[data-astro-cid-tvcqvt7d]{z-index:9;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,oklch(12.9% .042 264.695));position:sticky;top:3.5rem}.color-palette__header[data-astro-cid-tvcqvt7d]{z-index:9;background:var(--color-background);grid-column:2;grid-template-columns:repeat(11,1fr);justify-items:center;gap:.375rem;padding-block:.5rem;font-size:.8125rem;font-weight:500;display:grid;position:sticky;top:0}@media (width>=640px){.color-palette__header[data-astro-cid-tvcqvt7d]{gap:1rem}}.color-palette__header[data-astro-cid-tvcqvt7d] span[data-astro-cid-tvcqvt7d]{writing-mode:vertical-lr;transform:rotate(180deg)}@media (width>=640px){.color-palette__header[data-astro-cid-tvcqvt7d] span[data-astro-cid-tvcqvt7d]{writing-mode:horizontal-tb;transform:none}}.color-palette__footer[data-astro-cid-tvcqvt7d]{text-align:center;color:var(--lightningcss-light,oklch(55.1% .027 264.364))var(--lightningcss-dark,oklch(70.7% .022 261.325));grid-column:1/-1;padding-top:.5rem;font-size:.875rem;font-style:italic}.token-table[data-astro-cid-eoqfyred]{gap:var(--space-3xs);margin-block:var(--space-sm);flex-direction:column;display:flex}.token-row[data-astro-cid-eoqfyred]{align-items:center;gap:var(--space-sm);padding:var(--space-3xs) 0;border-bottom:1px solid var(--color-border);display:flex}.token-row[data-astro-cid-eoqfyred] code[data-astro-cid-eoqfyred]{flex-shrink:0;min-width:14rem}.token-row[data-astro-cid-eoqfyred] span[data-astro-cid-eoqfyred]{font-size:var(--step--1);color:color-mix(in oklch, var(--color-text) 75%, transparent)}.swatch[data-astro-cid-eoqfyred]{border-radius:var(--radius-sm);flex-shrink:0;width:1.5rem;height:1.5rem}.layer-stack[data-astro-cid-56nh7kjt]{gap:var(--space-3xs);margin-block:var(--space-sm);flex-direction:column;display:flex}.layer-card[data-astro-cid-56nh7kjt]{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.layer-label[data-astro-cid-56nh7kjt]{font-family:var(--font-code);font-size:var(--step--1);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);background-color:var(--color-theme);width:1.75rem;height:1.75rem;color:var(--color-background);flex-shrink:0;place-items:center;display:grid}.layer-content[data-astro-cid-56nh7kjt]{gap:var(--space-5xs);flex-direction:column;display:flex}.layer-content[data-astro-cid-56nh7kjt] span[data-astro-cid-56nh7kjt]{font-size:var(--step--1);color:color-mix(in oklch, var(--color-text) 70%, transparent)}.border-demo[data-astro-cid-icenc2up]{gap:var(--space-sm);margin-block:var(--space-sm);flex-direction:column;display:flex}.border-example[data-astro-cid-icenc2up]{align-items:center;gap:var(--space-sm);padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.demo-preview-standalone[data-astro-cid-zykrv55q]{gap:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;margin-bottom:1.5rem;padding:1.25rem;display:flex}.demo-preview-standalone[data-astro-cid-zykrv55q][data-align=center]{align-items:center}[cmdk-root]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow:hidden}[cmdk-input]{border:0;border-bottom:1px solid var(--color-border);width:100%;padding:var(--space-xs) var(--space-sm);font:inherit;font-size:var(--step-0);color:var(--color-text);background:0 0;border-radius:0;outline:none}[cmdk-input]::placeholder{color:oklch(from var(--color-text) l c h / 50%)}[cmdk-list]{overscroll-behavior:contain;max-height:320px;padding:var(--space-3xs);overflow:auto}[cmdk-group-heading]{padding:var(--space-3xs) var(--space-2xs);font-size:var(--step--2);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;color:oklch(from var(--color-text) l c h / 55%)}[cmdk-item]{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-md);font-size:var(--step-0);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}[cmdk-item] i{color:oklch(from currentColor l c h / 70%)}[cmdk-item][data-selected=true]{background:oklch(from var(--color-theme) l c h / 12%);color:var(--color-theme)}[cmdk-item][data-disabled=true]{opacity:.4;cursor:not-allowed}[cmdk-empty]{padding:var(--space-md);text-align:center;font-size:var(--step--1);color:oklch(from var(--color-text) l c h / 60%)}[cmdk-separator]{height:1px;margin:var(--space-3xs) 0;background:var(--color-border)}[data-sonner-toaster]{--width:22rem;--border-radius:var(--radius-lg);font-family:var(--font-body)}[data-sonner-toast]{--normal-bg:var(--color-surface);--normal-text:var(--color-text);--normal-border:var(--color-border)}[data-sonner-toast][data-type=success]{--normal-bg:var(--lightningcss-light,var(--color-green-50))var(--lightningcss-dark,var(--color-green-950));--normal-text:var(--lightningcss-light,var(--color-green-700))var(--lightningcss-dark,var(--color-green-200));--normal-border:var(--lightningcss-light,var(--color-green-200))var(--lightningcss-dark,var(--color-green-800))}[data-sonner-toast][data-type=error]{--normal-bg:var(--lightningcss-light,var(--color-red-50))var(--lightningcss-dark,var(--color-red-950));--normal-text:var(--lightningcss-light,var(--color-red-700))var(--lightningcss-dark,var(--color-red-200));--normal-border:var(--lightningcss-light,var(--color-red-200))var(--lightningcss-dark,var(--color-red-800))}[data-sonner-toast][data-type=warning]{--normal-bg:var(--lightningcss-light,var(--color-amber-50))var(--lightningcss-dark,var(--color-amber-950));--normal-text:var(--lightningcss-light,var(--color-amber-800))var(--lightningcss-dark,var(--color-amber-200));--normal-border:var(--lightningcss-light,var(--color-amber-200))var(--lightningcss-dark,var(--color-amber-800))}[data-sonner-toast][data-type=info]{--normal-bg:var(--lightningcss-light,var(--color-blue-50))var(--lightningcss-dark,var(--color-blue-950));--normal-text:var(--lightningcss-light,var(--color-blue-700))var(--lightningcss-dark,var(--color-blue-200));--normal-border:var(--lightningcss-light,var(--color-blue-200))var(--lightningcss-dark,var(--color-blue-800))}.anim-section[data-astro-cid-4zt7pij4]{gap:var(--space-md);flex-direction:column;display:flex}.anim-grid[data-astro-cid-4zt7pij4]{gap:var(--space-sm);margin-block:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.anim-card[data-astro-cid-4zt7pij4]{align-items:center;gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--color-border);cursor:pointer;text-align:center;border-radius:var(--radius-xl);flex-direction:column;display:flex}.anim-card[data-astro-cid-4zt7pij4]:hover{border-color:var(--color-theme)}.demo-dot[data-astro-cid-4zt7pij4]{border-radius:var(--radius-round);width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1}.ratio-grid[data-astro-cid-4q3bqa7i]{gap:var(--space-md);margin-block:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.ratio-card[data-astro-cid-4q3bqa7i]{align-items:center;gap:var(--space-3xs);text-align:center;flex-direction:column;display:flex}.ratio-preview[data-astro-cid-4q3bqa7i]{background-color:var(--color-theme);border-radius:var(--radius-md);opacity:.8;width:100%;max-width:8rem}.ratio-card[data-astro-cid-4q3bqa7i] span[data-astro-cid-4q3bqa7i]{font-size:var(--step--2);color:color-mix(in oklch, var(--color-text) 60%, transparent)}.desc[data-astro-cid-5f5stxdg]{font-size:var(--step--1);color:color-mix(in oklch, var(--color-text) 60%, transparent);flex-shrink:0;min-width:10rem}.track[data-astro-cid-5f5stxdg]{background-color:var(--color-border);border-radius:var(--radius-full);flex:1;height:4px;position:relative}.dot[data-astro-cid-5f5stxdg]{border-radius:var(--radius-round);background-color:var(--color-theme);width:1rem;height:1rem;transition:left .8s var(--demo-easing);position:absolute;top:50%;left:0;transform:translateY(-50%)}.token-row[data-astro-cid-5f5stxdg]:hover .dot[data-astro-cid-5f5stxdg]{left:calc(100% - 1rem)}.radii-grid[data-astro-cid-mfumyih4]{gap:var(--space-md);margin-block:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.radii-card[data-astro-cid-mfumyih4]{align-items:center;gap:var(--space-3xs);text-align:center;flex-direction:column;display:flex}.radii-preview[data-astro-cid-mfumyih4]{background-color:var(--color-theme);width:5rem;height:5rem}.radii-card[data-astro-cid-mfumyih4] span[data-astro-cid-mfumyih4]{font-size:var(--step--2);color:color-mix(in oklch, var(--color-text) 60%, transparent)}.shadow-grid[data-astro-cid-d2z3c4kl]{gap:var(--space-md);margin-block:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.shadow-card[data-astro-cid-d2z3c4kl]{gap:var(--space-3xs);padding:var(--space-md);border-radius:var(--radius-lg);background-color:var(--color-surface);flex-direction:column;display:flex}.shadow-card[data-astro-cid-d2z3c4kl] span[data-astro-cid-d2z3c4kl]{font-size:var(--step--1);color:color-mix(in oklch, var(--color-text) 65%, transparent)}.bar-wrapper[data-astro-cid-erag3vwp]{flex-grow:1}.bar[data-astro-cid-erag3vwp]{height:var(--space-xs);background-color:var(--color-theme);border-radius:var(--radius-sm);max-width:100%}.bar[data-astro-cid-knh5ec5f]{height:var(--space-xs);background-color:var(--color-theme);border-radius:var(--radius-sm)}.section-card-grid[data-astro-cid-4uomen75]{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.section-card[data-astro-cid-4uomen75]{text-decoration:none;transition:border-color .15s,box-shadow .15s}.section-card[data-astro-cid-4uomen75]:hover{border-color:var(--color-theme);box-shadow:var(--shadow-sm)}.section-card-title[data-astro-cid-4uomen75]{font-size:var(--step-0);color:var(--color-theme);margin:0;font-weight:600}.section-card-description[data-astro-cid-4uomen75]{font-size:var(--step--1);color:color-mix(in oklch, var(--color-text) 65%, transparent);margin:var(--space-4xs) 0 0;line-height:var(--line-height-md)}