@layer ui{:where(native-a2ui){--n-pg-chrome: var(--n-panel-neutral, #21252b);--n-pg-editor-bg: var(--n-control-neutral, #282c34);--n-pg-border-color: var(--n-border-muted-neutral, #3e4451);--n-pg-border: 1px solid var(--n-pg-border-color);--n-pg-text: var(--n-ink-neutral, #abb2bf);--n-pg-text-muted: var(--n-ink-muted-neutral, #7d8799);--n-pg-text-strong: var(--n-ink-strong-neutral, #e5e7eb);--n-pg-accent: var(--n-ink-accent, #61afef);--n-pg-run: var(--n-ink-success, #98c379);--n-pg-run-hover: var(--n-ink-hover-success, #b5e890);--n-pg-run-hover-bg: var(--n-control-success, #333d37);--n-pg-warn: var(--n-ink-warning, #e5c07b);--n-pg-error: var(--n-ink-danger, #e06c75);--n-pg-preview-bg: var(--n-body-neutral, #ffffff);display:grid;grid-template-rows:auto 1fr;min-height:400px;max-height:80dvh;border:var(--n-pg-border);border-radius:var(--n-radius-lg, .75rem);overflow:hidden;background:var(--n-pg-editor-bg);color:var(--n-pg-text);user-select:none}:where(native-a2ui) :where(.a2ui-preview-content),:where(native-a2ui) :where(.a2ui-pane-content),:where(native-a2ui) :where(.cm-editor){user-select:text}:where(native-a2ui)[presented]{width:100%;height:100%;max-height:none;justify-self:stretch;align-self:stretch;border:none;border-radius:0}:where(native-a2ui)>:where(n-header){flex:none;background:var(--n-pg-chrome);--n-ink: var(--n-pg-text-muted);--n-ink-hover: var(--n-pg-text);--n-ink-strong: var(--n-pg-text-strong);--n-border-muted: transparent}:where(native-a2ui)>:where(n-header) :where(n-button):hover,:where(native-a2ui)>:where(n-header) :where(n-button)[force-hover]{background:var(--n-pg-editor-bg)}:where(native-a2ui)>:where(n-header) :where(n-button)[data-active]{background:var(--n-pg-editor-bg);color:var(--n-pg-text-strong)}:where(native-a2ui) :where(n-button[data-role=run]){--n-color: var(--n-pg-run);--n-color-hover: var(--n-pg-run-hover)}:where(native-a2ui) :where(n-button[data-role=run]):hover,:where(native-a2ui) :where(n-button[data-role=run])[force-hover]{background:var(--n-pg-run-hover-bg)}:where(native-a2ui) :where(.a2ui-split){display:flex;min-height:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-preview){position:relative;display:flex;flex-direction:column;flex:1 1 50%;min-width:200px;min-height:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-preview[style*=width]){flex:none}:where(native-a2ui) :where(.a2ui-preview-content){flex:1;min-height:0;overflow:auto;padding:1rem;background:var(--n-pg-preview-bg)}:where(native-a2ui) :where(.a2ui-resize-handle){position:absolute;top:0;right:0;bottom:0;width:6px;cursor:col-resize;background:transparent;transition:background .15s;z-index:1}:where(native-a2ui) :where(.a2ui-resize-handle):hover,:where(native-a2ui) :where([resizing]) :where(.a2ui-resize-handle){background:var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-pane):not([hidden]):not(:has(~.a2ui-pane:not([hidden])))>:where(.a2ui-resize-handle){display:none}:where(native-a2ui) :where(.a2ui-pane){position:relative;display:flex;flex-direction:column;flex:1 1 0%;min-width:150px;min-height:0;overflow:hidden;border-left:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-pane[style*=width]){flex:none}:where(native-a2ui) :where(.a2ui-pane[hidden]){display:none}:where(native-a2ui) :where(.a2ui-pane)>:where(n-header){flex:none;background:var(--n-pg-chrome);border-bottom:var(--n-pg-border);min-height:unset;padding-block:0;padding-inline:.5rem;--n-ink: var(--n-pg-text-muted);--n-ink-hover: var(--n-pg-text);--n-size: 1.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}:where(native-a2ui) :where(.a2ui-pane)>:where(n-header) :where(n-icon){font-size:.875rem}:where(native-a2ui) :where(.a2ui-pane)>:where(n-header) :where(n-button):hover,:where(native-a2ui) :where(.a2ui-pane)>:where(n-header) :where(n-button)[force-hover]{background:var(--n-pg-editor-bg)}:where(native-a2ui) :where(.a2ui-pane-content){flex:1;min-height:0;overflow:auto;padding:.5rem;font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.8125rem;line-height:1.5}:where(native-a2ui) :where([data-panel=json-in]) :where(.a2ui-pane-content),:where(native-a2ui) :where([data-panel=js]) :where(.a2ui-pane-content),:where(native-a2ui) :where([data-panel=html]) :where(.a2ui-pane-content),:where(native-a2ui) :where([data-panel=css]) :where(.a2ui-pane-content){padding:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-map-summary){padding:.375rem .5rem;font-size:.6875rem;color:var(--n-pg-text-muted);border-bottom:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-component-map){width:100%;border-collapse:collapse;font-size:.75rem;line-height:1.4}:where(native-a2ui) :where(.a2ui-component-map) :where(th){text-align:left;padding:.25rem .5rem;color:var(--n-pg-text-muted);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:var(--n-pg-border);position:sticky;top:0;background:var(--n-pg-chrome)}:where(native-a2ui) :where(.a2ui-component-map) :where(td){padding:.1875rem .5rem;border-bottom:1px solid color-mix(in oklch,var(--n-pg-text-muted),transparent 85%);white-space:nowrap}:where(native-a2ui) :where(.a2ui-component-map) :where(code){font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.6875rem;background:color-mix(in oklch,var(--n-pg-text-muted),transparent 88%);padding:.0625rem .25rem;border-radius:.1875rem}:where(native-a2ui) :where(.a2ui-map-type){font-weight:600}:where(native-a2ui) :where(.a2ui-map-active){background:color-mix(in oklch,var(--n-pg-text),transparent 92%)}:where(native-a2ui) :where(.a2ui-map-active) :where(.a2ui-map-type){color:var(--n-color-accent-500, oklch(.65 .2 260))}:where(native-a2ui) :where(.a2ui-map-row){cursor:pointer}:where(native-a2ui) :where(.a2ui-map-row):hover{background:color-mix(in oklch,var(--n-pg-text),transparent 92%)}:where(native-a2ui) :where(.a2ui-map-category){color:var(--n-pg-text-muted);font-size:.6875rem}:where(native-a2ui) :where(.a2ui-map-back){font-size:.6875rem;--n-color: var(--n-pg-accent);--n-color-hover: var(--n-pg-text-strong);border-radius:0}:where(native-a2ui) :where(.a2ui-map-detail){padding:.5rem}:where(native-a2ui) :where(.a2ui-map-detail-title){font-size:.875rem;font-weight:600;color:var(--n-pg-text-strong)}:where(native-a2ui) :where(.a2ui-map-detail-row){display:flex;align-items:baseline;gap:.5rem;padding:.1875rem 0;font-size:.75rem}:where(native-a2ui) :where(.a2ui-map-detail-label){color:var(--n-pg-text-muted);min-width:4.5rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}:where(native-a2ui) :where(.a2ui-map-detail) :where(code){font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.6875rem;background:color-mix(in oklch,var(--n-pg-text-muted),transparent 88%);padding:.0625rem .25rem;border-radius:.1875rem}:where(native-a2ui) :where(.a2ui-map-detail-header){padding-inline:.5rem;padding-block:.25rem;border-bottom:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-map-tab-bar){--n-background: var(--n-pg-surface);--n-border-color: var(--n-pg-border-color);--n-ink: var(--n-pg-text-muted);--n-ink-strong: var(--n-pg-text-strong);--n-border-muted: var(--n-pg-border-color)}:where(native-a2ui) :where(.a2ui-map-editor-section){display:flex;flex-direction:column;flex:1;min-height:0}:where(native-a2ui) :where(.a2ui-map-editor-toolbar){justify-content:flex-end;padding-inline:.5rem;--n-ink: var(--n-pg-run);--n-ink-hover: var(--n-pg-run-hover);--n-ground: var(--n-pg-chrome);background:var(--n-pg-chrome)}:where(native-a2ui) :where(.a2ui-map-editor-section) :where(native-codemirror){flex:1;min-height:0;border-radius:0;overflow:hidden}:where(native-a2ui) :where(.a2ui-map-alternatives){margin-top:.75rem;border-top:var(--n-pg-border);padding-top:.5rem}:where(native-a2ui) :where(.a2ui-map-alt-title){padding:0 .5rem .375rem;font-size:.6875rem;color:var(--n-pg-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}:where(native-a2ui) :where(.a2ui-map-alt-row){display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;border-radius:.25rem}:where(native-a2ui) :where(.a2ui-map-alt-row):hover{background:color-mix(in oklch,var(--n-pg-text),transparent 92%)}:where(native-a2ui) :where(.a2ui-map-swap-icon){font-size:.75rem;color:var(--n-pg-accent);opacity:.5}:where(native-a2ui) :where(.a2ui-map-alt-row):hover :where(.a2ui-map-swap-icon){opacity:1}:where(native-a2ui) :where(.a2ui-map-alt-row) :where(code){font-family:var(--n-font-family-mono, ui-monospace, "SF Mono", "Cascadia Code", monospace);font-size:.6875rem;background:color-mix(in oklch,var(--n-pg-text-muted),transparent 88%);padding:.0625rem .25rem;border-radius:.1875rem;color:var(--n-pg-text-muted)}:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar){flex:none;background:var(--n-pg-chrome);border-bottom:var(--n-pg-border);--n-ink: var(--n-pg-text-muted);--n-ink-hover: var(--n-pg-text)}:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar) :where(n-divider){flex:none}:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar) :where(n-button):hover,:where(native-a2ui) :where([data-panel=json-in])>:where(n-toolbar) :where(n-button)[force-hover]{background:var(--n-pg-editor-bg)}:where(native-a2ui) :where(native-codemirror){flex:1;min-height:0;border-radius:0}:where(native-a2ui) :where(.cm-editor){font-size:.8125rem;color-scheme:dark}:where(native-a2ui) :where(.cm-scroller){overflow:auto}:where(native-a2ui) :where(.cm-gutters){border-right:none}:where(native-a2ui) :where(.a2ui-log-entry){padding:.25rem 0;border-bottom:var(--n-pg-border)}:where(native-a2ui) :where(.a2ui-log-type){margin-right:.5rem;font-size:.5625rem;--n-surface: var(--n-pg-chrome);--n-surface-ink: var(--n-pg-text-muted);vertical-align:middle}:where(native-a2ui) :where(.a2ui-log-type--sent){--n-surface-ink: var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-log-type--received){--n-surface-ink: var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-log-type--action){--n-surface-ink: var(--n-pg-run)}:where(native-a2ui) :where(.a2ui-log-type--error){--n-surface-ink: var(--n-pg-error)}:where(native-a2ui) :where(.a2ui-log-type--warning){--n-surface-ink: var(--n-pg-warn)}:where(native-a2ui) :where(.a2ui-log-type--info){--n-surface-ink: var(--n-pg-text-muted)}:where(native-a2ui) :where(.a2ui-tree-node){padding-left:1rem}:where(native-a2ui) :where(.a2ui-tree-label){cursor:default}:where(native-a2ui) :where(.a2ui-tree-id){color:var(--n-pg-accent)}:where(native-a2ui) :where(.a2ui-tree-type){color:var(--n-pg-text-muted);margin-left:.375rem}:where(native-a2ui) :where(.a2ui-tree-tag){color:var(--n-pg-run);margin-left:.375rem}:where(native-a2ui) :where(.cm-a2ui-sent){opacity:.5}:where(native-a2ui) :where(.cm-a2ui-next){background:var(--n-surface-accent, rgba(97, 175, 239, .1))}}.nav-main{padding:2rem;max-width:960px}body{background:var(--n-doc-neutral);color:var(--n-color-neutral-950)}n-app-panel main p{margin:0}.demo-section{background:var(--n-body-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:var(--n-radius);padding:1.5rem;margin-bottom:1rem}.demo-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.demo-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;width:5rem;flex-shrink:0;color:var(--n-ink-muted-neutral)}.demo-desc{color:var(--n-ink-muted-neutral);font-size:.875rem;margin-bottom:1.5rem}.demo-caption{font-size:.75rem;color:var(--n-ink-muted-neutral);margin:0 0 1rem}.demo-hint{font-size:.75rem;color:var(--n-ink-muted-neutral);margin-bottom:.75rem}.demo-state-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--n-ink-muted-neutral);margin-bottom:.5rem}.demo-text{font-size:.875rem;color:var(--n-ink-muted-neutral);line-height:1.5}.demo-text-sm{font-size:.8125rem;color:var(--n-ink-muted-neutral)}.demo-col{display:flex;flex-direction:column;gap:.75rem}.demo-col-sm{display:flex;flex-direction:column;gap:.5rem}.demo-col-lg{display:flex;flex-direction:column;gap:1rem}.demo-col-xl{display:flex;flex-direction:column;gap:1.5rem}.demo-actions{display:flex;gap:.5rem}.demo-wrap{display:flex;flex-wrap:wrap;gap:1.5rem}.demo-code{display:none;position:relative;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:var(--n-radius);padding:.75rem;margin:0;margin-top:.75rem;font-family:ui-monospace,monospace;font-size:.8125rem;line-height:1.5;overflow-x:auto;white-space:pre;color:var(--n-ink-neutral)}.demo-code[visible]{display:block}.demo-code>n-button[aria-label=Copy]{position:absolute;top:.375rem;right:.375rem}.log-entry{padding:.125rem 0;color:var(--n-ink-muted-neutral)}.demo-event-log{margin-top:.75rem;font-size:.75rem;font-family:ui-monospace,monospace;color:var(--n-ink-muted-neutral);min-height:2rem}@layer ui{*,*:before,*:after{box-sizing:border-box}:where(body){margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--n-font-family);line-height:var(--n-text-line-height);background:var(--n-doc-neutral);color:var(--n-ink-neutral);min-height:100dvh}@media(prefers-reduced-motion:reduce){:root{--n-duration: 0s}}}.auth-logo,.nav-logo{display:flex;flex-shrink:0;color:var(--n-ink-strong-neutral)}.nav-logo~[slot=label]{color:var(--n-ink-strong-neutral);font-weight:600}#nav-search-btn{color:var(--n-ink-muted-neutral)}#nav-cmd-dialog{--n-backdrop-opacity: .5}#nav-cmd-dialog>dialog{place-items:start center}.nav-cmd-wrap{margin-top:120px;width:min(480px,90vw);max-height:min(400px,80vh);box-shadow:var(--n-shadow-xl)}@container sidebar (max-width: 80px){n-sidebar-group[data-has-badges] n-sidebar-group-header .icon-well{position:relative}n-sidebar-group[data-has-badges] n-sidebar-group-header .icon-well:after{content:"";position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--n-accent);pointer-events:none}}n-app-panel:not([aside]){--n-app-panel-content-max-width: 1180px;--n-app-panel-content-padding: 2rem}n-app-panel h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-top:0rem;color:var(--n-ink-strong-neutral)}n-app-panel h2{font-size:1.375rem;font-weight:700;margin-bottom:1rem;margin-top:2rem;color:var(--n-ink-strong-neutral)}n-app-panel h3{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-top:1.5rem;color:var(--n-ink-neutral)}n-app-panel>header{display:flex;flex-direction:column;gap:.25rem}n-app-panel>header>[data-slot=title]{display:flex;align-items:center;justify-content:space-between;gap:1rem}n-app-panel>header>[data-slot=title]>[data-slot=leading]{flex-shrink:0}n-app-panel>header>[data-slot=title]>[data-slot=content]{flex:1;min-width:0}n-app-panel>header [data-slot=actions]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}n-app-panel>header>[data-slot=description]{font-size:1.125rem;color:var(--n-ink-muted-neutral)}.header-tag{font-family:ui-monospace,monospace;font-size:.8125rem;background:var(--n-surface-neutral);border:1px solid transparent;border-radius:.25rem;padding:.125rem .375rem;color:var(--n-surface-ink-neutral)}n-app-panel>header>[data-slot=actions]{margin-top:.5rem}n-app-panel>main>:where(n-panel[bordered]){margin-bottom:1rem}.layout-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;width:5rem;flex-shrink:0;color:var(--n-ink-muted-neutral)}.log{font-family:ui-monospace,monospace;font-size:.75rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;padding:.75rem;max-height:10rem;overflow-y:auto;margin-top:.5rem}.log-entry{padding:.125rem 0;border-bottom:1px solid var(--n-border-muted-neutral)}.log-entry:last-child{border-bottom:none}.layout-code{display:none;margin-top:.5rem;margin-bottom:1rem}.layout-code[visible]{display:block}.layout-code code{display:block;font-family:ui-monospace,monospace;font-size:.75rem;line-height:1.5;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;padding:1rem;overflow-x:auto;white-space:pre;tab-size:2}.layout-code n-button[aria-label=Copy]{float:right;margin:-.25rem -.25rem 0 .5rem}.layout-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:1.5rem;align-items:start}.layout-grid>*{min-width:0}.layout-col-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--n-ink-muted-neutral)}.layout-box{text-align:center}.layout-card{display:flex;align-items:center;justify-content:center;padding:1.25rem 1rem;background:var(--n-panel-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;font-size:.875rem;color:var(--n-ink-neutral);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease;user-select:none;cursor:default}.layout-card[hovered]{background:var(--n-surface-accent);border-color:var(--n-border-accent);color:var(--n-surface-ink-accent);box-shadow:0 0 0 3px var(--n-surface-accent)}.layout-card[pressed]{background:var(--n-surface-accent);border-color:var(--n-border-accent);color:var(--n-surface-ink-accent);transform:scale(.97)}.layout-hint{margin-bottom:.75rem}@layer ui{:where(native-tokens){display:block}:where(native-tokens-panel){--n-ground: var(--n-panel);container-type:inline-size;display:flex;flex:1 1 0%;min-width:0;flex-direction:column;background:var(--n-ground);border-radius:var(--n-radius);overflow:hidden;font-size:var(--n-font-size);line-height:var(--n-line-height)}:where(native-tokens-panel)>:where(n-header){border-bottom:1px solid var(--n-border-muted)}:where(native-tokens-panel)>:where(n-header)>:where([slot=content])>*{flex:1;min-width:0}.native-tokens-section{margin-block-end:1rem}.native-tokens-section[hidden]{display:none}.native-tokens-section+.native-tokens-section:not([hidden]){padding-block-start:.5rem;border-block-start:1px solid var(--n-border-muted-neutral)}.native-tokens-heading{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--n-ink-muted-neutral);margin:0 0 .5rem}.native-tokens-subheading{font-size:.625rem;font-weight:500;color:var(--n-ink-placeholder-neutral);margin:.5rem 0 .25rem}:where(native-tokens-variable){display:block}.native-tokens-variable-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding-block:.125rem}.native-tokens-variable-label{font-size:.6875rem;color:var(--n-ink-neutral);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:3rem;max-width:5rem}.native-tokens-variable-value{font-size:.625rem;font-family:ui-monospace,monospace;color:var(--n-ink-muted-neutral);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:3rem;max-width:5rem}:where(native-tokens-colors){display:block}.native-tokens-colors-strip{display:flex;gap:2px;border-radius:.375rem;overflow:hidden}:where(native-tokens-color-swatch){flex:1;aspect-ratio:1;min-width:0;position:relative;display:flex;align-items:flex-end;justify-content:center;cursor:pointer}.native-tokens-swatch-label{font-size:.5rem;line-height:1;text-align:center;padding:2px 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none}.native-tokens-swatch-popover{position:fixed;position-area:block-end;position-try-fallbacks:flip-block;margin:.25rem 0 0;min-width:12rem;padding:.375rem;font-size:.6875rem;color:var(--n-ink-neutral);background:var(--n-modal-neutral);border:1px solid var(--n-border-muted-neutral);border-radius:.375rem;box-shadow:var(--n-shadow-md);inset:unset;overflow:visible;opacity:0;transform:scale(.96);transition:opacity .15s ease,transform .15s ease,display .15s ease allow-discrete,overlay .15s ease allow-discrete}.native-tokens-swatch-popover:popover-open{opacity:1;transform:scale(1)}@starting-style{.native-tokens-swatch-popover:popover-open{opacity:0;transform:scale(.96)}}.native-tokens-swatch-popover[popover]:not(:popover-open){display:none}.native-tokens-swatch-popover-header{font-size:.5625rem;font-family:ui-monospace,monospace;color:var(--n-ink-muted-neutral);padding:.125rem .25rem .375rem;border-bottom:1px solid var(--n-border-muted-neutral);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-tokens-swatch-popover-row{display:flex;align-items:center;gap:.5rem;width:100%;padding:.25rem;border:none;border-radius:.25rem;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.native-tokens-swatch-popover-row:hover{background:var(--n-control-neutral)}.native-tokens-swatch-popover-label{font-size:.5625rem;font-weight:600;color:var(--n-ink-muted-neutral);min-width:2.5rem}.native-tokens-swatch-popover-value{font-size:.5625rem;font-family:ui-monospace,monospace;color:var(--n-ink-neutral);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(native-tokens-themes){display:contents}}@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(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}