@layer components{.demo-theme-preview{border:1px solid var(--color-demo-line);border-radius:var(--radius-sm);overflow:hidden}.demo-copy{display:inline-block;position:relative}.demo-copy-status:empty{display:none}.demo-copy-status{margin-top:var(--spacing-xs);overflow-wrap:anywhere;font-size:.75rem;display:block}.demo-copy-status:not(:empty){border-left:2px solid var(--color-demo-blue);background:var(--color-demo-surface);max-width:28rem;color:var(--color-text-body);font:500 .75rem/1.5 var(--font-family-mono);margin-top:.625rem;padding:.45rem .65rem}.demo-copy-feedback{margin-bottom:var(--spacing-lg);border-left:2px solid var(--color-demo-blue);background:var(--color-demo-surface);color:var(--color-text-body);font:500 .75rem/1.5 var(--font-family-mono);overflow-wrap:anywhere;padding:.625rem .75rem;position:static}.demo-palette{gap:var(--spacing-lg);display:grid;container-type:inline-size}.demo-palette-title{color:var(--color-text-strong);text-transform:capitalize;margin:0 0 .625rem;font-size:.8125rem;font-weight:600;line-height:1.45}.demo-palette-row{gap:var(--spacing-xs);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}@container (min-width:28rem){.demo-palette-row{gap:var(--spacing-3xs);grid-template-columns:repeat(13,minmax(0,1fr))}}.demo-token-preview{--demo-token-color:var(--demo-token-light);width:1.5em;height:1.5em;margin-right:var(--spacing-sm);border-radius:var(--radius-xs);vertical-align:middle;display:inline-block}.dark .demo-token-preview{--demo-token-color:var(--demo-token-dark)}.demo-token-preview[data-paint=background]{background:var(--demo-token-color);outline:1px solid var(--color-demo-line);outline-offset:-1px}.demo-token-preview[data-paint=line]{border:2px solid var(--demo-token-color)}.demo-token-preview[data-paint=text]{color:var(--demo-token-color);font-size:1rem}.demo-palette-row>div{text-align:center}.demo-palette-row .demo-copy{display:block}.demo-palette-chip{border:1px solid var(--color-demo-line);border-radius:var(--radius-xs);cursor:pointer;width:100%;height:2.75rem;display:block}.demo-palette-chip:hover{border-color:var(--color-demo-blue);box-shadow:0 0 0 1px var(--color-demo-blue)}}@layer theme{:root,:host{--color-line-subtle:#0000000f;--radius-sm:.25rem;--spacing-xs:.5rem;--color-blue-60:#2248ff;--color-blue-40:#3989ff;--color-surface-raised:#fff;--color-gray-90:#1e1e1e;--color-text-body:var(--color-neutral-70);--color-neutral-70:#414452;--color-gray-30:#a9a9a9;--font-family-mono:var(--font-mono,ui-monospace), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-mono:"IBM Plex Mono";--spacing-lg:1.5rem;--color-text-strong:var(--color-neutral-100);--color-neutral-100:#08090c;--spacing-3xs:.25rem;--spacing-sm:.75rem;--radius-xs:.125rem}@supports (color:lab(0% 0 0)){:root,:host{--color-line-subtle:lab(0% 0 0/.06);--color-blue-60:lab(39.7317% 43.0116 -95.0928);--color-blue-40:lab(56.9889% 7.3145 -66.9423);--color-surface-raised:lab(100% 0 0);--color-gray-90:lab(11.26% .00000745058 -.00000298023);--color-neutral-70:lab(29.0712% .942826 -8.89763);--color-gray-30:lab(69.26% -.0000298023 0);--color-neutral-100:lab(2.45684% .114791 -1.30006)}}.light{--color-demo-line:var(--color-line-subtle);--color-line-subtle:#0000000f;--color-demo-blue:var(--color-blue-60);--color-demo-surface:var(--color-surface-raised);--color-surface-raised:#fff;--color-text-body:var(--color-neutral-70);--color-text-strong:var(--color-neutral-100)}@supports (color:lab(0% 0 0)){.light{--color-line-subtle:lab(0% 0 0/.06);--color-surface-raised:lab(100% 0 0)}}.dark{--color-demo-line:var(--color-line-subtle);--color-line-subtle:#ffffff0f;--color-demo-blue:var(--color-blue-40);--color-demo-surface:var(--color-surface-raised);--color-surface-raised:var(--color-gray-90);--color-text-body:var(--color-gray-30);--color-text-strong:#fff}@supports (color:lab(0% 0 0)){.dark{--color-line-subtle:lab(100% 0 0/.06);--color-text-strong:lab(100% 0 0)}}}