@charset "UTF-8";@layer cngx.reset,cngx.tokens,cngx.base,cngx.components,cngx.theme,app;@layer cngx.tokens{@property --cngx-space-xs{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --cngx-space-sm{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --cngx-space-md{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --cngx-space-lg{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --cngx-space-xl{syntax: "<length>"; inherits: true; initial-value: 32px;}@property --cngx-target-min{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cngx-target-gap{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cngx-radius-sm{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --cngx-radius-md{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --cngx-radius-lg{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --cngx-radius-pill{syntax: "<length>"; inherits: true; initial-value: 999px;}@property --cngx-duration-fast{syntax: "<time>"; inherits: true; initial-value: .15s;}@property --cngx-duration-base{syntax: "<time>"; inherits: true; initial-value: .2s;}@property --cngx-duration-slow{syntax: "<time>"; inherits: true; initial-value: .32s;}@property --cngx-easing-standard{syntax: "*"; inherits: true; initial-value: cubic-bezier(.4,0,.2,1);}@property --cngx-easing-decelerate{syntax: "*"; inherits: true; initial-value: cubic-bezier(0,0,.2,1);}@property --cngx-easing-accelerate{syntax: "*"; inherits: true; initial-value: cubic-bezier(.4,0,1,1);}@property --cngx-color-surface{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-color-text{syntax: "<color>"; inherits: true; initial-value: oklch(.2 .01 250);}@property --cngx-color-text-muted{syntax: "<color>"; inherits: true; initial-value: oklch(.5 .01 250);}@property --cngx-color-border{syntax: "<color>"; inherits: true; initial-value: oklch(.88 .005 250);}@property --cngx-color-border-strong{syntax: "<color>"; inherits: true; initial-value: oklch(.62 .005 250);}@property --cngx-color-primary{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-color-primary-strong{syntax: "<color>"; inherits: true; initial-value: oklch(.58 .19 50);}@property --cngx-color-on-primary-strong{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-color-danger{syntax: "<color>"; inherits: true; initial-value: oklch(.6 .18 25);}@property --cngx-color-danger-strong{syntax: "<color>"; inherits: true; initial-value: oklch(.48 .18 25);}@property --cngx-color-on-danger-strong{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-color-success{syntax: "<color>"; inherits: true; initial-value: oklch(.6 .15 145);}@property --cngx-color-warning{syntax: "<color>"; inherits: true; initial-value: oklch(.72 .15 75);}@property --cngx-color-info{syntax: "<color>"; inherits: true; initial-value: oklch(.65 .12 240);}@property --cngx-color-highlight{syntax: "<color>"; inherits: true; initial-value: oklch(.92 .115 96);}@property --cngx-font-size-sm{syntax: "*"; inherits: true; initial-value: .8125rem;}@property --cngx-font-size-md{syntax: "*"; inherits: true; initial-value: .9375rem;}@property --cngx-font-size-control{syntax: "*"; inherits: true; initial-value: 1rem;}@property --cngx-font-size-lg{syntax: "*"; inherits: true; initial-value: 1.0625rem;}@property --cngx-line-height-base{syntax: "<number>"; inherits: true; initial-value: 1.5;}@property --cngx-shadow-sm{syntax: "*"; inherits: true; initial-value: 0 1px 2px oklch(0 0 0 / .05);}@property --cngx-shadow-md{syntax: "*"; inherits: true; initial-value: 0 4px 16px oklch(0 0 0 / .12);}@property --cngx-shadow-lg{syntax: "*"; inherits: true; initial-value: 0 16px 40px oklch(0 0 0 / .18);}:root{color-scheme:light;--cngx-color-surface: oklch(1 0 0);--cngx-color-text: oklch(.2 .01 250);--cngx-color-text-muted: oklch(.5 .01 250);--cngx-color-border: oklch(.88 .005 250);--cngx-color-border-strong: oklch(.62 .005 250);--cngx-color-primary: oklch(.66 .19 50);--cngx-color-primary-strong: oklch(from var(--cngx-color-primary) .58 c h);--cngx-color-on-primary-strong: oklch(1 0 0);--cngx-color-primary-text: oklch(from var(--cngx-color-primary) .54 c h);--cngx-color-accent: oklch(from var(--cngx-color-primary) l c calc(h - 70) );--cngx-gradient-brand: linear-gradient(100deg, var(--cngx-color-primary), var(--cngx-color-accent));--cngx-color-danger: oklch(.6 .18 25);--cngx-color-danger-strong: oklch(from var(--cngx-color-danger) .48 c h);--cngx-color-on-danger-strong: oklch(1 0 0);--cngx-color-danger-text: oklch(from var(--cngx-color-danger) .46 c h);--cngx-color-success: oklch(.6 .15 145);--cngx-color-warning: oklch(.72 .15 75);--cngx-color-info: oklch(.65 .12 240);--cngx-color-highlight: oklch(.92 .115 96);accent-color:var(--cngx-color-primary)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){color-scheme:dark;--cngx-color-surface: oklch(.2 .01 250);--cngx-color-text: oklch(.95 .01 250);--cngx-color-text-muted: oklch(.7 .01 250);--cngx-color-border: oklch(.32 .005 250);--cngx-color-border-strong: oklch(.57 .005 250);--cngx-color-primary: oklch(.72 .18 50);--cngx-color-primary-strong: oklch(from var(--cngx-color-primary) .72 c h);--cngx-color-on-primary-strong: oklch(.2 .01 250);--cngx-color-primary-text: oklch(from var(--cngx-color-primary) .8 c h);--cngx-color-accent: oklch(from var(--cngx-color-primary) l c calc(h - 70) );--cngx-gradient-brand: linear-gradient(100deg, var(--cngx-color-primary), var(--cngx-color-accent));--cngx-color-danger: oklch(.68 .17 25);--cngx-color-danger-strong: oklch(from var(--cngx-color-danger) .68 c h);--cngx-color-on-danger-strong: oklch(.2 .01 250);--cngx-color-danger-text: oklch(from var(--cngx-color-danger) .74 c h);--cngx-color-success: oklch(.68 .14 145);--cngx-color-warning: oklch(.78 .14 75);--cngx-color-info: oklch(.72 .11 240);--cngx-color-highlight: oklch(.45 .08 95)}}[data-color-scheme=dark],.dark{color-scheme:dark;--cngx-color-surface: oklch(.2 .01 250);--cngx-color-text: oklch(.95 .01 250);--cngx-color-text-muted: oklch(.7 .01 250);--cngx-color-border: oklch(.32 .005 250);--cngx-color-border-strong: oklch(.57 .005 250);--cngx-color-primary: oklch(.72 .18 50);--cngx-color-primary-strong: oklch(from var(--cngx-color-primary) .72 c h);--cngx-color-on-primary-strong: oklch(.2 .01 250);--cngx-color-primary-text: oklch(from var(--cngx-color-primary) .8 c h);--cngx-color-accent: oklch(from var(--cngx-color-primary) l c calc(h - 70) );--cngx-gradient-brand: linear-gradient(100deg, var(--cngx-color-primary), var(--cngx-color-accent));--cngx-color-danger: oklch(.68 .17 25);--cngx-color-danger-strong: oklch(from var(--cngx-color-danger) .68 c h);--cngx-color-on-danger-strong: oklch(.2 .01 250);--cngx-color-danger-text: oklch(from var(--cngx-color-danger) .74 c h);--cngx-color-success: oklch(.68 .14 145);--cngx-color-warning: oklch(.78 .14 75);--cngx-color-info: oklch(.72 .11 240);--cngx-color-highlight: oklch(.45 .08 95)}[data-color-scheme=light],.light{color-scheme:light;--cngx-color-surface: oklch(1 0 0);--cngx-color-text: oklch(.2 .01 250);--cngx-color-text-muted: oklch(.5 .01 250);--cngx-color-border: oklch(.88 .005 250);--cngx-color-border-strong: oklch(.62 .005 250);--cngx-color-primary: oklch(.66 .19 50);--cngx-color-primary-strong: oklch(from var(--cngx-color-primary) .58 c h);--cngx-color-on-primary-strong: oklch(1 0 0);--cngx-color-primary-text: oklch(from var(--cngx-color-primary) .54 c h);--cngx-color-accent: oklch(from var(--cngx-color-primary) l c calc(h - 70) );--cngx-gradient-brand: linear-gradient(100deg, var(--cngx-color-primary), var(--cngx-color-accent));--cngx-color-danger: oklch(.6 .18 25);--cngx-color-danger-strong: oklch(from var(--cngx-color-danger) .48 c h);--cngx-color-on-danger-strong: oklch(1 0 0);--cngx-color-danger-text: oklch(from var(--cngx-color-danger) .46 c h);--cngx-color-success: oklch(.6 .15 145);--cngx-color-warning: oklch(.72 .15 75);--cngx-color-info: oklch(.65 .12 240);--cngx-color-highlight: oklch(.92 .115 96)}@media(any-pointer:coarse){:root:not([data-touch=off]):not(.cngx-touch-off){--cngx-target-min: 44px;--cngx-target-gap: 8px}}[data-touch=on],.cngx-touch-on{--cngx-target-min: 44px;--cngx-target-gap: 8px}[data-touch=off],.cngx-touch-off{--cngx-target-min: 0px;--cngx-target-gap: 0px}}@layer cngx.theme{[data-density=comfortable],.cngx-density-comfortable{--cngx-space-xs: 4px;--cngx-space-sm: 8px;--cngx-space-md: 16px;--cngx-space-lg: 24px;--cngx-space-xl: 32px}[data-density=compact],.cngx-density-compact{--cngx-space-xs: 2px;--cngx-space-sm: 4px;--cngx-space-md: 8px;--cngx-space-lg: 12px;--cngx-space-xl: 16px}[data-density=spacious],.cngx-density-spacious{--cngx-space-xs: 6px;--cngx-space-sm: 12px;--cngx-space-md: 20px;--cngx-space-lg: 28px;--cngx-space-xl: 40px}}@layer cngx.theme{[data-text-size=md],.cngx-text-size-md{--cngx-font-scale: 1}[data-text-size=sm],.cngx-text-size-sm{--cngx-font-scale: .9375}[data-text-size=lg],.cngx-text-size-lg{--cngx-font-scale: 1.125}}html{font-size:calc(var(--cngx-font-base, 100%) * var(--cngx-font-scale, 1))}[data-motion=reduced],[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}[data-motion=reduced] [role=status],[data-motion=reduced] [role=progressbar]{animation:cngx-motion-loading-pulse var(--cngx-pulse-duration, 2s) var(--cngx-pulse-easing, ease-in-out) infinite!important}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}:root:not([data-motion=full]) [role=status],:root:not([data-motion=full]) [role=progressbar]{animation:cngx-motion-loading-pulse var(--cngx-pulse-duration, 2s) var(--cngx-pulse-easing, ease-in-out) infinite!important}}@keyframes cngx-motion-loading-pulse{0%,to{opacity:.55}50%{opacity:1}}@layer cngx.theme{[data-contrast=more],.cngx-contrast-more{--cngx-color-border: color-mix(in oklab, var(--cngx-color-text) 60%, var(--cngx-color-surface));--cngx-color-border-strong: color-mix( in oklab, var(--cngx-color-text) 60%, var(--cngx-color-surface) );--cngx-color-text-muted: var(--cngx-color-text)}}@media(prefers-contrast:more){:root:not([data-contrast=normal]){--cngx-color-border: color-mix(in oklab, var(--cngx-color-text) 60%, var(--cngx-color-surface));--cngx-color-border-strong: color-mix( in oklab, var(--cngx-color-text) 60%, var(--cngx-color-surface) );--cngx-color-text-muted: var(--cngx-color-text)}}@layer cngx.tokens;@layer cngx.tokens;@layer cngx.tokens;@layer cngx.tokens;@media(forced-colors:active){img,picture,video{forced-color-adjust:none}}@layer cngx.reset{*,*:before,*:after{box-sizing:border-box}html{text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none}button{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--cngx-color-primary, oklch(.66 .19 50));outline-offset:3px}}@layer cngx.base{:root{scrollbar-color:var(--cngx-color-border, oklch(.88 .005 250)) transparent;scrollbar-width:thin}body{line-height:var(--cngx-line-height-base, 1.5)}input,textarea,select{padding:var(--cngx-space-sm, 8px) var(--cngx-space-md, 16px);border:1px solid var(--cngx-color-border-strong, oklch(.62 .005 250));border-radius:var(--cngx-radius-md, 8px);min-height:var(--cngx-target-min, 0px);background:transparent;color:var(--cngx-color-text, oklch(.2 .01 250));font:inherit;font-size:var(--cngx-font-size-control, 1rem)}input,textarea{caret-color:var(--cngx-color-primary, oklch(.66 .19 50))}input::placeholder,textarea::placeholder{color:var(--cngx-color-text-muted, oklch(.5 .01 250));opacity:1}input:disabled,textarea:disabled,select:disabled{border-style:dashed;background:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 4%,transparent);color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent);cursor:not-allowed}kbd{display:inline-block;margin:0 2px;padding:1px var(--cngx-space-sm, 8px);border:1px solid var(--cngx-color-border, oklch(.88 .005 250));border-bottom-width:2px;border-radius:var(--cngx-radius-sm, 4px);background:var(--cngx-color-surface, oklch(1 0 0));color:var(--cngx-color-text, oklch(.2 .01 250));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}dl{display:grid;grid-template-columns:max-content 1fr;gap:var(--cngx-space-xs, 4px) var(--cngx-space-md, 16px);margin:var(--cngx-space-sm, 8px) 0;font-size:var(--cngx-font-size-sm, .8125rem)}dl>dt{color:var(--cngx-color-text-muted, oklch(.5 .01 250))}dl>dd{margin:0;font-variant-numeric:tabular-nums}hr{block-size:0;margin:var(--cngx-space-md, 16px) 0;border:0;border-block-start:1px solid var(--cngx-color-border, oklch(.88 .005 250))}}@layer cngx.base{.cngx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer cngx.tokens{@property --cngx-accordion-header-padding{syntax: "*"; inherits: true; initial-value: .75rem 1rem;}@property --cngx-accordion-region-padding{syntax: "*"; inherits: true; initial-value: .75rem 1rem;}@property --cngx-accordion-border-color{syntax: "<color>"; inherits: true; initial-value: oklch(.88 .005 250);}@property --cngx-accordion-twisty-display{syntax: "*"; inherits: true; initial-value: block;}}@layer cngx.components{[cngxAccordion]{--cngx-accordion-header-padding: var(--cngx-space-sm, 8px) var(--cngx-space-md, 16px);--cngx-accordion-region-padding: var(--cngx-space-sm, 8px) var(--cngx-space-md, 16px);--cngx-accordion-header-gap: var(--cngx-space-sm, 8px);display:block;border:1px solid var(--cngx-accordion-border-color, oklch(.88 .005 250));border-radius:var(--cngx-radius-md, .375rem);overflow:hidden}[cngxAccordionPanel]{display:flex;align-items:center;justify-content:space-between;gap:var(--cngx-accordion-header-gap, .5rem);inline-size:100%;padding:var(--cngx-accordion-header-padding, .75rem 1rem);min-block-size:var(--cngx-target-min, 0px);border:0;border-block-end:1px solid var(--cngx-accordion-border-color, oklch(.88 .005 250));background:var(--cngx-color-surface, oklch(1 0 0));color:var(--cngx-color-text, oklch(.2 .01 250));font:inherit;text-align:start;cursor:pointer}[cngxAccordionPanel]:hover{background:color-mix(in oklch,var(--cngx-color-primary, oklch(.66 .19 50)) 6%,var(--cngx-color-surface, oklch(1 0 0)))}[cngxAccordionPanel]:focus-visible{outline:2px solid var(--cngx-color-primary, oklch(.66 .19 50));outline-offset:-2px}[cngxAccordionPanel]:after{content:"";display:var(--cngx-accordion-twisty-display, block);flex:0 0 auto;inline-size:.5rem;block-size:.5rem;border-inline-end:2px solid currentcolor;border-block-end:2px solid currentcolor;rotate:45deg;transition:rotate var(--cngx-duration-fast, .15s) ease}[cngxAccordionPanel][aria-expanded=true]:after{rotate:225deg}.cngx-accordion__region{padding:var(--cngx-accordion-region-padding, .75rem 1rem);border-block-end:1px solid var(--cngx-accordion-border-color, oklch(.88 .005 250))}}@layer cngx.tokens{@property --cngx-async-transition{syntax: "*"; inherits: true; initial-value: .2s ease;}:where(.cngx-async--pending,.cngx-async--success,.cngx-async--error){--cngx-async-transition: var(--cngx-duration-base) ease}@property --cngx-async-pending-opacity{syntax: "<number>"; inherits: true; initial-value: .7;}@property --cngx-async-success-bg{syntax: "*"; inherits: true;}@property --cngx-async-success-color{syntax: "*"; inherits: true;}@property --cngx-async-success-border{syntax: "*"; inherits: true;}@property --cngx-async-error-bg{syntax: "*"; inherits: true;}@property --cngx-async-error-color{syntax: "*"; inherits: true;}@property --cngx-async-error-border{syntax: "*"; inherits: true;}}@layer cngx.components{.cngx-async--pending:not(:where(.cngx-button)){opacity:var(--cngx-async-pending-opacity, .7);cursor:wait;transition:opacity var(--cngx-async-transition, .2s ease)}.cngx-async--success:not(:where(.cngx-button)){background-color:var( --cngx-async-success-bg, color-mix(in oklab, var(--cngx-color-success, oklch(.6 .15 145)) 12%, transparent) );color:var( --cngx-async-success-color, color-mix( in oklab, var(--cngx-color-success, oklch(.6 .15 145)) 75%, var(--cngx-color-text, oklch(.2 .01 250)) ) );border-color:var(--cngx-async-success-border, var(--cngx-color-success, oklch(.6 .15 145)));transition:background-color var(--cngx-async-transition, .2s ease),color var(--cngx-async-transition, .2s ease),border-color var(--cngx-async-transition, .2s ease)}.cngx-async--error:not(:where(.cngx-button)){background-color:var( --cngx-async-error-bg, color-mix(in oklab, var(--cngx-color-danger, oklch(.6 .18 25)) 12%, transparent) );color:var( --cngx-async-error-color, var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.6 .18 25)) .46 c h) ) );border-color:var(--cngx-async-error-border, var(--cngx-color-danger, oklch(.6 .18 25)));transition:background-color var(--cngx-async-transition, .2s ease),color var(--cngx-async-transition, .2s ease),border-color var(--cngx-async-transition, .2s ease)}}@layer cngx.tokens{@property --cngx-backdrop-bg{syntax: "<color>"; inherits: true; initial-value: oklch(0 0 0 / .5);}@property --cngx-backdrop-transition-duration{syntax: "<time>"; inherits: false; initial-value: .2s;}:where(.cngx-backdrop){--cngx-backdrop-transition-duration: var(--cngx-duration-base)}}@layer cngx.components{@scope(.cngx-backdrop){:scope{position:fixed;inset:0;box-sizing:border-box;opacity:0;pointer-events:none;background:var(--cngx-backdrop-bg, oklch(0 0 0 / .5));transition:opacity var(--cngx-backdrop-transition-duration, var(--cngx-duration-base, .2s))}:scope.cngx-backdrop--visible{opacity:1;pointer-events:auto}}}@layer cngx.tokens{@property --cngx-badge-size{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --cngx-badge-dot-size{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-badge-padding-inline{syntax: "<length>"; inherits: false; initial-value: 3px;}@property --cngx-badge-radius{syntax: "<length>"; inherits: false; initial-value: 999px;}@property --cngx-badge-inline-gap{syntax: "*"; inherits: false; initial-value: .375rem;}@property --cngx-badge-font-size{syntax: "*"; inherits: false; initial-value: .6875rem;}@property --cngx-badge-font-weight{syntax: "*"; inherits: false; initial-value: 600;}@property --cngx-badge-border{syntax: "*"; inherits: true; initial-value: 0;}@property --cngx-badge-primary-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-badge-primary-color{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-badge-error-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.62 .22 25);}@property --cngx-badge-error-color{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-badge-warning-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.65 .2 70);}@property --cngx-badge-warning-color{syntax: "<color>"; inherits: true; initial-value: oklch(.2 .01 250);}@property --cngx-badge-neutral-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.68 .01 240);}@property --cngx-badge-neutral-color{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-badge-border: var(--cngx-badge-border-dark, var(--cngx-badge-border, 0))}}[data-color-scheme=dark],.dark{--cngx-badge-border: var(--cngx-badge-border-dark, var(--cngx-badge-border, 0))}[data-color-scheme=light],.light{--cngx-badge-border: var(--cngx-badge-border-light, var(--cngx-badge-border, 0))}}@layer cngx.components{@scope(.cngx-badge-host){:scope{position:relative}}@scope(.cngx-badge-indicator){:scope{--cngx-badge-padding-inline: var(--cngx-space-xs);--cngx-badge-inline-gap: var(--cngx-space-xs);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:var(--cngx-badge-size, 16px);height:var(--cngx-badge-size, 16px);padding:0 var(--cngx-badge-padding-inline, 3px);border-radius:var(--cngx-badge-radius, var(--cngx-radius-pill, 999px));font-size:var(--cngx-badge-font-size, .6875rem);font-weight:var(--cngx-badge-font-weight, 600);line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;unicode-bidi:var(--cngx-badge-bidi, isolate)}:scope.cngx-badge-indicator--dot{min-width:var(--cngx-badge-dot-size, 8px);width:var(--cngx-badge-dot-size, 8px);height:var(--cngx-badge-dot-size, 8px);padding:0}:scope.cngx-badge-indicator--primary{background:var(--cngx-badge-primary-bg, var(--cngx-color-primary, oklch(.66 .19 50)));color:var(--cngx-badge-primary-color, oklch(1 0 0))}:scope.cngx-badge-indicator--error{background:var(--cngx-badge-error-bg, var(--cngx-color-danger, oklch(.62 .22 25)));color:var(--cngx-badge-error-color, oklch(1 0 0))}:scope.cngx-badge-indicator--warning{background:var(--cngx-badge-warning-bg, var(--cngx-color-warning, oklch(.65 .2 70)));color:var(--cngx-badge-warning-color, oklch(.2 .01 250))}:scope.cngx-badge-indicator--neutral{background:var(--cngx-badge-neutral-bg, oklch(.68 .01 240));color:var(--cngx-badge-neutral-color, oklch(1 0 0))}:scope.cngx-badge-indicator--inline{position:static;border:0;margin-inline-start:var(--cngx-badge-inline-gap, .375rem)}:scope.cngx-badge-indicator--above-start{position:absolute;top:0;inset-inline-start:0;transform:translate(-50%,-50%);border:var(--cngx-badge-border, 0)}:scope.cngx-badge-indicator--above-end{position:absolute;top:0;inset-inline-end:0;transform:translate(50%,-50%);border:var(--cngx-badge-border, 0)}:scope.cngx-badge-indicator--below-start{position:absolute;bottom:0;inset-inline-start:0;transform:translate(-50%,50%);border:var(--cngx-badge-border, 0)}:scope.cngx-badge-indicator--below-end{position:absolute;bottom:0;inset-inline-end:0;transform:translate(50%,50%);border:var(--cngx-badge-border, 0)}}}@media(forced-colors:active){.cngx-badge-indicator{outline:1px solid CanvasText}.cngx-badge-indicator--dot{background:CanvasText}}@layer cngx.tokens{@property --cngx-bottom-sheet-radius{syntax: "*"; inherits: false; initial-value: 16px 16px 0 0;}@property --cngx-bottom-sheet-padding{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --cngx-bottom-sheet-max-width{syntax: "*"; inherits: false; initial-value: 100%;}@property --cngx-bottom-sheet-max-height{syntax: "*"; inherits: false; initial-value: 80vh;}@property --cngx-bottom-sheet-handle-width{syntax: "<length>"; inherits: false; initial-value: 40px;}@property --cngx-bottom-sheet-handle-height{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-bottom-sheet-handle-color{syntax: "<color>"; inherits: true; initial-value: oklch(.8 .005 250);}@property --cngx-bottom-sheet-handle-radius{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-bottom-sheet-handle-margin{syntax: "*"; inherits: true; initial-value: 0 auto 16px;}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-bottom-sheet-handle-color: oklch(.5 .005 250)}}[data-color-scheme=dark],.dark{--cngx-bottom-sheet-handle-color: oklch(.5 .005 250)}[data-color-scheme=light],.light{--cngx-bottom-sheet-handle-color: oklch(.8 .005 250)}}@layer cngx.components{@scope(dialog.cngx-bottom-sheet){:scope{--cngx-bottom-sheet-padding: var(--cngx-space-lg);--cngx-bottom-sheet-handle-margin: 0 auto var(--cngx-space-md);margin:0;inset:auto 0 0;width:100%;max-width:var(--cngx-bottom-sheet-max-width, 100%);max-height:var(--cngx-bottom-sheet-max-height, 80vh);border-radius:var(--cngx-bottom-sheet-radius, 16px 16px 0 0);padding:var(--cngx-bottom-sheet-padding, 24px);--cngx-dialog-border-radius: var(--cngx-bottom-sheet-radius, 16px 16px 0 0);--cngx-dialog-padding: var(--cngx-bottom-sheet-padding, 24px);--cngx-dialog-max-width: var(--cngx-bottom-sheet-max-width, 100%);--cngx-dialog-max-height: var(--cngx-bottom-sheet-max-height, 80vh)}:scope.cngx-bottom-sheet--handle:before{content:"";display:block;width:var(--cngx-bottom-sheet-handle-width, 40px);height:var(--cngx-bottom-sheet-handle-height, 4px);background:var(--cngx-bottom-sheet-handle-color, oklch(.8 .005 250));border-radius:var(--cngx-bottom-sheet-handle-radius, 2px);margin:var(--cngx-bottom-sheet-handle-margin, 0 auto 16px)}:scope.cngx-dialog--opening{opacity:0;transform:translateY(100%)}:scope.cngx-dialog--open{opacity:1;transform:translateY(0)}:scope.cngx-dialog--closing{opacity:0;transform:translateY(100%)}@media(prefers-reduced-motion:reduce){:scope{transition:none}}}}@media(forced-colors:active){dialog.cngx-bottom-sheet.cngx-bottom-sheet--handle:before{background:CanvasText}}@layer cngx.tokens{@property --cngx-breadcrumb-gap{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --cngx-breadcrumb-separator-color{syntax: "<color>"; inherits: true; initial-value: oklch(.6 .01 250);}:root{--cngx-breadcrumb-separator-color: var(--cngx-color-text-muted, oklch(.6 .01 250))}}@layer cngx.components{[cngxBreadcrumb]>ol{--cngx-breadcrumb-gap: var(--cngx-space-sm);display:flex;flex-wrap:wrap;align-items:center;gap:var(--cngx-breadcrumb-gap, .5rem);margin:0;padding:0;list-style:none}[cngxBreadcrumb]>ol>li{display:inline-flex;align-items:center}[cngxBreadcrumbItem]{color:var(--cngx-color-primary, oklch(.66 .19 50));text-decoration:none;font-size:var(--cngx-font-size-sm, .8125rem);display:inline-flex;align-items:center;min-block-size:var(--cngx-target-min, 0px)}[cngxBreadcrumbItem]:hover{text-decoration:underline}[cngxBreadcrumbItem][aria-current=page]{color:var(--cngx-color-text, oklch(.2 .01 250));font-weight:600;text-decoration:none;cursor:default}[cngxBreadcrumbSeparator]{color:var(--cngx-breadcrumb-separator-color, oklch(.6 .01 250));-webkit-user-select:none;user-select:none}}@layer cngx.tokens{@property --cngx-button-group-gap{syntax: "*"; inherits: false; initial-value: .5rem;}@property --cngx-button-group-addon-padding-inline{syntax: "*"; inherits: false; initial-value: 1rem;}@property --cngx-button-group-addon-media-size{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --cngx-button-group-radius{syntax: "*"; inherits: true; initial-value: .5rem;}:where(.cngx-button-group){--cngx-button-group-gap: var(--cngx-space-sm);--cngx-button-group-radius: var(--cngx-radius-md, .5rem)}:where(.cngx-button-group__addon){--cngx-button-group-addon-padding-inline: var(--cngx-button-padding-inline, var(--cngx-space-md));--cngx-button-group-addon-media-size: 1lh}}@layer cngx.components{@scope(.cngx-button-group){:scope{display:inline-flex;flex-direction:row;align-items:stretch;vertical-align:middle;isolation:isolate}:scope[data-orientation=vertical]{flex-direction:column}:scope:has(>.cngx-button-group){gap:max(var(--cngx-button-group-gap, .5rem),var(--cngx-target-gap, 0px))}:scope:not(:has(>.cngx-button-group))>:not([aria-live]){position:relative;margin:0;border-radius:0}:scope:not(:has(>.cngx-button-group))>:nth-child(n+2 of:not([aria-live])){margin-inline-start:calc(-1 * var(--cngx-button-border-width, 1px))}:scope:not(:has(>.cngx-button-group))>:nth-child(1 of:not([aria-live])){border-start-start-radius:var(--cngx-button-group-radius, .5rem);border-end-start-radius:var(--cngx-button-group-radius, .5rem)}:scope:not(:has(>.cngx-button-group))>:nth-last-child(1 of:not([aria-live])){border-start-end-radius:var(--cngx-button-group-radius, .5rem);border-end-end-radius:var(--cngx-button-group-radius, .5rem)}:scope[data-orientation=vertical]:not(:has(>.cngx-button-group))>:nth-child(n+2 of:not([aria-live])){margin-inline-start:0;margin-block-start:calc(-1 * var(--cngx-button-border-width, 1px))}:scope[data-orientation=vertical]:not(:has(>.cngx-button-group))>:nth-child(1 of:not([aria-live])){border-radius:0;border-start-start-radius:var(--cngx-button-group-radius, .5rem);border-start-end-radius:var(--cngx-button-group-radius, .5rem)}:scope[data-orientation=vertical]:not(:has(>.cngx-button-group))>:nth-last-child(1 of:not([aria-live])){border-radius:0;border-end-start-radius:var(--cngx-button-group-radius, .5rem);border-end-end-radius:var(--cngx-button-group-radius, .5rem)}:scope[data-orientation=vertical]:not(:has(>.cngx-button-group))>:nth-child(1 of:not([aria-live])):nth-last-child(1 of:not([aria-live])){border-radius:var(--cngx-button-group-radius, .5rem)}:scope:not(:has(>.cngx-button-group))>.cngx-button-group__separator+:nth-child(n of:not([aria-live])){margin-inline-start:0;margin-block-start:0}:scope>:hover{z-index:1}:scope>:is(:focus-visible,:has(:focus-visible)){z-index:2}:scope:not(:has(>.cngx-button-group))>[data-variant=solid]:not([data-tone=neutral])~[data-variant=solid]:not([data-tone=neutral],[aria-disabled=true]){border-inline-start-color:color-mix(in oklab,var(--cngx-button-on-tone, Canvas) 40%,var(--cngx-button-tone-fill, var(--cngx-button-tone, currentColor)))}:scope[data-orientation=vertical]:not(:has(>.cngx-button-group))>[data-variant=solid]:not([data-tone=neutral])~[data-variant=solid]:not([data-tone=neutral],[aria-disabled=true]){border-inline-start-color:var(--cngx-button-tone-fill, var(--cngx-button-tone, currentColor));border-block-start-color:color-mix(in oklab,var(--cngx-button-on-tone, Canvas) 40%,var(--cngx-button-tone-fill, var(--cngx-button-tone, currentColor)))}.cngx-button-group__addon{display:inline-flex;align-items:center;justify-content:center;gap:var(--cngx-space-xs, 4px);box-sizing:border-box;padding-block:var(--cngx-button-padding-block, var(--cngx-space-sm, .5rem));padding-inline:var(--cngx-button-group-addon-padding-inline, 1rem);border:var(--cngx-button-border-width, 1px) solid var(--cngx-color-border, oklch(.88 .005 250));background:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 4%,var(--cngx-color-surface, oklch(1 0 0)));color:var(--cngx-color-text, oklch(.2 .01 250));font-size:var(--cngx-button-font-size, var(--cngx-font-size-control, 1rem));font-weight:var(--cngx-button-font-weight, inherit);line-height:var(--cngx-line-height-base, 1.5);white-space:nowrap}.cngx-button-group__addon>:is(img,svg,picture,video,canvas){max-block-size:var(--cngx-button-group-addon-media-size);inline-size:auto}.cngx-button-group__addon>cngx-avatar{max-block-size:var(--cngx-button-group-addon-media-size);max-inline-size:var(--cngx-button-group-addon-media-size)}.cngx-button-group__addon>cngx-icon{font-size:min(var(--cngx-icon-size, 1.25em),var(--cngx-button-group-addon-media-size))}:scope:not(:has(>.cngx-button-group))>.cngx-button-group__separator:nth-child(n of:not([aria-live])){flex:none;align-self:stretch;inline-size:0;margin-block:var(--cngx-space-xs, 4px);margin-inline:var(--cngx-space-xs, 4px);border:0;border-inline-start:1px solid var(--cngx-color-border, oklch(.88 .005 250))}:scope[data-orientation=vertical]:not(:has(>.cngx-button-group))>.cngx-button-group__separator:nth-child(n of:not([aria-live])){inline-size:auto;block-size:0;border-inline-start:0;border-block-start:1px solid var(--cngx-color-border, oklch(.88 .005 250))}[data-contrast=more] :scope>.cngx-button-group__addon{border-color:currentColor}}}@media(forced-colors:active){.cngx-button-group:not([data-orientation=vertical])>.cngx-button[data-variant=solid]:is([data-tone=primary],[data-tone=danger])~.cngx-button[data-variant=solid]:is([data-tone=primary],[data-tone=danger]){border-inline-start-color:HighlightText!important}.cngx-button-group[data-orientation=vertical]>.cngx-button[data-variant=solid]:is([data-tone=primary],[data-tone=danger])~.cngx-button[data-variant=solid]:is([data-tone=primary],[data-tone=danger]){border-block-start-color:HighlightText!important}}@layer cngx.tokens{@property --cngx-button-toggle-padding-block{syntax: "*"; inherits: false; initial-value: .4rem;}@property --cngx-button-toggle-padding-inline{syntax: "*"; inherits: false; initial-value: .875rem;}}@layer cngx.components{@scope(.cngx-button-toggle){:scope{--cngx-button-toggle-padding-block: var(--cngx-space-sm);--cngx-button-toggle-padding-inline: var(--cngx-space-md);display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--cngx-target-min, 0px);gap:.375rem;padding:var(--cngx-button-toggle-padding-block, .4rem) var(--cngx-button-toggle-padding-inline, .875rem);border:1px solid var(--cngx-color-border, oklch(.88 .005 250));background:var(--cngx-color-surface, oklch(1 0 0));color:var(--cngx-color-text, oklch(.2 .01 250));font:inherit;font-size:var(--cngx-font-size-sm, .8125rem);cursor:pointer;transition:background-color var(--cngx-duration-fast, .15s),border-color var(--cngx-duration-fast, .15s),color var(--cngx-duration-fast, .15s)}:scope+:scope{border-inline-start-width:0}:scope:first-child{border-start-start-radius:var(--cngx-radius-md, .375rem);border-end-start-radius:var(--cngx-radius-md, .375rem)}:scope:last-child{border-start-end-radius:var(--cngx-radius-md, .375rem);border-end-end-radius:var(--cngx-radius-md, .375rem)}:scope:hover:not(.cngx-button-toggle--disabled):not(.cngx-button-toggle--checked){background:color-mix(in oklch,var(--cngx-color-primary, oklch(.66 .19 50)) 8%,var(--cngx-color-surface, oklch(1 0 0)))}:scope.cngx-button-toggle--checked{background:var(--cngx-color-primary, oklch(.66 .19 50));color:var(--cngx-color-on-primary, oklch(.99 .01 250));border-color:var(--cngx-color-primary, oklch(.66 .19 50))}:scope.cngx-button-toggle--checked:hover:not(.cngx-button-toggle--disabled){background:color-mix(in oklch,var(--cngx-color-primary, oklch(.66 .19 50)) 88%,black);border-color:color-mix(in oklch,var(--cngx-color-primary, oklch(.66 .19 50)) 88%,black)}:scope.cngx-button-toggle--disabled{background:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 4%,var(--cngx-color-surface, oklch(1 0 0)));color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent);cursor:not-allowed}:scope.cngx-button-toggle--disabled.cngx-button-toggle--checked{background:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent);color:var(--cngx-color-surface, oklch(1 0 0));border-color:transparent}}}@media(forced-colors:active){.cngx-button-toggle.cngx-button-toggle--checked{forced-color-adjust:none;background:Highlight!important;color:HighlightText!important;border-color:Highlight!important}.cngx-button-toggle.cngx-button-toggle--disabled{forced-color-adjust:none;background:ButtonFace;color:GrayText;border-color:GrayText}.cngx-button-toggle.cngx-button-toggle--disabled.cngx-button-toggle--checked{background:GrayText!important;color:ButtonFace!important;border-color:GrayText!important}}@layer cngx.tokens{@property --cngx-dga-columns{syntax: "*"; inherits: true; initial-value: 1fr;}@property --cngx-dga-col-gap{syntax: "*"; inherits: true; initial-value: .5rem;}@property --cngx-dga-row-py{syntax: "*"; inherits: true; initial-value: .5rem;}@property --cngx-dga-row-px{syntax: "*"; inherits: true; initial-value: .75rem;}@property --cngx-dga-region-padding{syntax: "*"; inherits: true; initial-value: .75rem 1rem;}@property --cngx-dga-fs{syntax: "*"; inherits: true;}@property --cngx-dga-min-width{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cngx-dga-border-color{syntax: "<color>"; inherits: true; initial-value: oklch(.88 .005 250);}@property --cngx-dga-surface-alt{syntax: "<color>"; inherits: true; initial-value: oklch(.97 .003 250);}@property --cngx-dga-col-sm{syntax: "<length>"; inherits: true; initial-value: 80px;}@property --cngx-dga-col-md{syntax: "<length>"; inherits: true; initial-value: 112px;}@property --cngx-dga-col-lg{syntax: "<length>"; inherits: true; initial-value: 160px;}@property --cngx-dga-max-block-size{syntax: "<length> | none"; inherits: true; initial-value: none;}@property --cngx-dga-head-z{syntax: "<integer>"; inherits: true; initial-value: 2;}@property --cngx-dga-head-bg{syntax: "*"; inherits: true;}@property --cngx-dga-foot-z{syntax: "<integer>"; inherits: true; initial-value: 2;}@property --cngx-dga-foot-bg{syntax: "*"; inherits: true;}@property --cngx-dga-head-scroll-pad{syntax: "*"; inherits: true;}@property --cngx-dga-foot-scroll-pad{syntax: "*"; inherits: true;}@property --cngx-dga-head-block-size{syntax: "*"; inherits: false;}@property --cngx-dga-foot-block-size{syntax: "*"; inherits: false;}@property --cngx-dga-focus-clearance{syntax: "*"; inherits: true;}@property --cngx-dga-head-shadow{syntax: "*"; inherits: true;}@property --cngx-dga-foot-shadow{syntax: "*"; inherits: true;}@property --cngx-dga-edge-fade-size{syntax: "<length>"; inherits: true; initial-value: 24px;}@property --cngx-dga-edge-fade-min{syntax: "<number>"; inherits: true; initial-value: .35;}@property --_cngx-dga-fade-inline-start{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --_cngx-dga-fade-inline-end{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --_cngx-dga-fade-alpha-start{syntax: "<number>"; inherits: false; initial-value: 1;}@property --_cngx-dga-fade-alpha-end{syntax: "<number>"; inherits: false; initial-value: 1;}@property --_cngx-dga-fade-dir{syntax: "*"; inherits: false; initial-value: to right;}}@layer cngx.tokens{@property --cngx-dialog-bg{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-dialog-color{syntax: "*"; inherits: true; initial-value: currentColor;}@property --cngx-dialog-shadow{syntax: "*"; inherits: true; initial-value: 0 8px 32px oklch(0 0 0 / .12);}@property --cngx-dialog-border{syntax: "*"; inherits: false; initial-value: none;}@property --cngx-dialog-border-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-dialog-padding{syntax: "<length>"; inherits: false; initial-value: 24px;}@property --cngx-dialog-max-width{syntax: "<length-percentage>"; inherits: false; initial-value: 560px;}@property --cngx-dialog-max-height{syntax: "*"; inherits: false; initial-value: 80vh;}@property --cngx-dialog-backdrop-bg{syntax: "<color>"; inherits: true; initial-value: oklch(0 0 0 / .5);}@property --cngx-dialog-backdrop-blur{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --cngx-dialog-backdrop-opacity{syntax: "<number>"; inherits: true; initial-value: 1;}@property --cngx-dialog-backdrop-transition{syntax: "*"; inherits: true; initial-value: none;}@property --cngx-dialog-transition-duration{syntax: "<time>"; inherits: false; initial-value: .2s;}:where(dialog[cngxDialog]){--cngx-dialog-transition-duration: var(--cngx-duration-base)}@property --cngx-dialog-transition-easing{syntax: "*"; inherits: false; initial-value: ease;}@property --cngx-dialog-drag-cursor{syntax: "*"; inherits: false; initial-value: grab;}@property --cngx-dialog-dragging-cursor{syntax: "*"; inherits: false; initial-value: grabbing;}@property --cngx-dialog-focus-outline{syntax: "*"; inherits: false; initial-value: auto;}:root{--cngx-dialog-bg: var(--cngx-color-surface)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-dialog-shadow: 0 8px 32px oklch(0 0 0 / .5)}}[data-color-scheme=dark],.dark{--cngx-dialog-shadow: 0 8px 32px oklch(0 0 0 / .5)}[data-color-scheme=light],.light{--cngx-dialog-shadow: 0 8px 32px oklch(0 0 0 / .12)}}@layer cngx.components{@scope(dialog[cngxDialog]){:scope{--cngx-dialog-padding: var(--cngx-space-lg);border:var(--cngx-dialog-border, none);border-radius:var(--cngx-dialog-border-radius, 8px);padding:var(--cngx-dialog-padding, 24px);max-width:var(--cngx-dialog-max-width, 560px);max-height:var(--cngx-dialog-max-height, 80vh);width:100%;background:var(--cngx-dialog-bg, var(--cngx-color-surface, oklch(1 0 0)));color:var(--cngx-dialog-color, inherit);box-shadow:var(--cngx-dialog-shadow, 0 8px 32px oklch(0 0 0 / .12));overflow:auto;scrollbar-gutter:stable both-edges;transition:opacity var(--cngx-dialog-transition-duration, .2s) var(--cngx-dialog-transition-easing, ease),transform var(--cngx-dialog-transition-duration, .2s) var(--cngx-dialog-transition-easing, ease)}:scope:focus-visible{outline:var(--cngx-dialog-focus-outline, auto)}:scope::backdrop{background:var(--cngx-dialog-backdrop-bg, oklch(0 0 0 / .5));opacity:var(--cngx-dialog-backdrop-opacity, 1);-webkit-backdrop-filter:blur(var(--cngx-dialog-backdrop-blur, 0px));backdrop-filter:blur(var(--cngx-dialog-backdrop-blur, 0px));transition:var(--cngx-dialog-backdrop-transition, none)}:scope.cngx-dialog--opening{opacity:0;transform:translateY(8px) scale(.98)}:scope.cngx-dialog--open{opacity:1;transform:translateY(0) scale(1)}:scope.cngx-dialog--closing{opacity:0;transform:translateY(8px) scale(.98)}@media(prefers-reduced-motion:reduce){:scope{transition:none}:scope::backdrop{transition:none}}}@scope(dialog[cngxDialogDraggable]){:scope{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px))}:scope.cngx-dialog--opening{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px)) scale(.98);opacity:0}:scope.cngx-dialog--open{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px)) scale(1);opacity:1}:scope.cngx-dialog--closing{transform:translate(var(--cngx-dialog-x, 0px),var(--cngx-dialog-y, 0px)) scale(.98);opacity:0}:scope.cngx-dialog--dragging{transition:none}}}@media(forced-colors:active){dialog[cngxDialog]{border:1px solid ButtonBorder}}@layer cngx.tokens{@property --cngx-divider-thickness{syntax: "<length>"; inherits: false; initial-value: 1px;}@property --cngx-divider-color{syntax: "<color>"; inherits: true; initial-value: oklch(.9 .01 250);}@property --cngx-divider-spacing{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-divider-inset-amount{syntax: "<length>"; inherits: false; initial-value: 16px;}:root{--cngx-divider-color: var(--cngx-color-border)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-divider-color: oklch(.45 .005 250)}}[data-color-scheme=dark],.dark{--cngx-divider-color: oklch(.45 .005 250)}}@layer cngx.components{@scope(.cngx-divider){:scope{--cngx-divider-inset-amount: var(--cngx-space-md);display:block;box-sizing:border-box;width:100%;height:var(--cngx-divider-thickness, 1px);margin-block:var(--cngx-divider-spacing, var(--cngx-space-sm, 8px));margin-inline:0;border:0;background:var(--cngx-divider-color, var(--cngx-color-border, oklch(.9 .01 250)))}:scope.cngx-divider--vertical{display:inline-block;width:var(--cngx-divider-thickness, 1px);height:1em;margin-block:0;margin-inline:var(--cngx-divider-spacing, var(--cngx-space-sm, 8px));align-self:stretch}:scope.cngx-divider--inset{margin-inline:var(--cngx-divider-inset-amount, var(--cngx-space-md, 16px))}:scope.cngx-divider--vertical.cngx-divider--inset{margin-block:var(--cngx-divider-inset-amount, var(--cngx-space-md, 16px));margin-inline:var(--cngx-divider-spacing, var(--cngx-space-sm, 8px))}}}@media(forced-colors:active){.cngx-divider{background:CanvasText}}@layer cngx.components{@scope(.cngx-drawer){:scope{position:relative}:scope:after{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;z-index:var(--cngx-drawer-scrim-z-index, 1);background:var(--cngx-drawer-scrim-bg, var(--cngx-backdrop-bg, oklch(0 0 0 / .5)));transition:opacity var(--cngx-drawer-scrim-duration, var(--cngx-duration-base, .2s))}:scope:has(.cngx-drawer-panel--modal.cngx-drawer-panel--open):after{opacity:1;pointer-events:auto}}}@layer cngx.components{.cngx-icon-glyph{container:cngx-icon-glyph / size;aspect-ratio:1}.cngx-icon-svg__micro,.cngx-icon-svg__small{display:none;fill:currentColor;stroke:none}@container cngx-icon-glyph (10px <= width < 15px){.cngx-icon-svg__path:has(~.cngx-icon-svg__micro){display:none}.cngx-icon-svg__micro{display:inline}}@container cngx-icon-glyph (15px <= width < 20px){.cngx-icon-svg__path:has(~.cngx-icon-svg__small){display:none}.cngx-icon-svg__small{display:inline}}}@layer cngx.tokens{@property --cngx-listbox-focus-outline-color{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-listbox-focus-outline-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-listbox-focus-outline-offset{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-option-highlight-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50 / .1);}@property --cngx-option-selected-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50 / .18);}@property --cngx-listbox-padding{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-option-padding{syntax: "*"; inherits: false; initial-value: 6px 10px;}@property --cngx-option-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}:root{--cngx-listbox-focus-outline-color: var(--cngx-color-primary, oklch(.66 .19 50));--cngx-option-highlight-bg: oklch(.66 .19 50 / .1);--cngx-option-selected-bg: oklch(.66 .19 50 / .18)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-option-highlight-bg: oklch(.72 .18 50 / .18);--cngx-option-selected-bg: oklch(.72 .18 50 / .28)}}:root[data-color-scheme=dark],:root.dark{--cngx-option-highlight-bg: oklch(.72 .18 50 / .18);--cngx-option-selected-bg: oklch(.72 .18 50 / .28)}:root[data-color-scheme=light],:root.light{--cngx-option-highlight-bg: oklch(.66 .19 50 / .1);--cngx-option-selected-bg: oklch(.66 .19 50 / .18)}}@layer cngx.components{[cngxListbox]{--cngx-listbox-padding: var(--cngx-space-xs);list-style:none;margin:0;padding:var(--cngx-listbox-padding, 4px);outline:none}[cngxListbox]:focus-visible{outline:var(--cngx-listbox-focus-outline-width, 2px) solid var(--cngx-listbox-focus-outline-color, oklch(.66 .19 50));outline-offset:var(--cngx-listbox-focus-outline-offset, 2px)}[cngxOption]{--cngx-option-padding: var(--cngx-space-xs) var(--cngx-space-sm);display:flex;align-items:center;padding:var(--cngx-option-padding, 6px 10px);border-radius:var(--cngx-option-radius, 4px);cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;min-block-size:var(--cngx-target-min, 0px)}.cngx-option--highlighted{background:var(--cngx-option-highlight-bg, oklch(.66 .19 50 / .1))}.cngx-option--selected{background:var(--cngx-option-selected-bg, oklch(.66 .19 50 / .18))}.cngx-option--disabled{color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent);cursor:not-allowed}.cngx-option--hidden{display:none}}@media(forced-colors:active){.cngx-option--selected{background:Highlight;color:HighlightText;forced-color-adjust:none;--_cngx-forced-ink: HighlightText}.cngx-option--highlighted{outline:2px solid CanvasText;outline-offset:-2px}.cngx-option--disabled{color:GrayText;--_cngx-forced-ink: GrayText}.cngx-option--disabled.cngx-option--selected{background:GrayText;color:Canvas;--_cngx-forced-ink: Canvas}}@layer cngx.tokens{@property --cngx-menu-focus-outline-color{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-menu-focus-outline-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-menu-focus-outline-offset{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-menu-item-highlight-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50 / .1);}@property --cngx-menu-padding{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-menu-item-padding{syntax: "*"; inherits: false; initial-value: 6px 10px;}@property --cngx-menu-item-gap{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-menu-item-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-menu-item-checked-font-weight{syntax: "<number>"; inherits: false; initial-value: 600;}@property --cngx-menu-item-checked-color{syntax: "<color>"; inherits: true; initial-value: oklch(.66 .19 50);}@property --cngx-menu-item-icon-min-width{syntax: "*"; inherits: false; initial-value: 1.25rem;}@property --cngx-menu-item-kbd-color{syntax: "<color>"; inherits: true; initial-value: oklch(.45 0 0);}@property --cngx-menu-separator-color{syntax: "<color>"; inherits: true; initial-value: oklch(.89 0 0);}:root{--cngx-menu-focus-outline-color: var(--cngx-color-primary, oklch(.66 .19 50));--cngx-menu-item-checked-color: var(--cngx-color-primary, oklch(.66 .19 50));--cngx-menu-separator-color: var(--cngx-color-border, oklch(.89 0 0));--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.66 .19 50)) 10%, transparent );--cngx-menu-item-kbd-color: oklch(.45 0 0)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.72 .18 50)) 18%, transparent );--cngx-menu-item-kbd-color: oklch(.7 0 0)}}:root[data-color-scheme=dark],:root.dark{--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.72 .18 50)) 18%, transparent );--cngx-menu-item-kbd-color: oklch(.7 0 0)}:root[data-color-scheme=light],:root.light{--cngx-menu-item-highlight-bg: color-mix( in oklch, var(--cngx-color-primary, oklch(.66 .19 50)) 10%, transparent );--cngx-menu-item-kbd-color: oklch(.45 0 0)}}@layer cngx.components{[cngxMenu]{--cngx-menu-padding: var(--cngx-space-xs);list-style:none;margin:0;padding:var(--cngx-menu-padding, 4px);outline:none;background:var(--cngx-menu-bg, var(--cngx-color-surface, oklch(1 0 0)));color:var(--cngx-menu-color, var(--cngx-color-text, inherit));border:var(--cngx-menu-border, 1px solid var(--cngx-color-border, oklch(.85 .01 250)));border-radius:var(--cngx-menu-radius, var(--cngx-radius-md, .375rem));box-shadow:var(--cngx-menu-shadow, var(--cngx-shadow-md, 0 4px 12px oklch(0 0 0 / .12)))}.cngx-popover-panel [cngxMenu]{background:transparent;border:0;border-radius:0;box-shadow:none}[cngxMenu]:focus-visible{outline:var(--cngx-menu-focus-outline-width, 2px) solid var(--cngx-menu-focus-outline-color, oklch(.66 .19 50));outline-offset:var(--cngx-menu-focus-outline-offset, 2px)}[cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu]{--cngx-menu-item-gap: var(--cngx-space-sm);--cngx-menu-item-padding: var(--cngx-space-xs) var(--cngx-space-sm);display:flex;align-items:center;gap:var(--cngx-menu-item-gap, 8px);padding:var(--cngx-menu-item-padding, 6px 10px);border-radius:var(--cngx-menu-item-radius, 4px);cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;min-block-size:var(--cngx-target-min, 0px)}:is([cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu])+:is([cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu]){margin-block-start:var(--cngx-target-gap, 0px)}.cngx-menu-item--highlighted{background:var(--cngx-menu-item-highlight-bg, oklch(.66 .19 50 / .1))}.cngx-menu-item--disabled{color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent);cursor:not-allowed}.cngx-menu-item--disabled .cngx-menu-item__kbd,.cngx-menu-item--disabled>.cngx-menu-item__indicator{color:inherit}.cngx-menu-item--checked{font-weight:var(--cngx-menu-item-checked-font-weight, 600)}.cngx-menu-item__indicator{position:relative;flex:none;align-self:stretch;min-inline-size:var(--cngx-menu-item-icon-min-width, 1.25rem);color:var(--cngx-menu-item-checked-color, oklch(.66 .19 50))}:has(.cngx-menu-item__icon)>.cngx-menu-item__indicator{display:none}.cngx-menu-item__indicator-svg{position:absolute;left:50%;top:50%;translate:-50% -50%}[cngxMenuItemCheckbox]>.cngx-menu-item__indicator>.cngx-menu-item__indicator-svg{--cngx-icon-svg-size: 1rem}[cngxMenuItemRadio]>.cngx-menu-item__indicator>.cngx-menu-item__indicator-svg{--cngx-icon-svg-size: calc(.7em * 24 / 8)}.cngx-menu-item__icon{display:inline-flex;align-items:center;justify-content:center;min-width:var(--cngx-menu-item-icon-min-width, 1.25rem);flex-shrink:0}.cngx-menu-item__label{flex:1;min-width:0}.cngx-menu-item__suffix{flex-shrink:0}.cngx-menu-item__kbd{margin-inline-start:auto;color:var(--cngx-menu-item-kbd-color, oklch(.45 0 0));font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;flex-shrink:0}[cngxMenuSeparator]{display:block;height:1px;margin:4px 6px;background:var(--cngx-menu-separator-color, oklch(.89 0 0));list-style:none}}@media(forced-colors:active){.cngx-menu-item--highlighted{forced-color-adjust:none;background:Highlight;color:HighlightText;--_cngx-forced-ink: HighlightText}.cngx-menu-item--highlighted .cngx-menu-item__kbd,.cngx-menu-item--highlighted>.cngx-menu-item__indicator{color:var(--_cngx-forced-ink, currentColor)}[cngxMenuSeparator]{background:CanvasText}.cngx-menu-item--disabled{color:GrayText}.cngx-menu-item--disabled.cngx-menu-item--highlighted{background:Canvas;color:GrayText;--_cngx-forced-ink: GrayText;outline:2px solid Highlight;outline-offset:-2px}}@layer cngx.components{[cngxPopover]:not(.cngx-popover-panel):not(.cngx-select__panel):not(.cngx-tab-overflow__panel):not([data-cngx-presentation=sheet]):not([data-cngx-presentation=fullscreen]){border:0;padding:0;background:transparent;color:inherit;overflow:visible}[cngxPopover]:not([data-cngx-presentation=sheet]):not([data-cngx-presentation=fullscreen]){margin:var(--cngx-popover-margin-override, var(--cngx-popover-anchor-margin, 0))}}@layer cngx.tokens{@property --cngx-popover-sheet-max-block-size{syntax: "*"; inherits: false; initial-value: 80dvh;}@property --cngx-popover-sheet-radius{syntax: "*"; inherits: false; initial-value: 16px 16px 0 0;}@property --cngx-popover-sheet-padding{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --cngx-popover-sheet-header-gap{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --cngx-popover-sheet-handle-inline-size{syntax: "<length>"; inherits: true; initial-value: 40px;}@property --cngx-popover-sheet-handle-block-size{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --cngx-popover-sheet-handle-radius{syntax: "<length>"; inherits: true; initial-value: 2px;}@property --cngx-popover-sheet-handle-margin{syntax: "*"; inherits: true; initial-value: 0 auto 16px;}@property --cngx-popover-sheet-handle-color{syntax: "<color>"; inherits: true; initial-value: oklch(.8 .005 250);}@property --cngx-popover-sheet-surface{syntax: "<color>"; inherits: false; initial-value: oklch(1 0 0);}@property --cngx-popover-sheet-color{syntax: "<color>"; inherits: false; initial-value: oklch(.2 0 0);}@property --cngx-popover-sheet-shadow{syntax: "*"; inherits: true; initial-value: 0 8px 32px oklch(0 0 0 / .12);}@property --cngx-popover-sheet-backdrop{syntax: "<color>"; inherits: true; initial-value: oklch(0 0 0 / .5);}@property --cngx-popover-sheet-duration{syntax: "<time>"; inherits: false; initial-value: .2s;}@property --cngx-popover-sheet-easing{syntax: "*"; inherits: false; initial-value: ease;}:where(.cngx-popover-sheet){--cngx-popover-sheet-padding: var(--cngx-space-md);--cngx-popover-sheet-header-gap: var(--cngx-space-sm);--cngx-popover-sheet-handle-margin: 0 auto var(--cngx-space-md);--cngx-popover-sheet-duration: var(--cngx-duration-base);--cngx-popover-sheet-surface: var(--cngx-color-surface);--cngx-popover-sheet-color: var(--cngx-color-text)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-popover-sheet-shadow: 0 8px 32px oklch(0 0 0 / .5);--cngx-popover-sheet-handle-color: oklch(.5 .005 250)}}[data-color-scheme=dark],.dark{--cngx-popover-sheet-shadow: 0 8px 32px oklch(0 0 0 / .5);--cngx-popover-sheet-handle-color: oklch(.5 .005 250)}[data-color-scheme=light],.light{--cngx-popover-sheet-shadow: 0 8px 32px oklch(0 0 0 / .12);--cngx-popover-sheet-handle-color: oklch(.8 .005 250)}}@layer cngx.components{:root{--cngx-popover-sheet-breakpoint: 0}@media(pointer:coarse)and (max-width:48rem){:root{--cngx-popover-sheet-breakpoint: 1}}.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen]){position:fixed;inset:auto auto 0 0;margin:0;box-sizing:border-box;inline-size:100vw;max-inline-size:100vw;min-inline-size:0;max-block-size:var(--cngx-popover-sheet-max-block-size, 80dvh);flex-direction:column;overflow:hidden;border:0;border-radius:var(--cngx-popover-sheet-radius, 16px 16px 0 0);padding-block:var(--cngx-popover-sheet-padding, 16px) max(var(--cngx-popover-sheet-padding, 16px),env(safe-area-inset-bottom,0px));padding-inline:max(var(--cngx-popover-sheet-padding, 16px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));background:var(--cngx-popover-sheet-surface, oklch(1 0 0));color:var(--cngx-popover-sheet-color, oklch(.2 0 0));box-shadow:var(--cngx-popover-sheet-shadow, 0 8px 32px oklch(0 0 0 / .12));translate:0 0;transition:translate var(--cngx-popover-sheet-duration, .2s) var(--cngx-popover-sheet-easing, ease),opacity var(--cngx-popover-sheet-duration, .2s) var(--cngx-popover-sheet-easing, ease)}.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen]):popover-open{display:flex}.cngx-popover-sheet[data-cngx-presentation=fullscreen]{inset:0;block-size:100dvh;max-block-size:100dvh;border-radius:0;padding-block-start:max(var(--cngx-popover-sheet-padding, 16px),env(safe-area-inset-top,0px));box-shadow:none}.cngx-popover-sheet[data-cngx-presentation=sheet]::backdrop{background:var(--cngx-popover-sheet-backdrop, oklch(0 0 0 / .5))}.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen]):is(.cngx-popover--opening,.cngx-popover--closing){translate:0 100%}.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen])[data-cngx-sheet-settling]{opacity:0;translate:0 100%;transition:none}.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen])>*{flex:1 1 auto;min-block-size:0;overflow:auto;overscroll-behavior:contain}.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen])>.cngx-popover-sheet-header{flex:none;overflow:visible;display:flex;flex-wrap:wrap;align-items:center;gap:var(--cngx-popover-sheet-header-gap, 8px);padding-block-end:var(--cngx-popover-sheet-header-gap, 8px)}.cngx-popover-sheet-handle{display:none}.cngx-popover-sheet[data-cngx-presentation=sheet] .cngx-popover-sheet-handle{display:block;flex:0 0 100%}.cngx-popover-sheet[data-cngx-presentation=sheet] .cngx-popover-sheet-handle:before{content:"";display:block;inline-size:var(--cngx-popover-sheet-handle-inline-size, 40px);block-size:var(--cngx-popover-sheet-handle-block-size, 4px);margin:var(--cngx-popover-sheet-handle-margin, 0 auto 16px);border-radius:var(--cngx-popover-sheet-handle-radius, 2px);background:var(--cngx-popover-sheet-handle-color, oklch(.8 .005 250))}}@media(prefers-reduced-motion:reduce){.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen]){transition:none}}@media(forced-colors:active){.cngx-popover-sheet:is([data-cngx-presentation=sheet],[data-cngx-presentation=fullscreen]){background:Canvas;color:CanvasText;border-block-start:1px solid CanvasText}.cngx-popover-sheet[data-cngx-presentation=sheet] .cngx-popover-sheet-handle:before{background:CanvasText}}@layer cngx.tokens{@property --cngx-recycler-placeholder-row-height{syntax: "<length>"; inherits: true; initial-value: 48px;}@property --cngx-recycler-placeholder-band-height{syntax: "<length>"; inherits: true; initial-value: 20px;}@property --cngx-recycler-placeholder-inset{syntax: "<length>"; inherits: true; initial-value: 12px;}@property --cngx-recycler-placeholder-radius{syntax: "<length>"; inherits: true; initial-value: 6px;}@property --cngx-recycler-placeholder-color{syntax: "<color>"; inherits: true; initial-value: oklch(.55 .02 260 / .1);}@property --cngx-recycler-placeholder-shimmer-color{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0 / .35);}@property --cngx-recycler-placeholder-shimmer-duration{syntax: "*"; inherits: true; initial-value: 1.6s;}}@layer cngx.components{.cngx-recycler-placeholder{--_cngx-rp-feather: calc( ( var(--cngx-recycler-placeholder-row-height, 48px) - var(--cngx-recycler-placeholder-band-height, 20px) ) / 2 );background-image:repeating-linear-gradient(to bottom,transparent 0,var(--cngx-recycler-placeholder-color, oklch(.55 .02 260 / .1)) var(--_cngx-rp-feather),var(--cngx-recycler-placeholder-color, oklch(.55 .02 260 / .1)) calc(var(--_cngx-rp-feather) + var(--cngx-recycler-placeholder-band-height, 20px)),transparent var(--cngx-recycler-placeholder-row-height, 48px));background-repeat:repeat-y;background-size:calc(100% - 2 * var(--cngx-recycler-placeholder-inset, 12px)) 100%;background-position:center top}.cngx-recycler-placeholder--shimmer{background-image:linear-gradient(90deg,transparent 0,var(--cngx-recycler-placeholder-shimmer-color, oklch(1 0 0 / .35)) 50%,transparent 100%),repeating-linear-gradient(to bottom,transparent 0,var(--cngx-recycler-placeholder-color, oklch(.55 .02 260 / .1)) var(--_cngx-rp-feather),var(--cngx-recycler-placeholder-color, oklch(.55 .02 260 / .1)) calc(var(--_cngx-rp-feather) + var(--cngx-recycler-placeholder-band-height, 20px)),transparent var(--cngx-recycler-placeholder-row-height, 48px));background-repeat:no-repeat,repeat-y;background-size:200% 100%,calc(100% - 2 * var(--cngx-recycler-placeholder-inset, 12px)) 100%;background-position:-100% 0,center top;animation:cngx-recycler-placeholder-shimmer var(--cngx-recycler-placeholder-shimmer-duration, 1.6s) ease-in-out infinite}}@keyframes cngx-recycler-placeholder-shimmer{0%{background-position:-100% 0,center top}to{background-position:200% 0,center top}}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light) .cngx-recycler-placeholder{--cngx-recycler-placeholder-color: oklch(1 0 0 / .09);--cngx-recycler-placeholder-shimmer-color: oklch(1 0 0 / .16)}}[data-color-scheme=dark] .cngx-recycler-placeholder,.dark .cngx-recycler-placeholder{--cngx-recycler-placeholder-color: oklch(1 0 0 / .09);--cngx-recycler-placeholder-shimmer-color: oklch(1 0 0 / .16)}@layer cngx.tokens{@property --cngx-ripple-color{syntax: "*"; inherits: true; initial-value: currentColor;}@property --cngx-ripple-opacity{syntax: "<number>"; inherits: false; initial-value: .12;}@property --cngx-ripple-duration{syntax: "<time>"; inherits: false; initial-value: .5s;}}@layer cngx.components{:where(.cngx-ripple){position:relative}@scope(.cngx-ripple__container){:scope{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}}@scope(.cngx-ripple__wave){:scope{position:absolute;top:0;left:0;width:var(--cngx-ripple-size, 100px);height:var(--cngx-ripple-size, 100px);border-radius:50%;background:var(--cngx-ripple-color, currentColor);opacity:0;pointer-events:none;transform:translate(calc(var(--cngx-ripple-x, 50%) - var(--cngx-ripple-size, 100px) / 2),calc(var(--cngx-ripple-y, 50%) - var(--cngx-ripple-size, 100px) / 2));animation:cngx-ripple-expand var(--cngx-ripple-duration, .5s) ease-out forwards}@media(prefers-reduced-motion:reduce){:scope{animation:none;opacity:var(--cngx-ripple-opacity, .12);transition:opacity var(--cngx-duration-fast, .15s) ease}}}@keyframes cngx-ripple-expand{0%{transform:translate(calc(var(--cngx-ripple-x) - var(--cngx-ripple-size) / 2),calc(var(--cngx-ripple-y) - var(--cngx-ripple-size) / 2)) scale(0);opacity:var(--cngx-ripple-opacity, .12)}to{transform:translate(calc(var(--cngx-ripple-x) - var(--cngx-ripple-size) / 2),calc(var(--cngx-ripple-y) - var(--cngx-ripple-size) / 2)) scale(1);opacity:0}}}@layer cngx.tokens{@property --cngx-slider-track-size{syntax: "<length>"; inherits: true; initial-value: 4px;}@property --cngx-slider-thumb-size{syntax: "<length>"; inherits: true; initial-value: 16px;}@property --cngx-slider-thumb-border-width{syntax: "<length>"; inherits: true; initial-value: 2px;}@property --cngx-slider-focus-ring-width{syntax: "<length>"; inherits: true; initial-value: 2px;}@property --cngx-slider-length{syntax: "<length>"; inherits: true; initial-value: 144px;}}@layer cngx.components{:is([cngxSliderTrack],[cngxRangeSliderTrack]){position:relative;display:inline-flex;align-items:center;box-sizing:border-box;inline-size:100%;min-block-size:var(--cngx-slider-thumb-size, 16px);cursor:pointer}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-disabled=true]{cursor:not-allowed;--cngx-slider-fill-color: color-mix(in oklab, var(--cngx-color-text, oklch(.2 .01 250)) 38%, transparent);--cngx-slider-thumb-border-color: color-mix(in oklab, var(--cngx-color-text, oklch(.2 .01 250)) 38%, transparent);--cngx-slider-track-color: color-mix(in oklab, var(--cngx-color-text, oklch(.2 .01 250)) 12%, transparent);color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent)}:is([cngxSliderTrack],[cngxRangeSliderTrack]) .cngx-slider__track{position:relative;flex:1 1 auto;block-size:var(--cngx-slider-track-size, 4px);border-radius:999px;background:var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250)))}:is([cngxSliderTrack]) .cngx-slider__fill{position:absolute;inset-block:0;inset-inline-start:0;inline-size:calc(var(--cngx-slider-fraction, 0) * 100%);border-radius:inherit;background:var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50)))}[cngxRangeSliderTrack] .cngx-slider__track{background:linear-gradient(to right,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) 0,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-end-fraction, 1) * 100%),var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-end-fraction, 1) * 100%))}:is([cngxSliderTrack]) .cngx-slider__thumb{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--cngx-slider-fraction, 0) * 100%);inline-size:var(--cngx-slider-thumb-size, 16px);block-size:var(--cngx-slider-thumb-size, 16px);border-radius:50%;background:var(--cngx-slider-thumb-color, var(--cngx-color-surface, oklch(1 0 0)));border:var(--cngx-slider-thumb-border-width, 2px) solid var(--cngx-slider-thumb-border-color, var(--cngx-color-primary, oklch(.66 .19 50)));translate:-50% -50%}[cngxSliderThumb]{position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--cngx-slider-fraction, 0) * 100%);inline-size:var(--cngx-slider-thumb-size, 16px);block-size:var(--cngx-slider-thumb-size, 16px);border-radius:50%;background:var(--cngx-slider-thumb-color, var(--cngx-color-surface, oklch(1 0 0)));border:var(--cngx-slider-thumb-border-width, 2px) solid var(--cngx-slider-thumb-border-color, var(--cngx-color-primary, oklch(.66 .19 50)));translate:-50% -50%;cursor:grab}[cngxSliderTrack]:focus-visible{outline:none}[cngxSliderTrack]:focus-visible .cngx-slider__thumb,[cngxSliderThumb]:focus-visible{outline:var(--cngx-slider-focus-ring-width, 2px) solid var(--cngx-slider-focus-ring-color, var(--cngx-color-primary, oklch(.66 .19 50)));outline-offset:2px}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-orientation=vertical]{flex-direction:column;inline-size:max-content;min-inline-size:var(--cngx-slider-thumb-size, 16px);block-size:var(--cngx-slider-length, 9rem);min-block-size:0}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-orientation=vertical] .cngx-slider__track{flex:1 1 auto;inline-size:var(--cngx-slider-track-size, 4px);block-size:auto}[cngxSliderTrack][aria-orientation=vertical] .cngx-slider__fill{inset-inline:0;inset-block:auto 0;inline-size:100%;block-size:calc(var(--cngx-slider-fraction, 0) * 100%)}[cngxRangeSliderTrack][aria-orientation=vertical] .cngx-slider__track{background:linear-gradient(to top,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) 0,var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-start-fraction, 0) * 100%),var(--cngx-slider-fill-color, var(--cngx-color-primary, oklch(.66 .19 50))) calc(var(--cngx-slider-end-fraction, 1) * 100%),var(--cngx-slider-track-color, var(--cngx-color-border, oklch(.88 .005 250))) calc(var(--cngx-slider-end-fraction, 1) * 100%))}[cngxSliderTrack][aria-orientation=vertical] .cngx-slider__thumb,[cngxRangeSliderTrack][aria-orientation=vertical] [cngxSliderThumb]{inset-inline-start:50%;inset-block-start:auto;inset-block-end:calc(var(--cngx-slider-fraction, 0) * 100%);translate:-50% 50%}}@media(forced-colors:active){:is([cngxSliderTrack],[cngxRangeSliderTrack]){--cngx-slider-track-color: CanvasText;--cngx-slider-fill-color: Highlight}:is([cngxSliderTrack],[cngxRangeSliderTrack]) :is(.cngx-slider__track,.cngx-slider__fill){forced-color-adjust:none}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-disabled=true]{--cngx-slider-track-color: Canvas;--cngx-slider-fill-color: GrayText;--cngx-slider-thumb-border-color: GrayText;color:GrayText}:is([cngxSliderTrack],[cngxRangeSliderTrack])[aria-disabled=true] .cngx-slider__track{outline:1px solid GrayText;outline-offset:-1px}}@layer cngx.tokens{@property --cngx-tooltip-bg{syntax: "<color>"; inherits: true; initial-value: oklch(.2 .005 290);}@property --cngx-tooltip-color{syntax: "<color>"; inherits: true; initial-value: oklch(.96 .005 290);}@property --cngx-tooltip-font-family{syntax: "*"; inherits: true; initial-value: system-ui;}@property --cngx-tooltip-font-size{syntax: "*"; inherits: true; initial-value: .75rem;}@property --cngx-tooltip-line-height{syntax: "*"; inherits: true; initial-value: 1rem;}@property --cngx-tooltip-font-weight{syntax: "<number>"; inherits: true; initial-value: 400;}@property --cngx-tooltip-letter-spacing{syntax: "*"; inherits: true; initial-value: .033em;}@property --cngx-tooltip-padding-block{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-tooltip-padding-inline{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-tooltip-border-radius{syntax: "<length>"; inherits: false; initial-value: 4px;}@property --cngx-tooltip-max-width{syntax: "<length>"; inherits: false; initial-value: 200px;}@property --cngx-tooltip-transition-duration{syntax: "<time>"; inherits: false; initial-value: .15s;}:where(.cngx-tooltip){--cngx-tooltip-transition-duration: var(--cngx-duration-fast)}@property --cngx-tooltip-transition-easing{syntax: "*"; inherits: false; initial-value: cubic-bezier(.4,0,.2,1);}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-tooltip-bg: oklch(.95 .005 290);--cngx-tooltip-color: oklch(.2 .005 290)}}[data-color-scheme=dark],.dark{--cngx-tooltip-bg: oklch(.95 .005 290);--cngx-tooltip-color: oklch(.2 .005 290)}[data-color-scheme=light],.light{--cngx-tooltip-bg: oklch(.2 .005 290);--cngx-tooltip-color: oklch(.96 .005 290)}}@layer cngx.components{@scope(.cngx-tooltip){:scope{position:fixed;inset:unset;border:none;margin:0;box-sizing:border-box;background:var(--cngx-tooltip-bg, oklch(.2 .005 290));color:var(--cngx-tooltip-color, oklch(.96 .005 290));font-family:var(--cngx-tooltip-font-family, inherit);font-size:var(--cngx-tooltip-font-size, .75rem);line-height:var(--cngx-tooltip-line-height, 1rem);font-weight:var(--cngx-tooltip-font-weight, 400);letter-spacing:var(--cngx-tooltip-letter-spacing, .033em);--cngx-tooltip-padding-block: var(--cngx-space-xs);--cngx-tooltip-padding-inline: var(--cngx-space-sm);padding:var(--cngx-tooltip-padding-block, 4px) var(--cngx-tooltip-padding-inline, 8px);border-radius:var(--cngx-tooltip-border-radius, 4px);max-width:var(--cngx-tooltip-max-width, 200px);width:max-content;word-wrap:break-word;white-space:normal;pointer-events:none;transition:opacity var(--cngx-tooltip-transition-duration, .15s) var(--cngx-tooltip-transition-easing, cubic-bezier(.4, 0, .2, 1)),transform var(--cngx-tooltip-transition-duration, .15s) var(--cngx-tooltip-transition-easing, cubic-bezier(.4, 0, .2, 1))}:scope.cngx-popover--opening{opacity:0;transform:scale(.95)}:scope.cngx-popover--open{opacity:1;transform:scale(1)}:scope.cngx-popover--closing{opacity:0;transform:scale(.95)}@media(hover:none){:scope{--cngx-tooltip-padding-block: 8px;--cngx-tooltip-padding-inline: 16px;--cngx-tooltip-font-size: .875rem;--cngx-tooltip-line-height: 1.25rem;--cngx-tooltip-max-width: 280px}}@media(prefers-reduced-motion:reduce){:scope{transition:none}}}}@media(forced-colors:active){.cngx-tooltip{border:1px solid ButtonBorder}}@layer cngx.tokens{@property --cngx-file-drop-border-width{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --cngx-file-drop-border-color{syntax: "<color>"; inherits: false; initial-value: oklch(.8 0 0);}@property --cngx-file-drop-radius{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-file-drop-padding{syntax: "<length>"; inherits: false; initial-value: 32px;}@property --cngx-file-drop-transition{syntax: "*"; inherits: false; initial-value: .2s ease;}:where(.cngx-file-drop){--cngx-file-drop-transition: var(--cngx-duration-base) ease}@property --cngx-file-drop-active-border{syntax: "*"; inherits: false; initial-value: currentColor;}@property --cngx-file-drop-active-bg{syntax: "<color>"; inherits: false; initial-value: oklch(0 0 0 / .03);}@property --cngx-file-drop-success-border{syntax: "<color>"; inherits: false; initial-value: oklch(.65 .15 155);}@property --cngx-file-drop-uploading-opacity{syntax: "<number>"; inherits: false; initial-value: .6;}}@layer cngx.components{@scope(.cngx-file-drop){:scope{--cngx-file-drop-padding: var(--cngx-space-xl);display:block;border:var(--cngx-file-drop-border-width, 2px) dashed var(--cngx-file-drop-border-color, oklch(.8 0 0));border-radius:var(--cngx-file-drop-radius, var(--cngx-radius-md, 8px));padding:var(--cngx-file-drop-padding, var(--cngx-space-xl, 32px));text-align:center;cursor:pointer;transition:border-color var(--cngx-file-drop-transition, .2s ease),background var(--cngx-file-drop-transition, .2s ease)}:scope.cngx-file-drop--dragging{border-color:var(--cngx-file-drop-active-border, currentColor);border-style:solid;background:var(--cngx-file-drop-active-bg, oklch(0 0 0 / .03))}:scope.cngx-file-drop--has-files{border-color:var( --cngx-file-drop-success-border, var(--cngx-color-success, oklch(.65 .15 155)) );border-style:solid}:scope.cngx-file-drop--uploading{opacity:var(--cngx-file-drop-uploading-opacity, .6);pointer-events:none;cursor:wait}@media(prefers-reduced-motion:reduce){:scope{transition:none}}}}@layer cngx.tokens{@property --cngx-field-border-width{syntax: "<length>"; inherits: true; initial-value: 1px;}@property --cngx-field-ring-width{syntax: "<length>"; inherits: true; initial-value: 2px;}@property --cngx-field-ring-offset{syntax: "<length>"; inherits: true; initial-value: 3px;}@property --cngx-field-affix-gap{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --cngx-field-affix-divider{syntax: "<length>"; inherits: true; initial-value: 0px;}}@layer cngx.components{@scope(.cngx-field-box){:scope{--cngx-field-affix-gap: var(--cngx-space-sm);--cngx-field-padding-block: var(--cngx-space-sm);--cngx-field-padding-inline: var(--cngx-space-md);--cngx-field-affix-pad: var(--cngx-space-xs);--cngx-field-affix-icon-size: 1.25em;display:inline-flex;align-items:center;gap:var(--cngx-field-affix-gap, .5rem);inline-size:100%;padding-block:var(--cngx-field-padding-block, .5rem);padding-inline:var(--cngx-field-padding-inline, 1rem);min-block-size:var(--cngx-target-min, 0px)}:scope:has(>.cngx-label){--cngx-field-label-row: var( --cngx-field-inner-label-line, calc(var(--cngx-field-label-font-size, .8125rem) + .0625rem) );flex-wrap:wrap;row-gap:0}:scope>.cngx-label{flex:0 0 100%;line-height:var(--cngx-field-label-row, .875rem)}:scope[data-skin=outline]{border:var(--cngx-field-border-width, 1px) solid var(--cngx-field-outline-color, var(--cngx-color-border-strong, oklch(.62 .005 250)));border-radius:var(--cngx-radius-md, 8px)}:scope[data-skin=outline]:is([data-invalid],:has(>:is(input,textarea,select)[aria-invalid=true])){border-color:var(--cngx-field-error-color, var(--cngx-color-danger, oklch(.6 .18 25)))}:scope[data-skin=outline]:is([data-disabled],:has(>:is(input,textarea,select):disabled)){border-style:dashed;background:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 4%,transparent);color:var( --cngx-field-disabled-color, color-mix(in oklab, var(--cngx-color-text, oklch(.2 .01 250)) 38%, transparent) );cursor:not-allowed}:scope:is([data-skin=outline],[data-skin=bare]):focus-within:not(:has(:is(.cngx-field-prefix,.cngx-field-suffix):focus-within)){outline:var(--cngx-field-ring-width, 2px) solid var(--cngx-color-primary, oklch(.66 .19 50));outline-offset:var(--cngx-field-ring-offset, 3px)}:scope>:where(input,textarea){flex:1 1 auto;min-inline-size:0}:scope>:is(input,textarea)::placeholder{color:var(--cngx-field-placeholder-color, var(--cngx-color-text-muted, oklch(.5 .01 250)))}.cngx-field-prefix,.cngx-field-suffix{color:var(--cngx-field-affix-color, var(--cngx-color-text-muted, oklch(.5 .01 250)));flex:0 0 auto;display:inline-flex;align-items:center}.cngx-field-prefix{padding-inline-end:max(0px,min(var(--cngx-space-sm, .5rem),var(--cngx-field-affix-divider, 0px) * 1000))}.cngx-field-suffix{padding-inline-start:max(0px,min(var(--cngx-space-sm, .5rem),var(--cngx-field-affix-divider, 0px) * 1000))}.cngx-field-prefix>cngx-icon,.cngx-field-suffix>cngx-icon{--cngx-icon-size: var(--cngx-field-affix-icon-size, 1.25em);--cngx-icon-color: var( --cngx-field-affix-color, var(--cngx-color-text-muted, oklch(.55 .02 250)) )}.cngx-field-affix--interactive{display:inline-flex;align-items:center;justify-content:center;min-inline-size:max(var(--cngx-field-affix-target, 2rem),var(--cngx-target-min, 0px));min-block-size:max(var(--cngx-field-affix-target, 2rem),var(--cngx-target-min, 0px));padding-inline:var(--cngx-field-affix-pad, .25rem);border:0;border-radius:var(--cngx-radius-sm, 4px);background:transparent;color:inherit;font:inherit;cursor:pointer}:scope>.cngx-field-affix--interactive{align-self:stretch;min-block-size:max(0px,calc(var(--cngx-target-min, 0px) - 2 * var(--cngx-field-padding-block, .5rem) - 2 * var(--cngx-field-border-width, 1px) - var(--cngx-field-label-row, 0px)))}.cngx-field-affix--interactive:hover{background:color-mix(in oklch,var(--cngx-color-text, oklch(.2 .01 250)) 8%,transparent)}.cngx-field-affix--interactive:disabled{cursor:default;color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent)}.cngx-field-affix--interactive:disabled:hover{background:transparent}.cngx-field-prefix{border-inline-end:var(--cngx-field-affix-divider, 0px) solid var(--cngx-field-underline-color, var(--cngx-color-text-muted, oklch(.5 .01 250)))}.cngx-field-suffix{border-inline-start:var(--cngx-field-affix-divider, 0px) solid var(--cngx-field-underline-color, var(--cngx-color-text-muted, oklch(.5 .01 250)))}.cngx-field-prefix.cngx-field-affix--interactive{padding-inline-end:max(var(--cngx-field-affix-pad, .25rem),min(var(--cngx-space-sm, .5rem),var(--cngx-field-affix-divider, 0px) * 1000))}.cngx-field-suffix.cngx-field-affix--interactive{padding-inline-start:max(var(--cngx-field-affix-pad, .25rem),min(var(--cngx-space-sm, .5rem),var(--cngx-field-affix-divider, 0px) * 1000))}}}@layer cngx.tokens{@property --cngx-field-underline-size{syntax: "<length>"; inherits: true; initial-value: 2px;}:root{--cngx-field-fill-bg: oklch(.955 .004 250);--cngx-field-underline-color: var(--cngx-color-text-muted);--cngx-field-underline-focus-color: var(--cngx-color-primary-strong)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-field-fill-bg: oklch(.29 .006 250);--cngx-field-underline-color: var(--cngx-color-text-muted);--cngx-field-underline-focus-color: var(--cngx-color-primary-strong)}}[data-color-scheme=dark],.dark{--cngx-field-fill-bg: oklch(.29 .006 250);--cngx-field-underline-color: var(--cngx-color-text-muted);--cngx-field-underline-focus-color: var(--cngx-color-primary-strong)}[data-color-scheme=light],.light{--cngx-field-fill-bg: oklch(.955 .004 250);--cngx-field-underline-color: var(--cngx-color-text-muted);--cngx-field-underline-focus-color: var(--cngx-color-primary-strong)}}@layer cngx.components{@scope(:is(input,textarea,select)[data-skin=fill]:not(.cngx-field-box>*),.cngx-field-box[data-skin=fill]){:scope{--cngx-field-padding-block: var(--cngx-space-sm);--cngx-field-padding-inline: var(--cngx-space-md);padding-block:var(--cngx-field-padding-block, .5rem);padding-inline:var(--cngx-field-padding-inline, 1rem);border:var(--cngx-field-border-width, 1px) solid transparent;border-block-end-color:var( --cngx-field-underline-color, var(--cngx-color-text-muted, oklch(.5 .01 250)) );border-radius:var(--cngx-radius-sm, 4px) var(--cngx-radius-sm, 4px) 0 0;background:var( --cngx-field-fill-bg, color-mix(in oklch, var(--cngx-color-text, oklch(.2 .01 250)) 6%, transparent) );transition:box-shadow .15s ease,border-color .15s ease,background-color .15s ease}:scope:hover{border-block-end-color:var(--cngx-color-text, oklch(.2 .01 250));background:var( --cngx-field-fill-bg-hover, color-mix( in oklab, var(--cngx-color-text, oklch(.2 .01 250)) 5%, var( --cngx-field-fill-bg, color-mix(in oklch, var(--cngx-color-text, oklch(.2 .01 250)) 6%, transparent) ) ) )}:scope::placeholder,:scope>:is(input,textarea)::placeholder{color:var(--cngx-field-placeholder-color, var(--cngx-color-text-muted, oklch(.5 .01 250)))}:scope:autofill{box-shadow:inset 0 0 0 100vh var( --cngx-field-fill-bg, color-mix(in oklch, var(--cngx-color-text, oklch(.2 .01 250)) 6%, transparent) );-webkit-text-fill-color:var(--cngx-color-text, oklch(.2 .01 250))}:scope:is(:focus-visible,:focus-within):where(:not(:has(:is(.cngx-field-prefix,.cngx-field-suffix):focus-within))){outline:none;border-block-end-color:var( --cngx-field-underline-focus-color, var(--cngx-color-primary-strong, oklch(from var(--cngx-color-primary, oklch(.66 .19 50)) .58 c h)) );box-shadow:inset 0 calc(var(--cngx-field-border-width, 1px) - var(--cngx-field-underline-size, 2px)) 0 var( --cngx-field-underline-focus-color, var(--cngx-color-primary-strong, oklch(from var(--cngx-color-primary, oklch(.66 .19 50)) .58 c h)) )}:scope:autofill:is(:focus-visible,:focus-within){box-shadow:inset 0 calc(var(--cngx-field-border-width, 1px) - var(--cngx-field-underline-size, 2px)) 0 var( --cngx-field-underline-focus-color, var(--cngx-color-primary-strong, oklch(from var(--cngx-color-primary, oklch(.66 .19 50)) .58 c h)) ),inset 0 0 0 100vh var( --cngx-field-fill-bg, color-mix(in oklch, var(--cngx-color-text, oklch(.2 .01 250)) 6%, transparent) )}:scope:is([aria-invalid=true],[data-invalid]),:scope:has(>:is(input,textarea,select)[aria-invalid=true]){border-block-end-color:var( --cngx-field-error-color, var(--cngx-color-danger, oklch(.6 .18 25)) );box-shadow:inset 0 calc(var(--cngx-field-border-width, 1px) - var(--cngx-field-underline-size, 2px)) 0 var(--cngx-field-error-color, var(--cngx-color-danger, oklch(.6 .18 25)))}:scope:is(:disabled,[data-disabled]),:scope:has(>:is(input,textarea,select):disabled){border-block-end-style:dashed;border-block-end-color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent);background:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 4%,transparent);color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent)}:scope:is([readonly],[aria-readonly=true],[data-readonly]):hover,:scope:has(>:is(input,textarea,select):is([readonly],[aria-readonly=true])):hover{border-block-end-color:var( --cngx-field-underline-color, var(--cngx-color-text-muted, oklch(.5 .01 250)) );background:var( --cngx-field-fill-bg, color-mix(in oklch, var(--cngx-color-text, oklch(.2 .01 250)) 6%, transparent) )}[data-contrast=more] :scope{--cngx-field-underline-color: var(--cngx-color-text, oklch(.2 .01 250))}}@scope(:is(input,textarea,select)[data-skin=bare]:not(.cngx-field-box>*),.cngx-field-box[data-skin=bare]){:scope{--cngx-field-padding-block: var(--cngx-space-sm);--cngx-field-padding-inline: var(--cngx-space-md);padding-block:var(--cngx-field-padding-block, .5rem);padding-inline:var(--cngx-field-padding-inline, 1rem);border:var(--cngx-field-border-width, 1px) solid transparent;border-radius:0;background:transparent;inline-size:var(--cngx-field-bare-inline-size, 100%);--cngx-field-ring-offset: calc(-1 * var(--cngx-field-ring-width, 2px))}:scope:is(:focus-visible,:focus-within){outline-offset:var(--cngx-field-ring-offset, -2px)}:scope::placeholder,:scope>:is(input,textarea)::placeholder{color:var(--cngx-field-placeholder-color, var(--cngx-color-text-muted, oklch(.5 .01 250)))}:scope:is([aria-invalid=true],[data-invalid]),:scope:has(>:is(input,textarea,select)[aria-invalid=true]){color:var( --cngx-field-bare-error-text-color, var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.6 .18 25)) .46 c h) ) )}:scope:is([aria-invalid=true],[data-invalid]):not(:focus-within),:scope:has(>:is(input,textarea,select)[aria-invalid=true]):not(:focus-within){outline:1px solid var(--cngx-field-error-color, var(--cngx-color-danger, oklch(.6 .18 25)));outline-offset:-1px}:scope:is([aria-invalid=true],[data-invalid]):is(:focus-visible,:focus-within):not(:has(:is(.cngx-field-prefix,.cngx-field-suffix):focus-within)),:scope:has(>:is(input,textarea,select)[aria-invalid=true]):is(:focus-visible,:focus-within):not(:has(:is(.cngx-field-prefix,.cngx-field-suffix):focus-within)){outline:var(--cngx-field-ring-width, 2px) solid var(--cngx-field-error-color, var(--cngx-color-danger, oklch(.6 .18 25)));outline-offset:var(--cngx-field-ring-offset, -2px)}:scope:is(:disabled,[data-disabled]),:scope:has(>:is(input,textarea,select):disabled){border-block-end-style:dotted;border-block-end-color:var(--cngx-color-border, oklch(.88 .005 250));color:var(--cngx-color-text-muted, oklch(.5 .01 250));cursor:not-allowed}}.cngx-field-box[data-skin]>:is(input,textarea,select),.cngx-field-box[data-skin]>:is(input,textarea,select):is(:focus-visible,:autofill){min-block-size:max(0px,calc(var(--cngx-target-min, 0px) - 2 * var(--cngx-field-padding-block, .5rem) - 2 * var(--cngx-field-border-width, 1px) - var(--cngx-field-label-row, 0px)));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;color:inherit}.cngx-field-box[data-skin]>input[type=search]::-webkit-search-cancel-button{display:none}.cngx-field-box[data-skin]>input[type=search]::-webkit-search-decoration{appearance:none}}@media(forced-colors:active){:is(input,textarea,select)[data-skin=fill]:not(.cngx-field-box>*),.cngx-field-box[data-skin=fill]{border-block-end:1px solid FieldText;box-shadow:none}:is(input,textarea,select)[data-skin=fill]:not(.cngx-field-box>*):is(:focus-visible,:focus-within),.cngx-field-box[data-skin=fill]:is(:focus-visible,:focus-within){outline:2px solid Highlight;outline-offset:3px;box-shadow:none}:is(input,textarea,select)[data-skin=fill]:not(.cngx-field-box>*):is([aria-invalid=true],[data-invalid]):not(:focus-within),.cngx-field-box[data-skin=fill]:is([aria-invalid=true],[data-invalid],:has(>:is(input,textarea,select)[aria-invalid=true])):not(:focus-within){outline:2px solid CanvasText;outline-offset:-2px}:is(input,textarea,select)[data-skin=bare]:not(.cngx-field-box>*),.cngx-field-box[data-skin=bare]{border:var(--cngx-field-border-width, 1px) solid FieldText}:is(input,textarea,select)[data-skin=fill]:not(.cngx-field-box>*):disabled,.cngx-field-box[data-skin=fill]:is(:disabled,[data-disabled],:has(>:is(input,textarea,select):disabled)){border-block-end-style:dashed}:is(input,textarea,select)[data-skin=bare]:not(.cngx-field-box>*):disabled,.cngx-field-box[data-skin=bare]:is(:disabled,[data-disabled],:has(>:is(input,textarea,select):disabled)){border-block-end-style:dotted}.cngx-field-box[data-skin]:is(:disabled,[data-disabled],:has(>:is(input,textarea,select):disabled)){color:GrayText}}@media(prefers-reduced-motion:reduce){:is(input,textarea,select)[data-skin=fill]:not(.cngx-field-box>*),.cngx-field-box[data-skin=fill]{transition:none}}@layer cngx.tokens{@property --cngx-field-label-font-size{syntax: "*"; inherits: true; initial-value: .8125rem;}@property --cngx-field-label-weight{syntax: "*"; inherits: true; initial-value: 500;}@property --cngx-field-hint-font-size{syntax: "*"; inherits: true; initial-value: .8125rem;}@property --cngx-field-label-gap{syntax: "*"; inherits: true; initial-value: .25rem;}@property --cngx-field-hint-gap{syntax: "*"; inherits: true; initial-value: .25rem;}}@layer cngx.components{cngx-form-field:has(>.cngx-label){--cngx-field-label-gap: var(--cngx-space-xs);--cngx-field-hint-gap: var(--cngx-space-xs);row-gap:var(--cngx-field-hint-gap, .25rem)}cngx-form-field:has(>.cngx-label)>.cngx-label{margin-block-end:calc(var(--cngx-field-label-gap, .25rem) - var(--cngx-field-hint-gap, .25rem))}cngx-form-field:has(>.cngx-label)>cngx-field-errors>p{margin-block:0}cngx-form-field:has(>.cngx-label)>.cngx-error:empty{position:absolute}.cngx-label{font-size:var(--cngx-field-label-font-size, .8125rem);font-weight:var(--cngx-field-label-weight, 500);color:var(--cngx-field-label-color, var(--cngx-color-text-muted, oklch(.5 .01 250)))}.cngx-label.cngx-label--error{color:var( --cngx-field-error-color, var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.6 .18 25)) .46 c h) ) )}.cngx-label.cngx-label--disabled{color:color-mix(in oklab,var(--cngx-color-text, oklch(.2 .01 250)) 38%,transparent)}.cngx-hint{font-size:var(--cngx-field-hint-font-size, .8125rem);color:var(--cngx-field-hint-color, var(--cngx-color-text-muted, oklch(.5 .01 250)))}cngx-field-errors,.cngx-error{font-size:var(--cngx-field-hint-font-size, .8125rem);color:var( --cngx-field-error-color, var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.6 .18 25)) .46 c h) ) )}}@media(forced-colors:active){.cngx-label.cngx-label--disabled{color:GrayText}}@layer cngx.tokens{@property --cngx-mat-tab-error-color{syntax: "*"; inherits: true;}@property --cngx-mat-tab-refused-color{syntax: "*"; inherits: true;}@property --cngx-mat-tab-refused-text-color{syntax: "*"; inherits: true;}@property --cngx-mat-tab-rejection-icon-size{syntax: "*"; inherits: true; initial-value: 1.15em;}@property --cngx-mat-tab-icon-gap{syntax: "*"; inherits: false; initial-value: .25rem;}.cngx-mat-tab__rejection-icon,.cngx-mat-tab__error-badge{--cngx-mat-tab-icon-gap: var(--cngx-space-xs, .25rem)}@property --cngx-mat-tab-error-font-weight{syntax: "<number>"; inherits: false; initial-value: 600;}@property --cngx-mat-tab-has-errors-color{syntax: "*"; inherits: true;}@property --cngx-mat-tab-has-errors-icon-size{syntax: "*"; inherits: true; initial-value: 1.15em;}@property --cngx-mat-tabs-more-z{syntax: "<number>"; inherits: false; initial-value: 2;}@property --cngx-mat-tabs-more-bg{syntax: "<color>"; inherits: true; initial-value: oklch(1 0 0);}@property --cngx-mat-tabs-more-shadow{syntax: "*"; inherits: true; initial-value: -8px 0 8px -4px oklch(0 0 0 / .1);}:root{--cngx-mat-tabs-more-bg: oklch(1 0 0);--cngx-mat-tabs-more-shadow: -8px 0 8px -4px oklch(0 0 0 / .1)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-mat-tabs-more-bg: oklch(.2 .01 250);--cngx-mat-tabs-more-shadow: -8px 0 8px -4px oklch(0 0 0 / .45)}}:root[data-color-scheme=dark],:root.dark{--cngx-mat-tabs-more-bg: oklch(.2 .01 250);--cngx-mat-tabs-more-shadow: -8px 0 8px -4px oklch(0 0 0 / .45)}:root[data-color-scheme=light],:root.light{--cngx-mat-tabs-more-bg: oklch(1 0 0);--cngx-mat-tabs-more-shadow: -8px 0 8px -4px oklch(0 0 0 / .1)}:root{--cngx-mat-tab-error-color: var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.6 .18 25)) .46 c h) );--cngx-mat-tab-has-errors-color: var(--cngx-color-danger, oklch(.6 .18 25));--cngx-mat-tab-refused-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.72 .15 75)) 70%, var(--cngx-color-text, oklch(.2 .01 250)) );--cngx-mat-tab-refused-text-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.72 .15 75)) 55%, var(--cngx-color-text, oklch(.2 .01 250)) )}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light){--cngx-mat-tab-error-color: var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.68 .17 25)) .74 c h) );--cngx-mat-tab-has-errors-color: var(--cngx-color-danger, oklch(.68 .17 25));--cngx-mat-tab-refused-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.78 .14 75)) 70%, var(--cngx-color-text, oklch(.95 .01 250)) );--cngx-mat-tab-refused-text-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.78 .14 75)) 55%, var(--cngx-color-text, oklch(.95 .01 250)) )}}[data-color-scheme=dark],.dark{--cngx-mat-tab-error-color: var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.68 .17 25)) .74 c h) );--cngx-mat-tab-has-errors-color: var(--cngx-color-danger, oklch(.68 .17 25));--cngx-mat-tab-refused-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.78 .14 75)) 70%, var(--cngx-color-text, oklch(.95 .01 250)) );--cngx-mat-tab-refused-text-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.78 .14 75)) 55%, var(--cngx-color-text, oklch(.95 .01 250)) )}[data-color-scheme=light],.light{--cngx-mat-tab-error-color: var( --cngx-color-danger-text, oklch(from var(--cngx-color-danger, oklch(.6 .18 25)) .46 c h) );--cngx-mat-tab-has-errors-color: var(--cngx-color-danger, oklch(.6 .18 25));--cngx-mat-tab-refused-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.72 .15 75)) 70%, var(--cngx-color-text, oklch(.2 .01 250)) );--cngx-mat-tab-refused-text-color: color-mix( in oklab, var(--cngx-color-warning, oklch(.72 .15 75)) 55%, var(--cngx-color-text, oklch(.2 .01 250)) )}}@layer cngx.components{.cngx-mat-tab__error-badge,.cngx-mat-tab__rejection-icon{display:inline-flex;align-items:center;flex:0 0 auto;align-self:center;margin-inline-start:var(--cngx-mat-tab-icon-gap, .25rem);pointer-events:none}.cngx-mat-tab__error-badge{order:1;color:var(--cngx-mat-tab-has-errors-color, oklch(.6 .18 25))}.cngx-mat-tab__rejection-icon{order:2;color:var(--cngx-mat-tab-error-color, oklch(.5 .14 25))}.cngx-mat-tab__rejection-icon[data-reason=refused]{color:var(--cngx-mat-tab-refused-color, oklch(.56 .11 74))}.cngx-mat-tab__icon-svg{--cngx-icon-svg-size: 1.15em;--cngx-icon-svg-stroke-width: 2;display:block;flex:none}.cngx-mat-tab__error-badge>.cngx-mat-tab__icon-svg{--cngx-icon-svg-size: var(--cngx-mat-tab-has-errors-icon-size, 1.15em)}.cngx-mat-tab__rejection-icon>.cngx-mat-tab__icon-svg{--cngx-icon-svg-size: var(--cngx-mat-tab-rejection-icon-size, 1.15em)}.cngx-mat-tabs-more{flex:0 0 auto;align-self:stretch;display:flex;align-items:center;z-index:var(--cngx-mat-tabs-more-z, 2);--cngx-tab-overflow-bg: var(--cngx-mat-tabs-more-bg, oklch(1 0 0));--cngx-tab-overflow-button-bg: var(--cngx-mat-tabs-more-bg, oklch(1 0 0));box-shadow:var(--cngx-mat-tabs-more-shadow, -8px 0 8px -4px oklch(0 0 0 / .1))}.cngx-mat-tabs-more:has(.cngx-tab-overflow__trigger[hidden]){display:none}.cngx-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.mat-mdc-tab.cngx-mat-tab--error,.mat-mdc-tab-link.cngx-mat-tab--error{--_cngx-mat-tab-rejection-text: var(--cngx-mat-tab-error-color, oklch(.5 .14 25));--mat-tab-inactive-label-text-color: var(--_cngx-mat-tab-rejection-text, oklch(.5 .14 25));--mat-tab-inactive-focus-label-text-color: var( --_cngx-mat-tab-rejection-text, oklch(.5 .14 25) );--mat-tab-inactive-hover-label-text-color: var( --_cngx-mat-tab-rejection-text, oklch(.5 .14 25) );--mat-tab-active-label-text-color: var(--_cngx-mat-tab-rejection-text, oklch(.5 .14 25));--mat-tab-active-focus-label-text-color: var(--_cngx-mat-tab-rejection-text, oklch(.5 .14 25));--mat-tab-active-hover-label-text-color: var(--_cngx-mat-tab-rejection-text, oklch(.5 .14 25));color:var(--_cngx-mat-tab-rejection-text, oklch(.5 .14 25));font-weight:var(--cngx-mat-tab-error-font-weight, 600)}.mat-mdc-tab.cngx-mat-tab--error[data-reason=refused],.mat-mdc-tab-link.cngx-mat-tab--error[data-reason=refused]{--_cngx-mat-tab-rejection-text: var(--cngx-mat-tab-refused-text-color, oklch(.49 .07 75))}@media(forced-colors:active){.cngx-mat-tab__error-badge,.cngx-mat-tab__rejection-icon{color:CanvasText}.mat-mdc-tab.cngx-mat-tab--error:not(:focus-visible),.mat-mdc-tab-link.cngx-mat-tab--error:not(:focus-visible){outline:2px solid CanvasText;outline-offset:-2px}}:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;--cngx-font-base: 16px;line-height:1.5;--cngx-ex-bg: #ffffff;--cngx-ex-text: #1f2937;--cngx-ex-muted: #6b7280;--cngx-ex-faint: #9ca3af;--cngx-ex-border: #e5e7eb;--cngx-ex-surface: #ffffff;--cngx-ex-surface-alt: #f9fafb;--cngx-ex-highlight-bg: rgba(37, 99, 235, .12);--cngx-ex-focus: #2563eb;--cngx-ex-link: #2563eb;color:var(--cngx-ex-text)}html[data-color-scheme=dark],html.dark{--cngx-ex-bg: #111111;--cngx-ex-text: #e6e6e6;--cngx-ex-muted: #aaaaaa;--cngx-ex-faint: #777777;--cngx-ex-border: #555555;--cngx-ex-surface: #1a1a1a;--cngx-ex-surface-alt: #1f1f1f;--cngx-ex-highlight-bg: rgba(121, 192, 255, .18);--cngx-ex-focus: #79c0ff;--cngx-ex-link: #79c0ff}@media(prefers-color-scheme:dark){html:not([data-color-scheme=light]):not(.light){--cngx-ex-bg: #111111;--cngx-ex-text: #e6e6e6;--cngx-ex-muted: #aaaaaa;--cngx-ex-faint: #777777;--cngx-ex-border: #555555;--cngx-ex-surface: #1a1a1a;--cngx-ex-surface-alt: #1f1f1f;--cngx-ex-highlight-bg: rgba(121, 192, 255, .18);--cngx-ex-focus: #79c0ff;--cngx-ex-link: #79c0ff}}body{margin:0;padding:16px;background:var(--cngx-ex-bg);color:var(--cngx-ex-text)}#cngx-ex-toggles{position:fixed;right:16px;bottom:16px;z-index:99999;display:flex;flex-direction:row;gap:8px}#cngx-ex-color-scheme-toggle,#cngx-ex-density-toggle,#cngx-ex-field-skin-toggle,#cngx-ex-text-scale-toggle,#cngx-ex-direction-toggle{display:inline-block;padding:2px 6px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:0;background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:var(--cngx-color-text, var(--cngx-ex-text, #1f2937));cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.2}#cngx-ex-field-skin-toggle:before{content:attr(data-marker)/""}#cngx-ex-color-scheme-toggle:hover,#cngx-ex-density-toggle:hover,#cngx-ex-field-skin-toggle:hover,#cngx-ex-text-scale-toggle:hover,#cngx-ex-direction-toggle:hover{background:color-mix(in oklch,var(--cngx-color-surface, #fff),currentColor 6%)}#cngx-ex-color-scheme-toggle:focus-visible,#cngx-ex-density-toggle:focus-visible,#cngx-ex-field-skin-toggle:focus-visible,#cngx-ex-text-scale-toggle:focus-visible,#cngx-ex-direction-toggle:focus-visible{outline:1px solid var(--cngx-color-primary, #4a8cff);outline-offset:1px}.cngx-ex-intro{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--cngx-ex-border)}.cngx-ex-intro h1{margin:0 0 2px;font-size:1.125rem;font-weight:600;line-height:1.3}.cngx-ex-intro h2{margin:0;font-size:.95rem;font-weight:600;color:var(--cngx-ex-text);line-height:1.4}.cngx-ex-intro p{margin:8px 0 0;color:var(--cngx-ex-muted);font-size:.875rem;line-height:1.55}.cngx-ex-intro code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:1px 5px;background:var(--cngx-ex-surface-alt);border-radius:3px}.cngx-ex-intro em,.cngx-ex-intro i{font-style:italic;font-weight:600;color:var(--cngx-ex-text, var(--cngx-color-text, inherit))}.cngx-ex-intro strong,.cngx-ex-intro b{font-weight:700;color:var(--cngx-ex-text, var(--cngx-color-text, inherit))}.cngx-ex-intro kbd{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;line-height:1;padding:2px 6px;margin:0 1px;border:1px solid var(--cngx-ex-border);border-bottom-width:2px;border-radius:4px;background:var(--cngx-ex-surface-alt);color:var(--cngx-ex-text, var(--cngx-color-text, inherit));vertical-align:baseline}.cngx-ex-intro mark{background:color-mix(in oklch,transparent,currentColor 14%);color:inherit;padding:0 3px;border-radius:2px}.cngx-ex-intro .cngx-ex-hint{font-style:italic;color:var(--cngx-ex-muted)}.cngx-ex-artifact{display:block;max-width:var(--demo-artifact-max-width, 640px);margin:0 0 24px;padding:8px 0 24px;border-block-end:1px solid var(--cngx-ex-border)}.cngx-ex-chrome{display:block;max-width:var(--demo-artifact-max-width, 640px);margin:0 0 24px}.cngx-ex-tags{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 6px}.cngx-ex-tag{display:inline-block;padding:0 5px;border:1px solid var(--cngx-ex-border);border-left-width:3px;border-radius:0;background:transparent;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;line-height:1.6;color:var(--cngx-ex-text);white-space:nowrap}.cngx-ex-tag[data-dim=atomic-level]{border-left-color:#2563eb}.cngx-ex-tag[data-dim=audience]{border-left-color:#16a34a}.cngx-ex-tag[data-dim=artifact]{border-left-color:#9333ea}.cngx-ex-tag[data-dim=focus]{border-left-color:#6b7280}.cngx-ex-tag[data-dim=framework]{border-left-color:#0891b2}.cngx-ex-tag[data-dim=stability][data-value=experimental]{border-left-color:#d97706;border-color:#d97706;color:#d97706}.cngx-ex-tag[data-dim=stability][data-value=deprecated]{border-left-color:#dc2626;border-color:#dc2626;color:#dc2626;text-decoration:line-through}.cngx-ex-refs{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.75rem}.cngx-ex-refs:before{content:"Implements:";color:var(--cngx-ex-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.cngx-ex-ref a{color:var(--cngx-ex-link, var(--cngx-color-link, #2563eb));text-decoration:underline;text-underline-offset:2px}.cngx-ex-ref a:hover{text-decoration:none}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=atomic-level],html.dark .cngx-ex-tag[data-dim=atomic-level]{border-left-color:#79c0ff}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=audience],html.dark .cngx-ex-tag[data-dim=audience]{border-left-color:#56d364}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=artifact],html.dark .cngx-ex-tag[data-dim=artifact]{border-left-color:#c39df0}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=focus],html.dark .cngx-ex-tag[data-dim=focus]{border-left-color:#aaa}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=framework],html.dark .cngx-ex-tag[data-dim=framework]{border-left-color:#5eead4}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=stability][data-value=experimental],html.dark .cngx-ex-tag[data-dim=stability][data-value=experimental]{border-left-color:#fbbf24;border-color:#fbbf24;color:#fbbf24}html[data-color-scheme=dark] .cngx-ex-tag[data-dim=stability][data-value=deprecated],html.dark .cngx-ex-tag[data-dim=stability][data-value=deprecated]{border-left-color:#f87171;border-color:#f87171;color:#f87171}@media(prefers-color-scheme:dark){html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=atomic-level]{border-left-color:#79c0ff}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=audience]{border-left-color:#56d364}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=artifact]{border-left-color:#c39df0}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=focus]{border-left-color:#aaa}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=framework]{border-left-color:#5eead4}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=stability][data-value=experimental]{border-left-color:#fbbf24;border-color:#fbbf24;color:#fbbf24}html:not([data-color-scheme=light]):not(.light) .cngx-ex-tag[data-dim=stability][data-value=deprecated]{border-left-color:#f87171;border-color:#f87171;color:#f87171}}.cngx-ex-code{margin-top:.75rem;border:1px solid var(--cngx-ex-border);border-radius:.5rem;background:var(--cngx-ex-surface);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.cngx-ex-code[open]{box-shadow:0 1px 2px #0000000a}.cngx-ex-code>summary{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;cursor:pointer;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--cngx-ex-text);-webkit-user-select:none;user-select:none;list-style:none}.cngx-ex-code>summary::-webkit-details-marker{display:none}.cngx-ex-code>summary:before{content:"";display:inline-block;width:0;height:0;margin-right:.125rem;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.75;transition:transform .15s ease;transform:rotate(-90deg)}.cngx-ex-code[open]>summary:before{transform:rotate(0)}.cngx-ex-code>summary:hover{background:var(--cngx-ex-surface-alt)}.cngx-ex-code>summary:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:.5rem .5rem 0 0}.cngx-ex-code[open]>summary{border-bottom:1px solid var(--cngx-ex-border);background:var(--cngx-ex-surface-alt)}.cngx-ex-code>pre{margin:0;padding:.875rem 1rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;line-height:1.6;background:var(--cngx-ex-surface);color:var(--cngx-ex-text)}.cngx-ex-code>pre>code{font:inherit;background:none;padding:0;white-space:pre}@media(max-width:640px){.cngx-ex-code{display:none}}.chip-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.event-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:12px}.event-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.875rem}.event-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--cngx-ex-muted);min-width:12rem}.event-value{font-size:.8125rem;font-variant-numeric:tabular-nums}.cngx-ex-sr-output{margin-top:12px;padding:10px 14px;border:1px dashed var(--cngx-ex-border, #d1d5db);border-radius:6px;font-size:.8125rem}.cngx-ex-sr-output__title{margin:0 0 8px;font-size:.6875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cngx-ex-muted)}.cngx-ex-sr-output__list{display:grid;grid-template-columns:max-content 1fr;column-gap:16px;row-gap:4px;margin:0}.cngx-ex-sr-output__list dt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cngx-ex-muted)}.cngx-ex-sr-output__list dd{margin:0;font-variant-numeric:tabular-nums}.cngx-ex-sr-output__note{margin:8px 0 0;color:var(--cngx-ex-muted)}.tt-hitbox{outline:2px dashed var(--cngx-color-primary, oklch(66% .19 50deg));outline-offset:-1px;background:color-mix(in oklch,var(--cngx-color-primary, oklch(66% .19 50deg)) 8%,transparent);border-radius:var(--cngx-radius-sm, 4px);transition:min-block-size .15s ease}.tt-hitbox.cngx-icon-button{outline:revert-layer;background:revert-layer;border-radius:revert-layer}.tt-hitbox.cngx-icon-button:before{outline:2px dashed var(--cngx-color-primary, oklch(66% .19 50deg));outline-offset:-1px;background:color-mix(in oklch,var(--cngx-color-primary, oklch(66% .19 50deg)) 8%,transparent);border-radius:var(--cngx-radius-sm, 4px)}.tt-hitboxes :is(.cngx-button-toggle,.cngx-tabs__tab,.cngx-paginator__button,.cngx-paginator__option,.cngx-stepper__step,.cngx-select__trigger,[cngxBreadcrumbItem],.cngx-breadcrumb__overflow-trigger,.cngx-chip){outline:2px dashed var(--cngx-color-primary, oklch(66% .19 50deg));outline-offset:-1px;background:color-mix(in oklch,var(--cngx-color-primary, oklch(66% .19 50deg)) 8%,transparent);border-radius:var(--cngx-radius-sm, 4px)}@media(max-width:480px){.event-row{gap:.5rem}.event-label{min-width:0}}.status-row,.button-row,.filter-row,.search-row,.demo-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.demo-list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-inline-size:22.5rem}.demo-card-label,.demo-metric-label{font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-metric-label{margin-bottom:4px}.demo-table-emptycell{padding:0}.demo-skin-table{border-collapse:collapse;inline-size:100%}.demo-skin-table :is(th,td){padding:calc(var(--cngx-space-sm, 8px) + 1px) calc(var(--cngx-space-md, 16px) + 1px);border:var(--cngx-border-width, 1px) solid var(--cngx-color-border, #cbd5e1);text-align:start}.demo-skin-table td:has([data-skin=bare]){padding:0}.demo-cell-errors{margin:var(--cngx-space-xs, 4px) 0 0;padding:0;list-style:none;font-size:.8125rem;color:var(--cngx-color-danger, #b91c1c)}.demo-layout-cell{padding:12px 16px;border-radius:var(--cngx-radius-sm, 4px);background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f3f4f6));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.875rem}.demo-dismissible-card{padding:16px 40px 16px 16px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-disclosure-panel{padding:.75rem;border-left:3px solid var(--cngx-color-primary, var(--cngx-ex-accent, currentColor));background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));border-radius:var(--cngx-radius-sm, 4px);font-size:.875rem;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-disclosure-faq-row{border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-disclosure-faq-trigger{text-align:left;padding:.75rem 0;font-weight:600;font-size:.875rem;background:none;border:none;cursor:pointer;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-disclosure-faq-answer{padding:0 0 .75rem;font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-scroll-frame{overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:8px}.demo-scroll-row{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-scroll-row-stack{display:block;padding:12px 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-scroll-sentinel{padding:8px;text-align:center}.demo-cv-item{content-visibility:auto;contain-intrinsic-size:auto 48px}.demo-sr-transcript{display:grid;grid-template-columns:max-content 1fr;align-items:baseline;column-gap:16px;row-gap:6px;margin:0}.demo-sr-transcript dt{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.demo-sr-transcript dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-sr-tag{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:999px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-sr-tag--accent{border-color:var(--cngx-color-accent-positive, currentColor);color:var(--cngx-color-accent-positive, currentColor)}.demo-skeleton-row{background:linear-gradient(90deg,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 25%,var(--cngx-color-surface-3, var(--cngx-ex-surface-3, #e5e5e5)) 50%,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 75%);background-size:200% 100%;animation:demo-skeleton-shimmer 1.4s ease-in-out infinite}.demo-error-list{margin:8px 0;padding-inline-start:24px;color:var(--cngx-color-danger, #b00020)}.demo-error-message{margin:4px 0 12px;color:var(--cngx-color-danger, #b00020);font-size:.875em}.demo-error-input{padding:6px 8px;min-width:240px;border-radius:4px;border:1px solid var(--cngx-color-border, #d1d5db);display:block;margin-top:4px}.demo-error-input.cngx-error,.demo-error-input[aria-invalid=true]{border-color:var(--cngx-color-danger, #b00020);outline-color:var(--cngx-color-danger, #b00020)}.demo-error-surface{padding:12px 16px;margin-bottom:1rem;border-radius:6px;border:1px solid var(--cngx-color-border, #d1d5db)}.demo-error-surface.cngx-error,.demo-error-surface[aria-invalid=true]{border-color:var(--cngx-color-danger, #b00020);background:color-mix(in srgb,var(--cngx-color-danger, #b00020) 4%,transparent)}.demo-error-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-inline-start:6px;border-radius:9px;background:var(--cngx-color-danger, #b00020);color:var(--cngx-color-on-danger, #ffffff);font-size:.75em;line-height:1}@keyframes demo-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.demo-list-row{padding:8px 0;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-list-flush{list-style:none;padding:0;margin:0}.demo-numeric-input,.demo-icon-button{padding:4px 8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #ccc));border-radius:4px;background:transparent;color:inherit;font:inherit}.demo-numeric-input{width:80px}.demo-icon-button{padding:6px 16px;cursor:pointer}.demo-dialog-handle{display:flex;align-items:center;justify-content:space-between;cursor:grab;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-dialog-section{margin:16px 0;padding:12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:4px}.demo-dialog-input{display:block;width:100%;margin-top:4px;padding:6px 8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:4px;background:transparent;color:inherit;font:inherit}.demo-dialog-floating{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:8px;padding:16px;background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));box-shadow:0 4px 12px var(--cngx-color-shadow, oklch(0% 0 0deg / .18))}.demo-dialog-anchor{anchor-name:--demo-help-anchor}.demo-dialog-anchored{position-anchor:--demo-help-anchor;inset:auto;position-area:bottom span-inline-end;margin-block-start:8px;max-width:280px}.demo-listbox-surface{display:flex;flex-direction:column;max-width:260px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-listbox-surface--scroll{max-height:260px;overflow:auto}.demo-synced-listboxes{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;max-width:560px}.demo-synced-listboxes__cap{display:block;margin-bottom:6px;font-weight:500}.demo-listbox-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:200px;padding:8px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font:inherit;text-align:left;cursor:pointer}.demo-listbox-trigger:focus-visible{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-accent, #4a8cff));outline-offset:2px}.demo-listbox-trigger--flush{width:100%;min-width:0;border:none}.demo-panel-option-list{padding:4px}.demo-panel-footer-pgn{padding:4px 8px;border-top:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-listbox-search{width:260px;padding:6px 10px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font:inherit}.demo-listbox-empty{margin:6px 0 0;padding:6px 10px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted));font-size:.875rem}.demo-ad-listbox{display:flex;flex-direction:column;gap:2px;max-width:260px;padding:4px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);outline:none;background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-ad-listbox:focus-visible{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-accent, #4a8cff));outline-offset:2px}.demo-radio-bound{margin-top:12px;font-size:.875em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-radio-bound>code{display:inline-block;min-width:8ch}.demo-kbd-hint{display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:12px;font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-kbd-hint kbd{display:inline-block;margin:0 1px;padding:1px 6px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:4px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;line-height:1.2}button.chip--icon-close{padding:2px 8px}button.chip--danger{color:var(--cngx-color-danger, currentColor);border-color:var(--cngx-color-danger, currentColor)}button.chip{appearance:none;padding:6px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:6px;background:transparent;color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.8125rem;font-family:inherit;cursor:pointer;transition:background .15s ease}button.chip.chip--compact{padding-block:var(--cngx-ex-chip-compact-padding-block, 0);padding-inline:var(--cngx-space-sm, .5rem);line-height:var(--cngx-ex-chip-compact-line-height, 1.25rem);min-inline-size:var(--cngx-target-min, 0px);min-block-size:var(--cngx-target-min, 0px);margin-block:calc(-.5*max(0px,var(--cngx-target-min, 0px) - var(--cngx-line-height-base, 1.5) * 1rem))}.cngx-ex-overlay-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.cngx-ex-overlay-backdrop--right{align-items:stretch;justify-content:flex-end}.cngx-ex-overlay-backdrop--left{align-items:stretch;justify-content:flex-start}.cngx-ex-overlay-panel{background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));border-radius:8px;padding:24px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:12px;max-width:380px}.cngx-ex-overlay-panel--drawer{width:300px;max-width:none;height:100%;border-radius:0;box-shadow:0 0 24px #00000026}.cngx-ex-keyboard-ring{outline:none;transition:box-shadow .15s ease}.cngx-ex-keyboard-ring.cngx-focus-visible{box-shadow:0 0 0 2px var(--cngx-color-primary, #f5a623)}.cngx-ex-live-region{margin-top:12px;padding:10px 14px;border:1px solid var(--cngx-ex-border);border-radius:6px;min-height:40px;transition:background .3s ease,border-color .3s ease}.cngx-ex-live-region--flash{background:var(--cngx-color-primary, #f5a623);border-color:var(--cngx-color-primary, #f5a623);color:var(--cngx-color-on-accent, #000)}button.chip[aria-pressed=true],.chip.chip--active{background:var(--cngx-ex-surface-alt);border-color:currentColor}.filter-label{font-size:.8125rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-weight:500}.cngx-ex-form-error{min-height:1.25rem;font-size:.8125rem;color:var(--cngx-color-danger, #e53e3e)}.cngx-ex-form-error:empty{visibility:hidden}.cngx-ex-stack-form{display:grid;gap:var(--cngx-ex-stack-form-gap, 8px);max-width:var(--cngx-ex-stack-form-max-width, 360px);justify-items:start}.cngx-ex-stack-form>input{justify-self:stretch}@keyframes cngx-ex-demo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cngx-ex-demo-progress{0%,to{transform:translate(-100%)}50%{transform:translate(200%)}}@keyframes cngx-ex-demo-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cngx-ex-demo-spinner{width:60px;height:60px;border-radius:50%;border:6px solid var(--cngx-ex-surface-alt);border-top-color:var(--cngx-color-primary, #f5a623);flex-shrink:0;box-sizing:border-box;animation:cngx-ex-demo-spin 2s linear infinite}.cngx-ex-demo-progress{width:120px;height:8px;border-radius:4px;background:var(--cngx-ex-surface-alt);overflow:hidden}.cngx-ex-demo-progress-bar{width:40%;height:100%;border-radius:4px;background:var(--cngx-color-primary, #f5a623);animation:cngx-ex-demo-progress 1.5s ease-in-out infinite}.cngx-reduced-motion .cngx-ex-demo-spinner,.cngx-reduced-motion .cngx-ex-demo-progress-bar{animation:none}.cngx-ex-toast{padding:10px 14px;border-radius:6px;background:var(--cngx-ex-surface-alt);border:1px solid var(--cngx-ex-border);display:flex;align-items:center;justify-content:space-between;font-size:.8125rem}.cngx-ex-toast--animate{animation:cngx-ex-demo-slide-in .3s ease-out}.cngx-ex-toast-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;min-height:60px}.cngx-ex-toast-list__empty{padding:16px;text-align:center;font-size:.8125rem;color:var(--cngx-ex-muted)}.cngx-ex-help-disclosure{margin:8px 0 0}.cngx-ex-help-disclosure>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.8125rem;color:var(--cngx-ex-muted);-webkit-user-select:none;user-select:none;list-style:none}.cngx-ex-help-disclosure>summary::-webkit-details-marker{display:none}.cngx-ex-help-disclosure>summary:before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;font-size:.72rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1}.cngx-ex-help-disclosure[open]>summary{color:var(--cngx-ex-text)}.cngx-ex-help-disclosure-panel{margin:8px 0 0;padding:10px 12px;border-radius:6px;background:var(--cngx-ex-surface-alt);font-size:.8125rem;line-height:1.5}.cngx-ex-help-disclosure-panel ul{margin:0;padding-inline-start:1.25rem}.cngx-ex-help-disclosure-panel li+li{margin-top:4px}.cngx-ex-status-readout{font-size:.75rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted));font-variant-numeric:tabular-nums}.cngx-ex-chart-frame{display:inline-block;max-width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:4px}.cngx-ex-plot-overlay{position:absolute;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px;pointer-events:none;background:var(--cngx-ex-plot-overlay-bg, rgba(37, 99, 235, .12));border:1px dashed var(--cngx-color-primary, var(--cngx-ex-accent, #2563eb));border-radius:2px;font-size:11px;color:var(--cngx-color-text-muted, var(--cngx-ex-text-muted, #6b7280))}.cngx-ex-chart-frame--responsive{resize:horizontal;overflow:auto;max-width:600px;min-width:0;width:100%}.cngx-ex-kpi-strip{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:360px}.cngx-ex-kpi-strip>li{display:flex;align-items:center;gap:12px}.cngx-ex-kpi-strip>li>:first-child{flex:1}.cngx-ex-kpi-strip>li>:last-child{width:60px;text-align:right}.cngx-ex-menu-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px;max-width:220px}.cngx-ex-menu-item{padding:6px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:6px;background:transparent;color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.8125rem;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.cngx-ex-menu-item:hover,.cngx-ex-menu-item:focus-visible{background:color-mix(in oklch,transparent,currentColor 6%)}.cngx-ex-menu-item[aria-disabled=true]{opacity:.4;cursor:not-allowed}cngx-speak-button[cngxCardBadge]{background:transparent;padding:0;min-width:0}button.chip:hover:not(:disabled){background:color-mix(in oklch,transparent,currentColor 6%)}button.chip:disabled{cursor:not-allowed;opacity:.5}.filter-container{display:flex;flex-wrap:wrap;gap:.375rem}.kbd-hint{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.8rem}.kbd-hint>strong{font-weight:600}.kbd-hint>span{display:inline-flex;align-items:center;gap:.25rem}.demo-sidenav__container{height:420px;margin-top:.75rem;border:1px solid var(--cngx-color-border);border-radius:6px;--cngx-nav-link-active-bg: transparent;--cngx-nav-link-active-color: inherit}.demo-sidenav__container--short{height:320px}.demo-sidenav__header{padding:1rem;font-size:1rem;font-weight:700}.demo-sidenav__label{display:block;padding:.75rem 1rem .25rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cngx-color-text-muted)}.demo-sidenav__link{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;text-decoration:none;font-size:.85rem;color:inherit;border-left:3px solid transparent}.demo-sidenav__link--plain{display:block;border-left:0;justify-content:initial}.demo-sidenav__link--sub{display:block;padding:.4rem 1rem .4rem calc(1rem + 14px);text-decoration:none;font-size:.8rem;color:inherit}.demo-sidenav__badge{background:var(--cngx-color-danger);color:var(--cngx-color-surface);font-size:.65rem;font-weight:700;padding:.1em .45em;border-radius:10px;min-width:1.1em;text-align:center}.demo-sidenav__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--cngx-color-success);flex-shrink:0}.demo-sidenav__group{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:none;background:none;cursor:pointer;text-align:left;font-size:.85rem;color:inherit}.demo-sidenav__chevron{font-size:.6rem;transition:transform .15s}.demo-sidenav__footer{padding:.75rem 1rem;font-size:.7rem;color:var(--cngx-color-text-muted)}.demo-sidenav__content{padding:1.25rem}.demo-sidenav__content--compact{padding:1rem}.demo-sidenav__content-title{margin:0 0 .5rem;font-size:1.1rem}.demo-sidenav__content-title--small{font-size:1rem}.demo-sidenav__content-hint{margin:0;font-size:.85rem;color:var(--cngx-color-text-muted)}.demo-sidenav__order-item{display:block;width:100%;text-align:start;font:inherit;color:inherit;background:transparent;padding:.5rem .75rem;margin-bottom:.5rem;border:1px solid var(--cngx-color-border);border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .15s}.demo-sidenav__order-item.is-selected{background:color-mix(in oklch,var(--cngx-color-primary) 8%,transparent);border-color:var(--cngx-color-primary)}.demo-sidenav__detail-pad{padding:1.25rem}.demo-sidenav__detail-actions{display:flex;gap:.5rem}.demo-sidenav__themes-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.demo-sidenav__theme-label{margin-bottom:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--cngx-color-text-muted)}.demo-sidenav__theme-label--inset{padding:.5rem .5rem 0}.demo-sidenav__theme-panel{height:300px;border-radius:6px;overflow:hidden}.demo-sidenav__theme-panel--dark{background:var(--cngx-color-surface);color:var(--cngx-color-text);border-radius:6px}.cngx-ex-artifact:has(>.demo-sidenav-resizable){--demo-artifact-max-width: none}.demo-sidenav-resizable{resize:horizontal;overflow:auto;width:40rem;min-width:20rem;max-width:none;border:1px dashed var(--cngx-color-border, var(--cngx-ex-border, #cbd5e1));border-radius:var(--cngx-radius-sm, 4px)}.demo-sidenav-resizable>.demo-sidenav__container{margin-top:0}.demo-tag-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.demo-tag-stack{display:flex;flex-direction:column;gap:16px}.demo-tag-group-frame{border:1px dashed var(--cngx-color-border, var(--cngx-ex-border, #d1d5db));padding:8px}.demo-tag-link{text-decoration:none}.demo-tag-link:hover{filter:brightness(.92)}.demo-tag-label-strong{font-weight:700}.demo-tag-label-meta{opacity:.7}.cngx-tag[data-color=my-brand]{--cngx-tag-bg: var(--cngx-color-primary, oklch(.55 .21 280));--cngx-tag-color: var(--cngx-color-on-primary, oklch(.99 0 0));--cngx-tag-border: 1px solid transparent}.demo-radio-row{display:flex;gap:24px;align-items:center;font-size:1.5em;color:var(--cngx-color-primary, var(--cngx-ex-accent, oklch(66% .19 50deg)))}.demo-radio-row--baseline{align-items:baseline}.demo-radio-cell{display:flex;flex-direction:column;align-items:center;gap:8px}.demo-radio-caption{font-size:.625em;color:var(--cngx-color-text-muted, var(--cngx-ex-text-muted, oklch(50% .01 250deg)))}.demo-radio-brand-magenta{--cngx-radio-indicator-checked-color: var(--cngx-color-magenta, oklch(.55 .25 350));--cngx-radio-indicator-border-width: 2}.demo-radio-brand-emerald{--cngx-radio-indicator-checked-color: var(--cngx-color-success, oklch(.55 .13 165));--cngx-radio-indicator-dot-scale: .6}.demo-button-toggle-caption{font-size:.875em;margin-top:12px;color:var(--cngx-color-text-muted, var(--cngx-ex-text-muted, oklch(50% .01 250deg)))}.demo-checkbox-caption{font-size:.875em;margin-top:12px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted))}.demo-button-toggle-group .cngx-button-toggle{padding:.5rem 1rem;border:1px solid var(--cngx-color-outline, oklch(72% .01 250deg));background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:var(--cngx-color-on-surface, var(--cngx-ex-text, currentColor));font:inherit;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.demo-button-toggle-group .cngx-button-toggle+.cngx-button-toggle{margin-left:-1px}.demo-button-toggle-group .cngx-button-toggle:first-child{border-top-left-radius:var(--cngx-radius-md, .375rem);border-bottom-left-radius:var(--cngx-radius-md, .375rem)}.demo-button-toggle-group .cngx-button-toggle:last-child{border-top-right-radius:var(--cngx-radius-md, .375rem);border-bottom-right-radius:var(--cngx-radius-md, .375rem)}.demo-button-toggle-group[aria-orientation=vertical] .cngx-button-toggle+.cngx-button-toggle{margin-left:0;margin-top:-1px}.demo-button-toggle-group[aria-orientation=vertical] .cngx-button-toggle:first-child{border-radius:var(--cngx-radius-md, .375rem) var(--cngx-radius-md, .375rem) 0 0}.demo-button-toggle-group[aria-orientation=vertical] .cngx-button-toggle:last-child{border-radius:0 0 var(--cngx-radius-md, .375rem) var(--cngx-radius-md, .375rem)}.demo-button-toggle-group .cngx-button-toggle:not(.cngx-button-toggle--checked):hover:not([disabled]){background:color-mix(in oklch,var(--cngx-color-surface, #ffffff),var(--cngx-color-on-surface, oklch(25% 0 0deg)) 8%)}.demo-button-toggle-group .cngx-button-toggle--checked:hover:not([disabled]){background:color-mix(in oklch,var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg))) 88%,#000);border-color:color-mix(in oklch,var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg))) 88%,#000)}.demo-button-toggle-group .cngx-button-toggle:focus-visible{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg)));outline-offset:2px;position:relative;z-index:1}.demo-button-toggle-group .cngx-button-toggle--checked{background:var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg)));color:var(--cngx-color-on-primary, #ffffff);border-color:var(--cngx-color-primary, var(--cngx-ex-accent, oklch(60% .15 250deg)));z-index:1}.demo-button-toggle-group .cngx-button-toggle--disabled,.demo-button-toggle-group .cngx-button-toggle[disabled]{opacity:.5;cursor:not-allowed}.required-badge{display:inline-block;margin-left:.25em;padding:0 .4em;border-radius:999px;font-size:.6875em;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--cngx-color-danger-on, #fff);background:var(--cngx-color-danger, #c0392b)}.demo-hoverable-target{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, oklch(100% 0 0deg)));color:var(--cngx-color-text, var(--cngx-ex-text, oklch(20% .01 250deg)));transition:transform .12s ease,background .12s ease}.demo-hoverable-target--active{background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 8%)}.demo-hover-card{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));background:var(--cngx-color-surface, var(--cngx-ex-surface, oklch(100% 0 0deg)));color:var(--cngx-color-text, var(--cngx-ex-text, oklch(20% .01 250deg)));transition:transform .12s ease,background .12s ease}.demo-hover-card--active{background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 8%);transform:scale(1.02)}.demo-hover-card__state{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, oklch(50% .01 250deg)))}.demo-gesture-panel{display:inline-block;padding:12px 16px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)))}.demo-gesture-target{padding:16px;border:2px dashed var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 6px);text-align:center;outline:none}.demo-gesture-target--accent{border-color:var(--cngx-color-primary, oklch(66% .19 50deg));background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 6%)}.demo-gesture-target--danger{border-color:var(--cngx-color-error, oklch(60% .2 25deg));background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-error, oklch(60% .2 25deg)) 8%)}.demo-gesture-card{padding:20px;max-width:280px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface, oklch(100% 0 0deg));text-align:left;-webkit-user-select:none;user-select:none;transition:transform .1s ease,box-shadow .1s ease}.demo-gesture-card[aria-pressed=true],.demo-gesture-card.is-pressed{box-shadow:none}.demo-gesture-flash,button.chip.demo-gesture-flash{background:color-mix(in oklch,var(--cngx-color-surface, oklch(100% 0 0deg)),var(--cngx-color-primary, oklch(66% .19 50deg)) 18%);border-color:var(--cngx-color-primary, oklch(66% .19 50deg))}.demo-gesture-hint{margin:0 0 8px;font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, oklch(50% .01 250deg)))}.demo-swipe-target{padding:2rem;border:2px dashed var(--cngx-color-border, var(--cngx-ex-border, oklch(88% .005 250deg)));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)));text-align:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .1s ease,border-color .1s ease}.demo-swipe-target--active{border-color:var(--cngx-color-primary, oklch(66% .19 50deg))}@media(prefers-reduced-motion:reduce){.demo-gesture-target,.demo-swipe-target,.demo-gesture-card{transition:none}}.demo-context-menu-zone{display:flex;align-items:center;justify-content:center;min-height:160px;padding:16px;border:2px dashed var(--cngx-color-border, oklch(88% .005 250deg));border-radius:var(--cngx-radius-md, 8px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)));color:var(--cngx-color-text-muted, oklch(50% .01 250deg));cursor:context-menu;-webkit-user-select:none;user-select:none}.demo-context-menu-zone:focus-visible{outline:2px solid var(--cngx-color-primary, oklch(66% .19 50deg));outline-offset:2px}.demo-copy-token__code{padding:6px 10px;border:1px solid var(--cngx-color-border, oklch(88% .005 250deg));border-radius:var(--cngx-radius-sm, 4px);background:var(--cngx-color-surface-variant, var(--cngx-color-surface, oklch(98% .005 250deg)));color:var(--cngx-color-text, currentColor);font-family:var(--cngx-font-family-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--cngx-font-size-sm, .8125rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.chip.demo-chip--copied{background:#e8f7e8;border-color:var(--cngx-color-success, oklch(50% .12 145deg));color:var(--cngx-color-success, oklch(50% .12 145deg))}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]):not(.light) button.chip.demo-chip--copied{background:#1e3b1f}}[data-color-scheme=dark] button.chip.demo-chip--copied,.dark button.chip.demo-chip--copied{background:#1e3b1f}[data-color-scheme=light] button.chip.demo-chip--copied,.light button.chip.demo-chip--copied{background:#e8f7e8}.demo-copy-url__label{font-size:var(--cngx-font-size-sm, .875rem);color:var(--cngx-color-text-muted, oklch(50% .01 250deg))}.demo-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}.demo-nav__frame{width:240px;padding:.5rem 0;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-surface-alt, #f9fafb)}.demo-nav__label{display:block;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-nav__link{display:block;padding:.5rem 1rem;text-decoration:none;font-size:.875rem;color:var(--cngx-color-text, var(--cngx-ex-text, #1f2937));border-left:3px solid transparent;transition:background .15s ease,border-left-color .15s ease}.demo-nav__link--row{display:flex;align-items:center;justify-content:space-between}.demo-nav__link--active{border-left-color:var(--cngx-color-primary, #2563eb);background:color-mix(in oklch,var(--cngx-color-primary, #2563eb) 8%,transparent);font-weight:600}.demo-nav__link--indent-1{padding-left:calc(1rem + 12px)}.demo-nav__link--indent-2{padding-left:calc(1rem + 24px)}.demo-nav__divider{margin:.5rem 1rem;border-top:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd))}.demo-nav__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:none;background:none;cursor:pointer;text-align:left;font-size:.875rem;color:var(--cngx-color-text, var(--cngx-ex-text, #1f2937))}.demo-nav__caret{font-size:.75rem;transition:transform .15s ease}.demo-nav__badge--count{padding:.1em .5em;min-width:1.2em;border-radius:10px;background:var(--cngx-color-primary, #2563eb);color:var(--cngx-color-surface, #fff);font-size:.7rem;font-weight:700;text-align:center}.demo-nav__badge--muted{padding:.1em .5em;border-radius:10px;background:var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-size:.7rem}.demo-nav__badge--dot{width:8px;height:8px;border-radius:50%;background:var(--cngx-color-success, #16a34a)}.demo-nav__note{margin-top:.5rem;font-size:.8rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-typeahead-listbox{display:flex;flex-direction:column;list-style:none;margin:0;padding:4px 0;max-height:12rem;overflow:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-typeahead-option{padding:4px 10px;cursor:pointer;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-typeahead-option[aria-selected=true]{background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f3f4f6))}.demo-typeahead-empty{padding:4px 10px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-style:italic}.demo-speak-label{font-size:.875rem;font-weight:500}.demo-speak-input{padding:8px 12px;border-radius:var(--cngx-radius-md, 6px);border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.875rem}.demo-speak-input--invalid{border-color:var(--cngx-color-danger, #b00020)}.demo-speak-error-row{font-size:.8125rem;color:transparent}.demo-speak-error-row--shown{color:var(--cngx-color-danger, #b00020)}.demo-speak-hear-btn{display:inline-flex;align-items:center;gap:.35rem;padding:2px 10px;border-radius:var(--cngx-radius-sm, 4px);border:1px solid var(--cngx-color-danger, #b00020);background:color-mix(in srgb,var(--cngx-color-danger, #b00020) 8%,transparent);color:var(--cngx-color-danger, #b00020);font-size:.75rem;font-weight:500;cursor:pointer}.demo-speak-hear-btn:focus-visible{outline:2px solid var(--cngx-color-danger, #b00020);outline-offset:2px}.demo-speak-hear-btn:before{content:"\1f50a";font-size:.9rem;line-height:1}.demo-speak-listen-btn--active{background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-speak-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:.875rem;line-height:1}.demo-speak-icon-btn--active{background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-speak-note{font-size:.75rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-speak-passage{padding:16px 20px;border-radius:var(--cngx-radius-md, 8px);border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.875rem;line-height:1.6}.demo-speak-passage--accent{border-left:4px solid var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb))}.demo-speak-passage--speaking{outline:2px solid var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));outline-offset:2px}.demo-speak-reading-badge{position:absolute;top:-.7rem;right:.5rem;padding:.05rem .5rem;border-radius:999px;background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));font-size:.6875rem;font-weight:600;letter-spacing:.02em}.demo-speak-reading-pulse{display:inline-flex;align-items:center;padding:0 .4rem;border-radius:999px;background:color-mix(in srgb,var(--cngx-color-primary, #2563eb) 12%,transparent);color:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));font-size:.6875rem;font-weight:600}.demo-speak-hear-btn--active{background:var(--cngx-color-danger, #b00020);color:var(--cngx-color-surface, var(--cngx-ex-surface, #fff))}.demo-toggle-caption{font-size:.875em;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-backdrop-frame{position:relative;min-height:200px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px);overflow:hidden}.demo-backdrop-frame__content{padding:1rem}.demo-drawer-container{position:relative;min-height:180px}.demo-drawer-container--bordered{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px);overflow:hidden}.demo-drawer-layout{position:relative;display:flex;min-height:200px;overflow:hidden}.demo-drawer-layout--relative{position:relative}.demo-drawer-layout--push .demo-drawer-panel{position:relative;inset:auto;transform:none;flex:0 0 auto}.demo-drawer-backdrop{position:absolute;inset:0;background:var(--cngx-backdrop-bg, rgba(0, 0, 0, .4));opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1}.demo-drawer-backdrop.cngx-backdrop--visible{opacity:1;pointer-events:auto}.demo-drawer-panel{position:absolute;inset:0 auto 0 0;width:220px;background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));border-right:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translate(-100%);transition:transform .25s ease;z-index:2}.demo-drawer-panel.cngx-drawer-panel--open{transform:translate(0)}.demo-drawer-panel.cngx-drawer-panel--right{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translate(100%)}.demo-drawer-panel.cngx-drawer-panel--right.cngx-drawer-panel--open{transform:translate(0)}.demo-drawer-panel.cngx-drawer-panel--top{inset:0 0 auto;width:auto;height:120px;border-right:0;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translateY(-100%)}.demo-drawer-panel.cngx-drawer-panel--top.cngx-drawer-panel--open{transform:translateY(0)}.demo-drawer-panel.cngx-drawer-panel--bottom{inset:auto 0 0;width:auto;height:120px;border-right:0;border-top:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));transform:translateY(100%)}.demo-drawer-panel.cngx-drawer-panel--bottom.cngx-drawer-panel--open{transform:translateY(0)}.demo-drawer-panel--static{position:relative;inset:auto;transform:none;flex:0 0 auto;overflow:hidden;transition:width .25s ease,border-right-width .25s ease}.demo-drawer-panel--static:not(.cngx-drawer-panel--open){width:0;border-right-width:0}.demo-drawer-panel-content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.875rem}.demo-drawer-main{flex:1 1 auto;padding:.75rem 1rem;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));transition:margin-left .25s ease,margin-right .25s ease;font-size:.875rem}.demo-drawer-main--tall{min-height:220px}.demo-app-frame{display:flex;flex-direction:column;height:var(--demo-app-frame-height, 340px)}.demo-app-header{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;min-height:3rem;padding:0 .75rem;box-sizing:border-box;background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb))}.demo-app-brand{font-weight:600;white-space:nowrap}.demo-app-spacer{flex:1 1 auto}.demo-app-body{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}.demo-app-main{min-width:0;min-height:0;overflow-y:auto}.demo-app-title{margin:0 0 .75rem;font-size:1rem}.demo-app-frame .demo-drawer-panel{display:flex;flex-direction:column;overflow-y:auto}.demo-app-frame .demo-drawer-panel fieldset{border:0;margin:0}.demo-app-frame--row{flex-direction:row}.demo-app-column{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}.demo-app-sidebar{position:relative;display:flex;flex-direction:column;flex:none;min-height:0;overflow:hidden;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));border-inline-end:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb))}.demo-app-sidebar__head,.demo-app-sidebar__foot{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;white-space:nowrap}.demo-app-sidebar__head{flex:none;box-sizing:border-box;block-size:3rem;padding-block:0}.demo-app-sidebar__foot{margin-top:auto;border-top:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb))}.demo-app-sidebar__foot--links{display:block;padding:0}.demo-app-sidebar__nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto}.demo-app-sidebar__meta{display:flex;flex-direction:column;line-height:1.2}.demo-app-sidebar__meta small{color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-app-sidebar[data-sidebar-state=rail] :is(.demo-app-sidebar__label,.demo-nav__label,.demo-nav__caret){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0;margin:-1px}.demo-app-sidebar[data-sidebar-state=peek]{box-shadow:var(--cngx-shadow-md, 0 4px 16px rgba(0, 0, 0, .12))}.demo-nav__trigger.demo-nav__link--icon{justify-content:flex-start}.demo-nav__trigger .demo-nav__caret{margin-inline-start:auto}.demo-nav__link--icon{display:flex;align-items:center;gap:.75rem;white-space:nowrap}.demo-app-sidebar .demo-nav__link--icon cngx-icon{--cngx-icon-size: 1rem}.demo-app-sidebar .demo-nav__link--icon cngx-icon>.mat-icon{inline-size:1em;block-size:1em;font-size:1em}.demo-app-sidebar .demo-nav__trigger{border-inline-start:3px solid transparent}.cngx-ex-chrome:has(.demo-drawer-switching)~.cngx-ex-artifact .demo-drawer-panel,.cngx-ex-chrome:has(.demo-drawer-switching)~.cngx-ex-artifact .demo-drawer-main{transition:none}.demo-expandable-toggle{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-sm, 4px);background:none;padding:4px 10px;cursor:pointer;font-size:.8125rem;color:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb))}.demo-expandable-toggle__glyph{font-size:1rem}.demo-highlight-input{padding:8px 12px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-sm, 6px);background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));color:inherit;font:inherit}.demo-highlight-passage{font-size:.9375rem;line-height:1.8}.demo-highlight-passage p{margin:0 0 8px}.demo-highlight-passage p:last-child{margin-bottom:0}.demo-infinite-scroll-frame{max-height:300px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-infinite-scroll-item{padding:12px 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-infinite-scroll-sentinel{padding:16px;text-align:center;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-pgn-infinite-frame{max-height:320px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-page-divider{position:sticky;top:0;z-index:1;padding:6px 12px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));background:var(--cngx-color-surface, var(--cngx-ex-surface, #fff));border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0))}.demo-pgn-alpha-stack{display:flex;flex-direction:column;gap:16px}.demo-incremental-frame{max-height:320px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-io-frame{height:200px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);padding:0 16px}.demo-io-spacer{height:400px;display:flex;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-io-spacer--top{align-items:flex-end;padding-bottom:16px}.demo-io-spacer--bottom{align-items:flex-start;padding-top:16px}.demo-io-sentinel{padding:16px;text-align:center;border-radius:var(--cngx-radius-md, 6px);background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8f9fa));transition:background .3s}.demo-io-sentinel--visible{background:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb));color:var(--cngx-color-on-primary, #ffffff)}.demo-resize-hint{margin-bottom:8px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-resize-box{background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8f9fa));border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 6px);font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-scroll-lock-chip[aria-pressed=true]{background:var(--cngx-color-danger, #b00020);color:var(--cngx-color-on-danger, #ffffff);border-color:var(--cngx-color-danger, #b00020)}.demo-scroll-lock-hint{font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-scroll-lock-row{padding:12px 16px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8fafc));border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px)}.demo-spy-nav-link{text-decoration:none;font-size:.8125rem;text-transform:capitalize;padding:6px 10px}.demo-spy-container{border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px)}.demo-spy-section{padding:20px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #eaeaea))}.demo-spy-section:last-child{border-bottom:0}.demo-spy-section h3{margin:0 0 8px;text-transform:capitalize}.demo-spy-section p{margin:0;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-size:.875rem}.demo-skeleton-line{height:20px;border-radius:4px;background:var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #e0e0e0))}.demo-skeleton-line--sm{height:12px}.demo-skeleton-line--md{height:16px}.demo-skeleton-line.cngx-skeleton--shimmer,.cngx-skeleton--shimmer .demo-skeleton-line{background:linear-gradient(90deg,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 25%,var(--cngx-color-surface-3, var(--cngx-ex-surface-3, #e5e5e5)) 50%,var(--cngx-color-surface-2, var(--cngx-ex-surface-2, #f0f0f0)) 75%);background-size:200% 100%;animation:demo-skeleton-shimmer 1.4s ease-in-out infinite}.demo-skeleton-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e0e0e0));border-radius:var(--cngx-radius-md, 8px)}.demo-sticky-frame{height:250px;overflow-y:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px)}.demo-sticky-intro{padding:16px}.demo-sticky-hint{margin:0 0 8px;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));font-size:.875rem}.demo-sticky-header{padding:12px 16px;background:var(--cngx-color-surface, var(--cngx-ex-surface, #ffffff));border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #eaeaea));transition:box-shadow .2s ease}.demo-sticky-header.cngx-sticky--active{box-shadow:0 2px 8px #0000001a}.demo-sticky-item{padding:12px 16px;border-bottom:1px solid var(--cngx-color-border, var(--cngx-ex-border, #f0f0f0))}.demo-scroll-edges-frame{max-inline-size:420px;border-radius:var(--cngx-radius-md, 8px)}.demo-scroll-edges-frame:has(>.demo-scroll-edges-box:focus-visible){outline:2px solid var(--cngx-color-focus, var(--cngx-ex-accent, #2563eb));outline-offset:2px}.demo-scroll-edges-box{--demo-scroll-edges-shadow-colour: color-mix( in oklab, var(--cngx-color-text, #0f1320) 35%, transparent );--demo-scroll-edges-shadow-start: inset 0 0 0 0 transparent;--demo-scroll-edges-shadow-end: inset 0 0 0 0 transparent;--demo-scroll-edges-fade-start: 0px;--demo-scroll-edges-fade-end: 0px;--demo-scroll-edges-alpha-start: 1;--demo-scroll-edges-alpha-end: 1;block-size:220px;overflow:auto;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #d0d5dd));border-radius:var(--cngx-radius-md, 8px);box-shadow:var(--demo-scroll-edges-shadow-start),var(--demo-scroll-edges-shadow-end);transition:box-shadow var(--cngx-duration-fast, .15s) ease}.demo-scroll-edges-box:focus-visible{outline:none}.demo-scroll-edges-box[data-scroll-block-start]{--demo-scroll-edges-shadow-start: inset 0 12px 10px -10px var(--demo-scroll-edges-shadow-colour)}.demo-scroll-edges-box[data-scroll-block-end]{--demo-scroll-edges-shadow-end: inset 0 -12px 10px -10px var(--demo-scroll-edges-shadow-colour)}.demo-scroll-edges-box[data-scroll-inline-start]{--demo-scroll-edges-fade-start: 40px;--demo-scroll-edges-alpha-start: .25}.demo-scroll-edges-box[data-scroll-inline-end]{--demo-scroll-edges-fade-end: 40px;--demo-scroll-edges-alpha-end: .25}.demo-scroll-edges-box:is([data-scroll-inline-start],[data-scroll-inline-end]){-webkit-mask-image:linear-gradient(to right,rgb(0,0,0,var(--demo-scroll-edges-alpha-start)),rgb(0,0,0) var(--demo-scroll-edges-fade-start),rgb(0,0,0) calc(100% - var(--demo-scroll-edges-fade-end)),rgb(0,0,0,var(--demo-scroll-edges-alpha-end)));mask-image:linear-gradient(to right,rgb(0,0,0,var(--demo-scroll-edges-alpha-start)),rgb(0,0,0) var(--demo-scroll-edges-fade-start),rgb(0,0,0) calc(100% - var(--demo-scroll-edges-fade-end)),rgb(0,0,0,var(--demo-scroll-edges-alpha-end)))}.demo-scroll-edges-box:dir(rtl):is([data-scroll-inline-start],[data-scroll-inline-end]){-webkit-mask-image:linear-gradient(to left,rgb(0,0,0,var(--demo-scroll-edges-alpha-start)),rgb(0,0,0) var(--demo-scroll-edges-fade-start),rgb(0,0,0) calc(100% - var(--demo-scroll-edges-fade-end)),rgb(0,0,0,var(--demo-scroll-edges-alpha-end)));mask-image:linear-gradient(to left,rgb(0,0,0,var(--demo-scroll-edges-alpha-start)),rgb(0,0,0) var(--demo-scroll-edges-fade-start),rgb(0,0,0) calc(100% - var(--demo-scroll-edges-fade-end)),rgb(0,0,0,var(--demo-scroll-edges-alpha-end)))}.demo-scroll-edges-sheet{display:grid;grid-template-columns:repeat(10,96px)}.demo-scroll-edges-cell{padding:10px 12px;border-block-end:1px solid var(--cngx-color-border, var(--cngx-ex-border, #f0f0f0));font-size:.875rem;white-space:nowrap}@media(forced-colors:active){.demo-scroll-edges-box{-webkit-mask-image:none;mask-image:none}}.demo-truncate-text{margin:0;line-height:1.6;font-size:.875rem}.demo-truncate-toggle{margin-top:4px;background:none;border:none;cursor:pointer;padding:0;font-size:.8125rem;color:var(--cngx-color-primary, var(--cngx-ex-focus, #2563eb))}pre.code-block{margin:0;padding:12px 16px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f8fafc));border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:var(--cngx-radius-md, 6px);color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.55;overflow-x:auto;white-space:pre}pre.code-block code{font:inherit;color:inherit;background:none;padding:0}.demo-popover-stage{padding-top:20px}.demo-popover-stage--tall{padding-top:40px}.demo-arrow-glyph{position:absolute;width:14px;height:14px;pointer-events:none}.demo-arrow-glyph[data-edge=bottom]{top:-10px;left:var(--offset, 50%);transform:translate(-50%)}.demo-arrow-glyph[data-edge=top]{bottom:-10px;left:var(--offset, 50%);transform:translate(-50%) rotate(180deg)}.demo-arrow-glyph[data-edge=right]{left:-10px;top:var(--offset, 50%);transform:translateY(-50%) rotate(-90deg)}.demo-arrow-glyph[data-edge=left]{right:-10px;top:var(--offset, 50%);transform:translateY(-50%) rotate(90deg)}.demo-popover-surface:not([data-cngx-presentation=sheet]):not([data-cngx-presentation=fullscreen]){padding:8px 12px;font-size:.8125rem;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:6px;background:var(--cngx-color-surface, var(--cngx-ex-surface, Canvas));color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-popover-field{display:inline-flex;align-items:center;gap:var(--cngx-space-sm, 8px);inline-size:20rem;padding-inline:var(--cngx-space-md, 16px);border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:6px}.demo-popover-field input{flex:1;min-inline-size:0}.demo-popover-menu{list-style:none;margin:0;padding:4px 0;min-width:140px}.demo-popover-menu-item{display:block;width:100%;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.demo-popover-menu-item:hover{background:var(--cngx-ex-surface-alt, transparent)}.demo-popover-tile{width:140px;padding:6px 10px;font-size:.75rem;text-align:center;border:1px solid currentColor;border-radius:4px;background:var(--cngx-color-surface, var(--cngx-ex-surface, Canvas));color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}.demo-popover-placement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:72px;padding:48px 16px;justify-items:center;align-items:center}.demo-popover-placement-cell{position:relative;padding:24px}.demo-tooltip-disabled-chip{opacity:.5}.demo-tooltip-caption{font-size:.875rem;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280));margin-bottom:12px}.demo-popover-control-label{display:flex;align-items:center;gap:6px;font-size:.875rem;cursor:pointer}.demo-flight-section{display:flex;flex-direction:column;gap:8px;padding:4px 0}.demo-flight-section h4{margin:0;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-flight-row{display:flex;justify-content:space-between;gap:16px;font-size:.875rem}.demo-flight-row dt{margin:0;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-flight-row dd{margin:0;font-weight:500;color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-variant-numeric:tabular-nums}.demo-flight-footer{display:flex;align-items:center;gap:12px;width:100%}.demo-flight-footer-spacer{flex:1}.demo-flight-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;border:1px solid currentColor}.demo-flight-pill--ok{color:var(--cngx-color-success, #15803d);background:var(--cngx-color-success-surface, rgba(21, 128, 61, .08))}.demo-flight-pill--warn{color:var(--cngx-color-warning, #b45309);background:var(--cngx-color-warning-surface, rgba(180, 83, 9, .08))}.demo-flight-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-flight-doc-note{display:flex;gap:8px;padding:8px 10px;border-radius:6px;background:var(--cngx-color-info-surface, rgba(59, 130, 246, .08));font-size:.8125rem;line-height:1.45}.demo-flight-doc-note strong{font-weight:600}.demo-otp-slot{width:var(--cngx-demo-otp-slot-size, 48px);height:var(--cngx-demo-otp-slot-size, 48px);text-align:center;font-size:var(--cngx-demo-otp-slot-font, 1.25rem);font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.demo-otp-slot--lg{--cngx-demo-otp-slot-font: 1.5rem}.demo-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;font-size:.75rem;color:var(--cngx-field-hint-color, #666)}.demo-drop-zone-title{margin:0;font-weight:500}.demo-drop-zone-hint{margin:4px 0 0;font-size:.75rem;color:var(--cngx-color-text-muted, #6b7280)}.demo-drop-zone-error{margin-top:8px;color:var(--cngx-field-error-color, #d32f2f);font-size:.75rem}.demo-counter{font-size:.75rem}.demo-counter--warn{color:var(--cngx-color-danger, #d32f2f)}.demo-mono{font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.demo-mono--sm{font-size:.75rem}.demo-success-text{color:var(--cngx-color-success, #15803d)}.demo-mini-form-input{width:100%;padding:.35rem .5rem;border:1px solid var(--cngx-color-border, #cbd5e1);border-radius:.25rem;font:inherit}.demo-mini-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.demo-mini-form-btn{padding:.35rem .75rem;border-radius:.25rem;cursor:pointer;font:inherit}.demo-mini-form-btn--ghost{background:transparent;border:1px solid var(--cngx-color-border, #cbd5e1)}.demo-mini-form-btn--primary{background:var(--cngx-color-primary, #2563eb);color:var(--cngx-color-on-primary, #fff);border:0}.demo-mini-form-heading{font-weight:600;font-size:.875rem}.demo-mini-form-marker{color:var(--cngx-color-primary, #2563eb)}.demo-split-action-heading{flex:1;font-weight:600}.demo-split-action-glyph{font-size:1.25rem}.demo-multi-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:var(--cngx-color-info-surface, rgba(59, 130, 246, .12));color:var(--cngx-color-info, #2563eb);font-size:.75rem;font-weight:500}.demo-select-loading-slot{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.demo-select-loading-glyph{font-size:1.5rem}.demo-select-loading-glyph--inline{font-size:1.25rem}.demo-select-error-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;background:color-mix(in oklch,var(--cngx-color-danger, #d32f2f) 10%,transparent);color:var(--cngx-color-danger, #d32f2f)}.demo-select-refresh-strip{padding:.4rem .75rem;font-size:.8rem;color:var(--cngx-color-info, #2563eb);background:linear-gradient(90deg,color-mix(in oklch,var(--cngx-color-info, #2563eb) 10%,transparent),color-mix(in oklch,var(--cngx-color-info, #2563eb) 25%,transparent),color-mix(in oklch,var(--cngx-color-info, #2563eb) 10%,transparent));background-size:200% 100%;animation:cngx-select-refresh-shimmer 1.6s linear infinite}.demo-select-optgroup-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.demo-select-optgroup-badge{font-size:.75rem;padding:2px 6px;border-radius:999px;background:color-mix(in oklch,var(--cngx-color-text, currentColor) 8%,transparent);color:var(--cngx-color-text-muted, #6b7280)}.demo-select-retry-button{padding:.25rem .625rem;border-radius:.25rem;border:1px solid var(--cngx-color-border, #cbd5e1);background:transparent;color:var(--cngx-color-text, inherit);font:inherit;font-size:.8125rem;cursor:pointer}.demo-select-option-status{margin-inline-start:.5rem;font-size:.75rem}.demo-select-option-status--pending{color:var(--cngx-color-text-muted, #6b7280)}.demo-select-option-status--error{color:var(--cngx-color-danger, #d32f2f)}.demo-typeahead-option-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:color-mix(in oklch,var(--cngx-color-info, #2563eb) 18%,transparent);color:var(--cngx-color-info, #2563eb);font-size:.7rem}.demo-typeahead-option-id{display:block;color:var(--cngx-color-text-muted, #6b7280)}.demo-select-custom-glyph{font-weight:700;font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.demo-form-primitives-coming-soon{color:var(--cngx-muted, #6b7280);font-style:italic}.demo-variant-heading{margin:0 0 .5rem;font-size:.85rem}.demo-event-value--mono{font-family:var(--cngx-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:.75rem}.demo-async-error-strip{padding:.5rem .75rem;color:var(--cngx-color-danger, #d32f2f)}.demo-select-retry-button--warn{background:color-mix(in oklch,var(--cngx-color-warning, #b45309) 10%,transparent);border-color:color-mix(in oklch,var(--cngx-color-warning, #b45309) 35%,transparent);color:var(--cngx-color-warning, #b45309);min-block-size:var(--cngx-target-min, 0px)}.demo-multi-chip-remove,.demo-combobox-chip-remove{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 .125rem}.demo-combobox-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:999px;background:color-mix(in oklch,var(--cngx-color-info, #2563eb) 15%,transparent);color:var(--cngx-color-info, #2563eb);font-size:.8rem}.demo-combobox-trigger-summary{padding-inline-end:.5rem;font-weight:500}.demo-select-shell-retry-btn{padding:.25rem .5rem;border:1px solid var(--cngx-color-border, #cbd5e1);border-radius:.25rem;font:inherit;background:transparent;cursor:pointer}.demo-select-empty-state{padding:.75rem;opacity:.6;text-align:center}.demo-variant-caption{display:block;margin-top:6px;color:var(--cngx-color-text-muted, #6b7280)}.demo-success-dot,.demo-success-event{color:var(--cngx-color-success, #15803d)}.demo-placeholder-muted{display:inline-flex;align-items:center;gap:.4rem;color:var(--cngx-color-text-muted, #6b7280)}.demo-form{display:flex;flex-direction:column;gap:16px;width:100%}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-radius:999px;background:var(--cngx-ex-surface-alt, var(--cngx-color-surface, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.4}.demo-field{display:flex;flex-direction:column;gap:6px}.demo-field>button,.demo-form>button,.demo-field>.button-row,.demo-form>.button-row{align-self:flex-start}.demo-label{font-size:.8125rem;font-weight:500;color:var(--cngx-color-text, var(--cngx-ex-text, inherit))}cngx-checkbox-group,cngx-radio-group{display:flex;flex-direction:column;gap:6px}cngx-checkbox-group .cngx-checkbox+.cngx-checkbox,cngx-radio-group .cngx-radio+.cngx-radio{margin-inline-start:0}.demo-frame-card{border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;overflow:hidden}.demo-frame-list{border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;min-height:120px;display:flex;align-items:center;justify-content:center}.demo-frame-padded{border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;padding:24px}.demo-frame-relative{position:relative;border:1px solid var(--cngx-color-border, #e5e7eb);border-radius:8px;padding:24px;min-height:80px}.demo-hint{font-size:.875rem;color:var(--cngx-color-text-muted, #64748b);margin:0}.demo-hint--small{font-size:.8125rem}.demo-empty-state-link{font-size:.8125rem;color:var(--cngx-color-interactive, #4f46e5)}.demo-skeleton-bar{background:color-mix(in oklch,currentColor 14%,transparent);border-radius:4px;animation:demo-skeleton-pulse 1.2s ease-in-out infinite}@keyframes demo-skeleton-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.demo-skeleton-bar{animation:none}}.cngx-ex-artifact:has(~.cngx-ex-chrome .demo-async-readout){box-sizing:border-box;min-height:11rem;padding:12px;border:1px dashed var(--cngx-ex-border, #d1d5db);border-radius:6px}.cngx-ex-artifact:has(~.cngx-ex-chrome .demo-async-readout):not(:has(*)):before{content:"Nothing rendered in this state";color:var(--cngx-ex-faint, #6b7280);font-size:.8125rem}.demo-card-tile{padding:8px 12px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));border-radius:4px}.demo-card-cell{padding:16px;background:var(--cngx-color-surface-alt, var(--cngx-ex-surface-alt, #f9fafb));color:var(--cngx-color-text, var(--cngx-ex-text, inherit));border-radius:6px;text-align:center}.demo-empty-state-block{text-align:center;padding:24px;color:var(--cngx-color-text-muted, #64748b)}.demo-empty-state-block--large{padding:32px}.demo-error-block{text-align:center;padding:24px;color:var(--cngx-alert-error-icon, #ef4444)}.demo-stack{display:flex;flex-direction:column;gap:12px}.demo-stack--tight{gap:8px}.demo-row-center{display:flex;align-items:center;gap:12px}.demo-skeleton-row{display:flex;gap:12px;padding:16px;border:1px solid var(--cngx-color-border, #e0e0e0);border-radius:8px;margin-bottom:12px}.demo-skeleton-avatar{width:48px;height:48px;border-radius:50%;background:var(--cngx-surface-alt, #e0e0e0);flex-shrink:0}.demo-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.demo-skeleton-line{border-radius:4px;background:var(--cngx-surface-alt, #e0e0e0)}.demo-skeleton-line--title{height:14px;width:40%}.demo-skeleton-line--body{height:12px}.demo-card-loaded{padding:16px;border:1px solid var(--cngx-color-border, #e0e0e0);border-radius:8px;margin-bottom:12px}.demo-card-loaded p{margin:4px 0 0;color:var(--cngx-color-text-muted, #64748b)}.demo-skeleton-rule{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--cngx-color-border, #e0e0e0)}.demo-skeleton-rule__index{font-size:.75rem;color:var(--cngx-color-text-muted, #64748b);width:24px}.demo-speak-card{padding:16px 20px;border-radius:8px;background:var(--cngx-surface-alt, #f8f9fa);border:1px solid var(--cngx-color-border, #ddd);line-height:1.6;font-size:.875rem;flex:1}.demo-speak-card--accent{border:0;border-left:4px solid var(--cngx-color-primary, #f5a623);border-radius:8px}.demo-speak-row{display:flex;align-items:flex-start;gap:8px}.demo-speak-stack{display:flex;flex-direction:column;gap:16px;max-width:480px}.demo-speak-control-row{margin-top:16px;display:flex;gap:16px;align-items:center;font-size:.8125rem}.demo-speak-control-row label{display:flex;align-items:center;gap:6px}.demo-speak-control-row input[type=range]{width:100px}.demo-speak-section h4{margin:0 0 8px;font-size:.8125rem;font-weight:600}.demo-speak-section p{margin:0 0 8px;font-size:.8125rem;color:var(--cngx-color-text-muted, #666)}.demo-speak-row-label{font-size:.75rem;color:var(--cngx-color-text-muted, #666)}.demo-speak-row-text{font-size:.875rem}.demo-speak-strong{display:block;margin-bottom:4px}.demo-speak-pre{font-size:.75rem;margin:0 0 12px}.demo-speak-thumb{display:flex;flex-direction:column;align-items:center;gap:6px}.demo-speak-thumbrow{display:flex;gap:24px;flex-wrap:wrap}.demo-narrow-frame{max-width:320px;border:1px dashed currentColor;padding:4px;resize:horizontal;overflow:auto}.demo-vtab-overflow{width:250px;border:1px dashed currentColor;padding:4px}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical]{row-gap:0}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical] .cngx-tabs__strip-wrapper{flex-direction:column;align-items:stretch}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical] .cngx-tabs__strip{max-height:124px}.demo-vtab-overflow cngx-tab-group[data-skin=contained] .cngx-tabs__strip{max-height:142px;scroll-snap-type:y mandatory}.demo-vtab-overflow cngx-tab-group[data-skin=segmented] .cngx-tabs__strip{max-height:138px}.demo-vtab-overflow cngx-tab-group[data-skin=pill] .cngx-tabs__strip{max-height:138px}.demo-vtab-overflow cngx-tab-group[data-skin=pill-outline] .cngx-tabs__strip{max-height:146px}.demo-vtab-overflow cngx-tab-group[data-orientation=vertical] .cngx-tab-overflow__trigger{padding-block:.3125rem;font-size:var(--cngx-tab-sublabel-font-size, .8125rem)}.demo-vtab-overflow cngx-tab-group[data-skin=pill] .cngx-tab-overflow__trigger,.demo-vtab-overflow cngx-tab-group[data-skin=pill-outline] .cngx-tab-overflow__trigger{width:100%;justify-content:center}.demo-vtab-overflow cngx-tab-group[data-skin=contained] .cngx-tab-overflow__trigger{width:100%;border:var(--cngx-tab-surface-border-width, 1px) solid var(--cngx-tab-surface-border-color, oklch(87% 0 0deg));border-bottom:0;border-radius:0;background:var(--cngx-tab-inactive-bg, oklch(97% 0 0deg))}.chip.demo-chip-toggle--active{background:var(--cngx-color-success-surface, #c8e6c9);border-color:var(--cngx-color-success-border, #66bb6a)}.sort-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--cngx-color-border, #d1d5db);border-radius:4px;background:var(--cngx-color-surface, #fff);color:var(--cngx-color-text, inherit);font:inherit;font-size:.8125rem;cursor:pointer}.sort-btn:hover{background:var(--cngx-ex-surface-alt, #f3f4f6)}.demo-slot-busy{padding:0 6px;font-size:.7em;background:var(--cngx-color-info-surface, #1d4ed8);color:var(--cngx-color-on-info, #fff)}.demo-slot-error-pill{background:var(--cngx-color-error-surface, #dc2626);color:var(--cngx-color-on-error, #fff);font-size:.7em;padding:0 6px}.demo-stepper-empty{padding:24px;text-align:center;color:var(--mat-sys-on-surface-variant, var(--cngx-color-text-muted, #666))}.demo-stepper-empty p{margin:6px 0 0;font-size:.9em}.demo-sidenav-active-link{border-left-color:var(--cngx-color-primary);background:color-mix(in oklch,var(--cngx-color-primary) 8%,transparent);font-weight:600}.demo-sidenav-sub-active{color:var(--cngx-color-primary);font-weight:600}.demo-async-input{padding:8px 12px;border:1px solid var(--cngx-color-border, #ddd);border-radius:6px;width:240px}.demo-filter-empty{padding:16px;color:var(--cngx-color-text-muted, #64748b);text-align:center}.demo-empty-text-small{padding:24px;color:var(--cngx-color-text-muted, #64748b);margin:0;text-align:center}.demo-error-text-small{padding:24px;color:var(--cngx-alert-error-icon, #ef4444);margin:0;text-align:center}.demo-loading-pad{padding:var(--cngx-sidenav-padding, 16px)}.demo-loading-pad p{font-size:.8rem;margin:0;opacity:.6}html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}@layer cngx.components{app-button-material-bridge :where(.cngx-button),app-menu-button-material-bridge :where(.cngx-button){--cngx-color-text: var(--mat-sys-on-surface);--cngx-color-surface: var(--mat-sys-surface);--cngx-color-border: var(--mat-sys-outline-variant);--cngx-color-primary: var(--mat-sys-primary);--cngx-color-primary-text: var(--mat-sys-primary);--cngx-color-primary-strong: var(--mat-sys-primary);--cngx-color-on-primary-strong: var(--mat-sys-on-primary);--cngx-color-danger: var(--mat-sys-error);--cngx-color-danger-text: var(--mat-sys-error);--cngx-color-danger-strong: var(--mat-sys-error);--cngx-color-on-danger-strong: var(--mat-sys-on-error);--cngx-button-hover-layer: calc(var(--mat-sys-hover-state-layer-opacity, .08) * 100%);--cngx-button-pressed-layer: calc(var(--mat-sys-pressed-state-layer-opacity, .12) * 100%);--cngx-button-pressed-wash: calc(var(--mat-sys-pressed-state-layer-opacity, .12) * 100%)}}@layer cngx.components{app-button-material-bridge :where(.cngx-button[data-tone=primary]),app-menu-button-material-bridge :where(.cngx-button[data-tone=primary]){--cngx-button-hover-shade: var(--mat-sys-on-primary)}}@layer cngx.components{app-button-material-bridge :where(.cngx-button[data-tone=danger]),app-menu-button-material-bridge :where(.cngx-button[data-tone=danger]){--cngx-button-hover-shade: var(--mat-sys-on-error)}}@layer cngx.components{app-button-material-bridge :where(.cngx-button[data-variant=outline]),app-menu-button-material-bridge :where(.cngx-button[data-variant=outline]){--cngx-color-border: var(--mat-sys-outline)}}@layer cngx.components{app-button-material-bridge :where(.cngx-button[data-variant=secondary][data-tone=neutral]),app-menu-button-material-bridge :where(.cngx-button[data-variant=secondary][data-tone=neutral]){--cngx-button-secondary-bg: var(--mat-sys-secondary-container);--cngx-button-secondary-bg-hover: color-mix( in srgb, var(--mat-sys-on-secondary-container) calc(var(--mat-sys-hover-state-layer-opacity, .08) * 100%), var(--mat-sys-secondary-container) );--cngx-button-secondary-bg-pressed: color-mix( in srgb, var(--mat-sys-on-secondary-container) calc(var(--mat-sys-pressed-state-layer-opacity, .12) * 100%), var(--mat-sys-secondary-container) );--cngx-button-secondary-color: var(--mat-sys-on-secondary-container)}}@layer cngx.components{app-button-material-bridge :where(.cngx-button[data-variant=secondary][data-tone=primary]),app-menu-button-material-bridge :where(.cngx-button[data-variant=secondary][data-tone=primary]){--cngx-button-secondary-bg: var(--mat-sys-primary-container);--cngx-button-secondary-bg-hover: color-mix( in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-hover-state-layer-opacity, .08) * 100%), var(--mat-sys-primary-container) );--cngx-button-secondary-bg-pressed: color-mix( in srgb, var(--mat-sys-on-primary-container) calc(var(--mat-sys-pressed-state-layer-opacity, .12) * 100%), var(--mat-sys-primary-container) );--cngx-button-secondary-color: var(--mat-sys-on-primary-container)}}@layer cngx.components{app-button-material-bridge :where(.cngx-button[data-variant=secondary][data-tone=danger]),app-menu-button-material-bridge :where(.cngx-button[data-variant=secondary][data-tone=danger]){--cngx-button-secondary-bg: var(--mat-sys-error-container);--cngx-button-secondary-bg-hover: color-mix( in srgb, var(--mat-sys-on-error-container) calc(var(--mat-sys-hover-state-layer-opacity, .08) * 100%), var(--mat-sys-error-container) );--cngx-button-secondary-bg-pressed: color-mix( in srgb, var(--mat-sys-on-error-container) calc(var(--mat-sys-pressed-state-layer-opacity, .12) * 100%), var(--mat-sys-error-container) );--cngx-button-secondary-color: var(--mat-sys-on-error-container)}}@layer cngx.components{app-button-material-bridge .cngx-button:is([data-variant=outline],[data-variant=ghost],[data-variant=link])[data-tone=neutral]:not(.cngx-icon-button,.cngx-close-button),app-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>.cngx-icon-button:is([data-variant=outline],[data-variant=ghost])[data-tone=neutral],app-menu-button-material-bridge .cngx-button:is([data-variant=outline],[data-variant=ghost],[data-variant=link])[data-tone=neutral]:not(.cngx-icon-button,.cngx-close-button),app-menu-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>.cngx-icon-button:is([data-variant=outline],[data-variant=ghost])[data-tone=neutral]{--cngx-button-tone: var(--mat-sys-primary);--cngx-button-tone-text: var(--mat-sys-primary)}app-button-material-bridge .cngx-icon-button.cngx-button:is([data-variant=outline],[data-variant=ghost])[data-tone=neutral]:not(.cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>*),app-menu-button-material-bridge .cngx-icon-button.cngx-button:is([data-variant=outline],[data-variant=ghost])[data-tone=neutral]:not(.cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>*){--cngx-button-tone: var(--mat-sys-on-surface-variant);--cngx-button-tone-text: var(--mat-sys-on-surface-variant)}}@layer cngx.components{app-button-material-bridge :where(.cngx-close-button),app-menu-button-material-bridge :where(.cngx-close-button){--cngx-close-button-hover-bg: color-mix( in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity, .08) * 100%), transparent );--cngx-close-button-pressed-bg: color-mix( in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-pressed-state-layer-opacity, .12) * 100%), transparent );--cngx-close-button-color: var(--mat-sys-on-surface-variant)}}@layer cngx.components{app-button-material-bridge .cngx-button:not(.cngx-close-button),app-menu-button-material-bridge .cngx-button:not(.cngx-close-button){--cngx-button-radius: var(--mat-sys-corner-full)}}@layer cngx.components{app-button-material-bridge :where(.cngx-button-group),app-menu-button-material-bridge :where(.cngx-button-group){--cngx-button-group-radius: var(--mat-sys-corner-full)}}@layer cngx.components{app-button-material-bridge :where(.cngx-close-button),app-menu-button-material-bridge :where(.cngx-close-button){--cngx-close-button-radius: var(--mat-sys-corner-full)}}@layer cngx.components{app-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>:nth-child(n+2 of:not([aria-live])),app-menu-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>:nth-child(n+2 of:not([aria-live])){border-start-start-radius:var(--mat-sys-corner-extra-small, 4px);border-end-start-radius:var(--mat-sys-corner-extra-small, 4px)}app-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>:nth-last-child(n+2 of:not([aria-live])),app-menu-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>:nth-last-child(n+2 of:not([aria-live])){border-start-end-radius:var(--mat-sys-corner-extra-small, 4px);border-end-end-radius:var(--mat-sys-corner-extra-small, 4px)}}@layer cngx.components{app-button-material-bridge .cngx-button[data-size=xs]:not([data-variant=link]),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=xs],app-menu-button-material-bridge .cngx-button[data-size=xs]:not([data-variant=link]),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=xs]{--cngx-button-padding-block: calc(var(--cngx-space-xs, 4px) * 1.5 - var(--cngx-button-border-width, 1px));--cngx-button-padding-inline: calc(var(--cngx-space-sm, 8px) * 1.5)}app-button-material-bridge .cngx-button[data-size=xs][data-variant=ghost],app-menu-button-material-bridge .cngx-button[data-size=xs][data-variant=ghost]{--cngx-button-padding-inline: calc(var(--cngx-space-sm, 8px) * .75)}app-button-material-bridge .cngx-button[data-size=xs]:not([data-variant=link],.cngx-icon-button),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=xs],app-menu-button-material-bridge .cngx-button[data-size=xs]:not([data-variant=link],.cngx-icon-button),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=xs]{--cngx-button-font-size: var(--mat-sys-label-medium-size, .75rem);--cngx-button-font-weight: var(--mat-sys-label-medium-weight, 500);font-family:var(--mat-sys-label-medium-font, Roboto, sans-serif);line-height:var(--mat-sys-label-medium-line-height, 1rem);letter-spacing:var(--mat-sys-label-medium-tracking, .031rem)}app-button-material-bridge .cngx-icon-button.cngx-button[data-size=xs],app-menu-button-material-bridge .cngx-icon-button.cngx-button[data-size=xs]{--cngx-icon-button-size: calc( var(--mat-sys-label-medium-line-height, 1rem) + 2 * var(--cngx-button-padding-block, 9px) + 2 * var(--cngx-button-border-width, 1px) )}app-button-material-bridge .cngx-button[data-size=sm]:not([data-variant=link]),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=sm],app-menu-button-material-bridge .cngx-button[data-size=sm]:not([data-variant=link]),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=sm]{--cngx-button-padding-block: calc(var(--cngx-space-sm, 8px) * .75 - var(--cngx-button-border-width, 1px));--cngx-button-padding-inline: var(--cngx-space-md, 16px)}app-button-material-bridge .cngx-button[data-size=sm][data-variant=ghost],app-menu-button-material-bridge .cngx-button[data-size=sm][data-variant=ghost]{--cngx-button-padding-inline: var(--cngx-space-sm, 8px)}app-button-material-bridge .cngx-button[data-size=sm]:not([data-variant=link],.cngx-icon-button),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=sm],app-menu-button-material-bridge .cngx-button[data-size=sm]:not([data-variant=link],.cngx-icon-button),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=sm]{--cngx-button-font-size: var(--mat-sys-label-large-size, .875rem);--cngx-button-font-weight: var(--mat-sys-label-large-weight, 500);font-family:var(--mat-sys-label-large-font, Roboto, sans-serif);line-height:var(--mat-sys-label-large-line-height, 1.25rem);letter-spacing:var(--mat-sys-label-large-tracking, .006rem)}app-button-material-bridge .cngx-icon-button.cngx-button[data-size=sm],app-menu-button-material-bridge .cngx-icon-button.cngx-button[data-size=sm]{--cngx-icon-button-size: calc( var(--mat-sys-label-large-line-height, 1.25rem) + 2 * var(--cngx-button-padding-block, 9px) + 2 * var(--cngx-button-border-width, 1px) )}app-button-material-bridge .cngx-button[data-size=md]:not([data-variant=link]),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=md],app-menu-button-material-bridge .cngx-button[data-size=md]:not([data-variant=link]),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=md]{--cngx-button-padding-block: calc(var(--cngx-space-sm, 8px) * 1.25 - var(--cngx-button-border-width, 1px));--cngx-button-padding-inline: var(--cngx-space-lg, 24px)}app-button-material-bridge .cngx-button[data-size=md][data-variant=ghost],app-menu-button-material-bridge .cngx-button[data-size=md][data-variant=ghost]{--cngx-button-padding-inline: calc(var(--cngx-space-sm, 8px) * 1.5)}app-button-material-bridge .cngx-button[data-size=md]:not([data-variant=link],.cngx-icon-button),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=md],app-menu-button-material-bridge .cngx-button[data-size=md]:not([data-variant=link],.cngx-icon-button),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=md]{--cngx-button-font-size: var(--mat-sys-label-large-size, .875rem);--cngx-button-font-weight: var(--mat-sys-label-large-weight, 500);font-family:var(--mat-sys-label-large-font, Roboto, sans-serif);line-height:var(--mat-sys-label-large-line-height, 1.25rem);letter-spacing:var(--mat-sys-label-large-tracking, .006rem)}app-button-material-bridge .cngx-icon-button.cngx-button[data-size=md],app-menu-button-material-bridge .cngx-icon-button.cngx-button[data-size=md]{--cngx-icon-button-size: calc( var(--mat-sys-label-large-line-height, 1.25rem) + 2 * var(--cngx-button-padding-block, 9px) + 2 * var(--cngx-button-border-width, 1px) )}app-button-material-bridge .cngx-button[data-size=lg]:not([data-variant=link]),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=lg],app-menu-button-material-bridge .cngx-button[data-size=lg]:not([data-variant=link]),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=lg]{--cngx-button-padding-block: calc(var(--cngx-space-sm, 8px) * 1.5 - var(--cngx-button-border-width, 1px));--cngx-button-padding-inline: var(--cngx-space-xl, 32px)}app-button-material-bridge .cngx-button[data-size=lg][data-variant=ghost],app-menu-button-material-bridge .cngx-button[data-size=lg][data-variant=ghost]{--cngx-button-padding-inline: var(--cngx-space-md, 16px)}app-button-material-bridge .cngx-button[data-size=lg]:not([data-variant=link],.cngx-icon-button),app-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=lg],app-menu-button-material-bridge .cngx-button[data-size=lg]:not([data-variant=link],.cngx-icon-button),app-menu-button-material-bridge .cngx-button-group>.cngx-button-group__addon[data-size=lg]{--cngx-button-font-size: var(--mat-sys-title-medium-size, 1rem);--cngx-button-font-weight: var(--mat-sys-title-medium-weight, 500);font-family:var(--mat-sys-title-medium-font, Roboto, sans-serif);line-height:var(--mat-sys-title-medium-line-height, 1.5rem);letter-spacing:var(--mat-sys-title-medium-tracking, .009rem)}app-button-material-bridge .cngx-icon-button.cngx-button[data-size=lg],app-menu-button-material-bridge .cngx-icon-button.cngx-button[data-size=lg]{--cngx-icon-button-size: calc( var(--mat-sys-title-medium-line-height, 1.5rem) + 2 * var(--cngx-button-padding-block, 9px) + 2 * var(--cngx-button-border-width, 1px) )}app-button-material-bridge .cngx-button:not([data-variant=link],[data-variant=ghost])[data-start],app-menu-button-material-bridge .cngx-button:not([data-variant=link],[data-variant=ghost])[data-start]{padding-inline-start:calc(var(--cngx-button-padding-inline, var(--cngx-space-lg, 24px)) * 2 / 3)}app-button-material-bridge .cngx-button:not([data-variant=link],[data-variant=ghost])[data-end],app-menu-button-material-bridge .cngx-button:not([data-variant=link],[data-variant=ghost])[data-end]{padding-inline-end:calc(var(--cngx-button-padding-inline, var(--cngx-space-lg, 24px)) * 2 / 3)}app-button-material-bridge .cngx-button[data-variant=ghost][data-start],app-menu-button-material-bridge .cngx-button[data-variant=ghost][data-start]{padding-inline-start:var(--cngx-button-padding-inline, var(--cngx-space-lg, 24px))}app-button-material-bridge .cngx-button[data-variant=ghost][data-end],app-menu-button-material-bridge .cngx-button[data-variant=ghost][data-end]{padding-inline-end:var(--cngx-button-padding-inline, var(--cngx-space-lg, 24px))}app-button-material-bridge .cngx-button[data-variant=ghost][data-start]:not([data-end]),app-menu-button-material-bridge .cngx-button[data-variant=ghost][data-start]:not([data-end]){padding-inline-end:calc(var(--cngx-button-padding-inline, var(--cngx-space-lg, 24px)) * 4 / 3)}app-button-material-bridge .cngx-button[data-variant=ghost][data-end]:not([data-start]),app-menu-button-material-bridge .cngx-button[data-variant=ghost][data-end]:not([data-start]){padding-inline-start:calc(var(--cngx-button-padding-inline, var(--cngx-space-lg, 24px)) * 4 / 3)}app-button-material-bridge .cngx-button:not([data-variant=link],.cngx-icon-button),app-menu-button-material-bridge .cngx-button:not([data-variant=link],.cngx-icon-button){--cngx-button-icon-size: calc(1em * 9 / 7)}app-button-material-bridge .cngx-button cngx-icon.cngx-icon:not(.cngx-icon--xs,.cngx-icon--sm,.cngx-icon--lg,.cngx-icon--xl):is(.cngx-button__slot,.cngx-button__slot>*),app-menu-button-material-bridge .cngx-button cngx-icon.cngx-icon:not(.cngx-icon--xs,.cngx-icon--sm,.cngx-icon--lg,.cngx-icon--xl):is(.cngx-button__slot,.cngx-button__slot>*){--cngx-icon-size: var(--cngx-button-icon-size, 1.25em)}app-button-material-bridge .cngx-icon-button.cngx-button:not(.cngx-close-button) .cngx-icon-button__glyph>:is(svg,img),app-menu-button-material-bridge .cngx-icon-button.cngx-button:not(.cngx-close-button) .cngx-icon-button__glyph>:is(svg,img){inline-size:round(nearest,1.5em,1px);block-size:round(nearest,1.5em,1px)}app-button-material-bridge .cngx-icon-button.cngx-button:not(.cngx-close-button) .cngx-icon-button__glyph>cngx-icon.cngx-icon:not(.cngx-icon--xs,.cngx-icon--sm,.cngx-icon--lg,.cngx-icon--xl),app-menu-button-material-bridge .cngx-icon-button.cngx-button:not(.cngx-close-button) .cngx-icon-button__glyph>cngx-icon.cngx-icon:not(.cngx-icon--xs,.cngx-icon--sm,.cngx-icon--lg,.cngx-icon--xl){--cngx-icon-size: 1.5em}app-button-material-bridge .cngx-close-button.cngx-button .cngx-icon-button__glyph>:is(svg,img),app-menu-button-material-bridge .cngx-close-button.cngx-button .cngx-icon-button__glyph>:is(svg,img){inline-size:round(nearest,var(--cngx-close-button-icon-size, 1.5em),1px);block-size:round(nearest,var(--cngx-close-button-icon-size, 1.5em),1px)}app-button-material-bridge .cngx-close-button.cngx-button .cngx-icon-button__glyph>cngx-icon.cngx-icon:not(.cngx-icon--xs,.cngx-icon--sm,.cngx-icon--lg,.cngx-icon--xl),app-menu-button-material-bridge .cngx-close-button.cngx-button .cngx-icon-button__glyph>cngx-icon.cngx-icon:not(.cngx-icon--xs,.cngx-icon--sm,.cngx-icon--lg,.cngx-icon--xl){--cngx-icon-size: var(--cngx-close-button-icon-size, 1.5em)}app-button-material-bridge .cngx-menu-button.cngx-button>cngx-icon.cngx-icon.cngx-menu-button__caret:is(.cngx-button__slot),app-menu-button-material-bridge .cngx-menu-button.cngx-button>cngx-icon.cngx-icon.cngx-menu-button__caret:is(.cngx-button__slot){--cngx-icon-size: var(--cngx-menu-button-caret-size, var(--cngx-button-icon-size, 1.25em))}app-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group)),app-menu-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group)){gap:calc(var(--cngx-space-xs, 4px) / 2)}app-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>:nth-child(n+2 of:not([aria-live])),app-menu-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>:nth-child(n+2 of:not([aria-live])){margin-inline-start:0}app-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>[data-variant=solid]~[data-variant=solid]:not([aria-disabled=true]):nth-child(n+2 of:not([aria-live])),app-menu-button-material-bridge .cngx-split-button.cngx-button-group:not(:has(>.cngx-button-group))>[data-variant=solid]~[data-variant=solid]:not([aria-disabled=true]):nth-child(n+2 of:not([aria-live])){border-inline-start-color:var(--cngx-button-tone-fill, var(--cngx-button-tone, currentColor))}}@layer cngx.components{app-button-material-bridge :where(.cngx-close-button[data-size=sm]),app-menu-button-material-bridge :where(.cngx-close-button[data-size=sm]){--cngx-close-button-size: calc(var(--mat-sys-label-large-line-height, 1.25rem) + 2 * calc(var(--cngx-space-sm, 8px) * 1.25 - var(--cngx-button-border-width, 1px)) + 2 * var(--cngx-button-border-width, 1px));--cngx-close-button-icon-size: calc(var(--cngx-font-size-control, 1rem) * 1.5)}}@layer cngx.components{app-button-material-bridge :where(cngx-icon),app-menu-button-material-bridge :where(cngx-icon){--cngx-icon-size-xs: 1em;--cngx-icon-size-sm: 1.125em;--cngx-icon-size-md: 1.25em;--cngx-icon-size-lg: 1.5em;--cngx-icon-size-xl: 2em}}app-button-material-bridge cngx-icon.cngx-icon>:is(.mat-icon,.material-icons),app-button-material-bridge cngx-icon.cngx-icon.cngx-menu-button__caret>:not(.mat-icon,.material-icons)>:is(.mat-icon,.material-icons),app-menu-button-material-bridge cngx-icon.cngx-icon>:is(.mat-icon,.material-icons),app-menu-button-material-bridge cngx-icon.cngx-icon.cngx-menu-button__caret>:not(.mat-icon,.material-icons)>:is(.mat-icon,.material-icons){font-size:1em;inline-size:1em;block-size:1em;line-height:1}@layer cngx.components{app-button-material-bridge :where([cngxMenu]),app-menu-button-material-bridge :where([cngxMenu]){--cngx-menu-bg: var(--mat-sys-surface-container);--cngx-menu-color: var(--mat-sys-on-surface);--cngx-menu-border: none;--cngx-menu-radius: var(--mat-sys-corner-extra-small);--cngx-menu-shadow: var(--mat-sys-level2);--cngx-menu-separator-color: var(--mat-sys-outline-variant);--cngx-menu-item-checked-color: var(--mat-sys-primary);--cngx-menu-item-kbd-color: var(--mat-sys-on-surface-variant);--cngx-menu-item-highlight-bg: color-mix( in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity, .08) * 100%), transparent )}}@layer cngx.components{app-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu])[role=menu],app-menu-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu])[role=menu]{--cngx-menu-padding: var(--cngx-space-sm, 8px);padding-block:var(--cngx-menu-padding, 8px);padding-inline:0;min-inline-size:calc(var(--cngx-space-sm, 8px) * 14);max-inline-size:calc(var(--cngx-space-sm, 8px) * 35)}app-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu]) :is([cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu]),app-menu-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu]) :is([cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu]){--cngx-menu-item-gap: calc(var(--cngx-space-sm, 8px) * 1.5);--cngx-menu-item-padding: calc(var(--cngx-space-sm, 8px) * 1.75) calc(var(--cngx-space-sm, 8px) * 1.5);--cngx-menu-item-radius: 0px;font-family:var(--mat-sys-label-large-font, inherit);font-size:var(--mat-sys-label-large-size, .875rem);line-height:var(--mat-sys-label-large-line-height, 1.25rem);font-weight:var(--mat-sys-label-large-weight, 500);letter-spacing:var(--mat-sys-label-large-tracking, .006rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu]) :is([cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu]).cngx-menu-item--checked,app-menu-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu]) :is([cngxMenuItem],[cngxMenuItemCheckbox],[cngxMenuItemRadio],[cngxMenuItemSubmenu]).cngx-menu-item--checked{font-weight:var(--cngx-menu-item-checked-font-weight, 600)}app-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu]) [cngxMenuSeparator],app-menu-button-material-bridge [cngxMenu]:not(.cngx-popover-panel [cngxMenu]) [cngxMenuSeparator]{margin-block:var(--cngx-space-sm, 8px);margin-inline:0}}.demo-stepper-chips-accent{--cngx-step-chips-fill-active: #2563eb}.demo-step-count-chip{padding:var(--demo-step-count-chip-pad, 0 6px);font-size:var(--demo-step-count-chip-size, .7em)}.demo-cq-resize{resize:horizontal;overflow:auto;min-width:240px;max-width:100%;border:1px solid var(--cngx-border, #d4d4d8);border-radius:8px;padding:8px}.demo-cq-grid{display:grid;grid-template-columns:1fr;gap:8px}.demo-cq-card{border:1px solid var(--cngx-border, #d4d4d8);border-radius:6px;padding:12px}@container cngx-tab-panel (min-width: 420px){.demo-cq-grid{grid-template-columns:repeat(3,1fr)}}.demo-grip-glyph{display:inline-block;font-size:.875rem;letter-spacing:.1em;font-weight:700;color:var(--cngx-color-primary)}.demo-move-glyph{font-weight:700;color:var(--cngx-color-primary)}.tree-node-row{display:inline-flex;align-items:center;gap:.5rem;width:100%;cursor:pointer}.tree-node-twisty{border:0;background:transparent;cursor:pointer;font:inherit;padding:0}.tree-node-label{flex:1 1 auto}.demo-breadcrumb-resizable{display:block;resize:horizontal;overflow:auto;min-width:220px;max-width:none;padding:.75rem;border:1px dashed var(--cngx-color-border, var(--cngx-ex-border, #cbd5e1));border-radius:var(--cngx-radius-sm, 4px)}mat-icon.demo-breadcrumb-icon{font-size:1.125rem;width:1.125rem;height:1.125rem}.demo-audio-zone{padding:var(--cngx-space-6, 1.5rem);border:var(--cngx-border-width, 1px) dashed var(--cngx-color-border, #cbd5e1);border-radius:var(--cngx-radius-md, .5rem)}.cngx-mat-tabs-more{--cngx-tab-overflow-bg: var(--cngx-color-surface, oklch(1 0 0))}.cngx-mat-tabs-more .cngx-tab-overflow__trigger{--cngx-tab-overflow-button-bg: var(--cngx-color-surface, oklch(1 0 0))}.demo-toc-scroll{padding-inline-end:var(--demo-toc-scroll-gutter, 8px)}.demo-toc-hint{color:var(--cngx-color-text-muted, #71717a)}.demo-cq{container-type:inline-size;container-name:demo-cq;border:1px solid var(--cngx-color-border, #e4e4e7);border-radius:8px;padding:12px;min-width:200px}.demo-cq__grid{--demo-columns: 1;display:grid;grid-template-columns:1fr;gap:8px}.demo-cq__cell{padding:8px;border-radius:6px;background:var(--cngx-color-surface-variant, #f4f4f5);text-align:center}.demo-cq__summary{margin-block:12px 0;color:var(--cngx-color-text-muted, #71717a)}@container demo-cq (min-inline-size: 20rem){.demo-cq__grid{--demo-columns: 2;grid-template-columns:repeat(2,1fr)}}@container demo-cq (min-inline-size: 30rem){.demo-cq__grid{--demo-columns: 3;grid-template-columns:repeat(3,1fr)}}.demo-force-collapse .cngx-stepper:after{--cngx-stepper-collapse: 1}.demo-scope-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;align-items:start}.demo-scope-panel{display:flex;flex-direction:column;gap:var(--cngx-space-sm, 8px);padding:var(--cngx-space-md, 16px);border:1px solid var(--cngx-color-border, var(--cngx-ex-border, #e5e7eb));border-inline-start-width:4px;border-radius:8px;background:var(--cngx-color-surface, transparent);color:var(--cngx-color-text, inherit)}.demo-scope-panel h3{margin:0;font-size:1rem}.demo-scope-panel p{margin:0;color:var(--cngx-color-text-muted, var(--cngx-ex-muted, #6b7280))}.demo-cmd-tpl-row{display:flex;align-items:center;justify-content:space-between;gap:var(--cngx-space-sm, 8px);width:100%}.demo-cmd-tpl-hint{font-size:.75rem;color:var(--cngx-color-text-muted, #6b7280)}.demo-cmd-tpl-group{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cngx-color-primary, #4f46e5)}.demo-cmd-tpl-empty{margin:0;padding:var(--cngx-space-md, 16px);font-style:italic;color:var(--cngx-color-text-muted, #6b7280)}.demo-cmd-tpl-footer{font-size:.8125rem;color:var(--cngx-color-text, inherit)}.demo-cmdk-trigger{display:inline-flex;align-items:center;gap:var(--cngx-space-sm, 8px)}.demo-cmd-row{display:flex;align-items:center;gap:var(--cngx-space-sm, 8px);width:100%}.demo-cmd-row--active .demo-cmd-label{font-weight:600}.demo-cmd-icon{flex:0 0 auto;inline-size:var(--cngx-space-lg, 24px);text-align:center}.demo-cmd-label{flex:1 1 auto;min-inline-size:0}.demo-cmd-kbd{flex:0 0 auto;font-size:.75rem}.demo-command-registry{display:flex;flex-direction:column;gap:var(--cngx-space-sm, 8px)}.demo-command-registry__list{display:flex;flex-direction:column;gap:var(--cngx-space-xs, 4px);margin:0;padding:0;list-style:none}.demo-command-registry__list li{display:flex;align-items:baseline;gap:var(--cngx-space-sm, 8px)}.demo-overflow-trigger{display:inline-flex;align-items:center;gap:var(--cngx-space-xs, 4px)}.demo-overflow-trigger__count{padding:0 6px;border-radius:999px;background:var(--cngx-ex-highlight-bg, transparent);color:var(--cngx-ex-link, currentColor);font-weight:600}.demo-overflow-item{display:inline-flex;align-items:center;gap:var(--cngx-space-sm, 8px)}.demo-overflow-item__index{min-width:1.5em;font-variant-numeric:tabular-nums;color:var(--cngx-ex-muted, currentColor)}.demo-overflow-item--disabled{font-style:italic}.demo-tab-glyph{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1}.demo-tab-glyph--unsaved{width:8px;height:8px;border-radius:50%;background:var(--cngx-ex-link, currentColor)}.demo-tab-glyph--add{font-weight:600;white-space:nowrap}.demo-popover-activity{margin:0;padding-inline-start:1.25em}.demo-popover-close{padding:2px 10px;border:1px solid var(--cngx-ex-border, currentColor);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.8125rem;cursor:pointer}.demo-popover-close:focus-visible{outline:2px solid var(--cngx-ex-focus, currentColor);outline-offset:2px}.demo-popover-empty{margin:0;font-style:italic;color:var(--cngx-ex-muted, inherit)}.demo-chart-connection{display:inline-flex;align-items:baseline;gap:var(--cngx-space-xs, 6px)}.demo-input-adornment{display:inline-flex;padding-inline:var(--cngx-space-xs, 4px);color:var(--cngx-ex-muted, currentColor)}.demo-input-adornment--active{color:var(--cngx-ex-link, currentColor)}.demo-input-flags{padding-inline:var(--cngx-space-xs, 4px);font-size:.75rem;white-space:nowrap;color:var(--cngx-ex-muted, currentColor)}.demo-tree-chip{display:inline-flex;align-items:center;gap:var(--cngx-space-xs, 4px);padding:1px 4px 1px 8px;border:1px solid var(--cngx-ex-link, currentColor);border-radius:4px;font-size:.8125rem}.demo-tree-chip__remove{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.demo-tree-chip__remove:focus-visible{outline:2px solid var(--cngx-ex-focus, currentColor);outline-offset:1px}.demo-tree-summary{font-weight:600}.demo-tree-count{padding:0 6px;border-radius:999px;background:color-mix(in oklch,currentColor 10%,transparent);font-size:.75rem;white-space:nowrap}.demo-tree-count--full{font-weight:600}.demo-tree-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--cngx-space-sm, 8px);padding:var(--cngx-space-sm, 8px) var(--cngx-space-md, 12px);border-block-start:1px solid var(--cngx-ex-border, currentColor);font-size:.8125rem}.demo-tree-footer__clear{padding:2px 8px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.demo-tree-footer__clear[aria-disabled=true]{opacity:.5;cursor:default}.demo-tree-footer__clear:focus-visible{outline:2px solid var(--cngx-ex-focus, currentColor);outline-offset:1px}.demo-tree-sheet-count{font-variant-numeric:tabular-nums;opacity:.75}.demo-tree-overflow{font-size:.8125rem;font-style:italic;white-space:nowrap}.demo-list-placeholder{display:flex;flex-direction:column;gap:var(--cngx-space-sm, 8px)}.demo-list-placeholder__row{display:flex;align-items:center;gap:var(--cngx-space-sm, 8px)}.demo-list-placeholder__avatar,.demo-list-placeholder__line{background:var(--cngx-ex-border, currentColor);opacity:.8}.demo-list-placeholder__avatar{width:28px;height:28px;border-radius:50%}.demo-list-placeholder__line{width:60%;height:12px;border-radius:6px}.demo-treetable-skeleton{display:flex;align-items:center;gap:var(--cngx-space-sm, 8px);padding:6px 8px}.demo-treetable-skeleton__index{min-width:2.5em;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--cngx-ex-muted, currentColor)}.demo-treetable-skeleton__bar{flex:1;height:10px;border-radius:5px;background:var(--cngx-ex-border, currentColor)}.demo-treetable-refresh{font-style:italic;color:var(--cngx-ex-link, currentColor)}.demo-stat-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--cngx-space-md, 16px);max-width:560px}.demo-toc-config-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--cngx-space-lg, 24px);align-items:start;max-width:760px}.demo-toc-config-rail{display:flex;flex-direction:column;gap:var(--cngx-space-sm, 8px)}.demo-toc-config-heading,.demo-pgn-config-heading{margin:0;font-size:.875rem;color:var(--cngx-ex-muted, currentColor)}.demo-toc-config-article{height:320px;overflow-y:auto}.demo-toc-config-section{min-height:220px}.demo-toc-config-section h3{margin-top:0}.demo-toc-config-item{display:inline-flex;align-items:center;gap:var(--cngx-space-xs, 6px)}.demo-toc-config-marker{inline-size:6px;block-size:6px;border:1px solid currentColor;border-radius:50%}.demo-toc-config-item--active{font-weight:600}.demo-toc-config-item--active .demo-toc-config-marker{background:currentColor}.demo-pgn-config-column{display:flex;flex-direction:column;gap:var(--cngx-space-md, 16px)}.demo-pgn-config-loading{flex-basis:100%;font-size:.8125rem;font-style:italic;color:var(--cngx-ex-link, currentColor)}.demo-config-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--cngx-space-lg, 24px);align-items:start}.demo-config-compare--stacked{grid-template-columns:minmax(0,1fr)}.demo-config-compare-pane{display:flex;flex-direction:column;gap:var(--cngx-space-sm, 8px);min-width:0}.demo-config-compare-heading{margin:0;font-size:.875rem;color:var(--cngx-ex-muted, currentColor)}.demo-config-compare-field{display:flex;flex-direction:column;gap:var(--cngx-space-xs, 4px)}.demo-select-config-panel{background:var(--cngx-color-surface-raised, #f4f6ff);border-inline-start:3px solid var(--cngx-color-primary, #3f51b5)}.demo-action-slot-button{display:inline-flex;align-items:center;inline-size:100%;padding-block:var(--cngx-space-sm, 8px);padding-inline:var(--cngx-space-md, 12px);border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.demo-action-slot-button:disabled{color:var(--cngx-ex-muted, currentColor);cursor:default}.demo-strategy-picker{display:flex;flex-wrap:wrap;gap:var(--cngx-space-sm, 8px) var(--cngx-space-md, 16px);margin-block:var(--cngx-space-md, 12px);padding:var(--cngx-space-sm, 8px) var(--cngx-space-md, 12px);border:1px solid var(--cngx-ex-border, currentColor);border-radius:var(--cngx-radius-sm, 6px)}.demo-strategy-picker>legend{padding-inline:var(--cngx-space-xs, 4px);color:var(--cngx-ex-muted, currentColor)}.demo-loading-config-pane{position:relative;min-height:120px}.demo-loading-config-list{margin:0;padding-inline-start:var(--cngx-space-lg, 20px)}@property --cngx-ex-toast-ring-progress{syntax: "<number>"; inherits: false; initial-value: 1;}.cngx-ex-toast-ring{--cngx-ex-toast-ring-gap: 4px;--cngx-ex-toast-ring-stroke: 2px}.cngx-ex-toast-ring .cngx-toast__timer{--cngx-ex-toast-ring-size: calc( var(--cngx-toast-icon-size, 20px) + 2 * var(--cngx-ex-toast-ring-gap, 4px) );border:0;inset:auto;inset-inline-start:calc(var(--cngx-space-md, 16px) - var(--cngx-ex-toast-ring-gap, 4px));inset-block-start:50%;inline-size:var(--cngx-ex-toast-ring-size);block-size:var(--cngx-ex-toast-ring-size);margin-block-start:calc(var(--cngx-ex-toast-ring-size) / -2);border-radius:50%;background:conic-gradient(var(--cngx-toast-accent, currentColor) calc(var(--cngx-ex-toast-ring-progress) * 1turn),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--cngx-ex-toast-ring-stroke, 2px)),#000 calc(100% - var(--cngx-ex-toast-ring-stroke, 2px)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--cngx-ex-toast-ring-stroke, 2px)),#000 calc(100% - var(--cngx-ex-toast-ring-stroke, 2px)));transform:none;animation:cngx-ex-toast-ring var(--cngx-toast-timer-duration, 0s) linear var(--cngx-toast-timer-offset, 0s) forwards}.cngx-ex-toast-ring .cngx-toast[data-timer=paused] .cngx-toast__timer{animation-play-state:paused}.cngx-ex-toast-ring .cngx-toast:has(.cngx-toast__title) .cngx-toast__timer{inset-block-start:calc(var(--cngx-space-sm, 8px) + var(--cngx-toast-icon-size, 20px) * 11 / 21)}@keyframes cngx-ex-toast-ring{0%{--cngx-ex-toast-ring-progress: 1}to{--cngx-ex-toast-ring-progress: 0}}