:root,[data-theme=light]{--page-bg:oklch(98.5% .004 264);--page-surface:oklch(100% 0 0);--page-surface-2:oklch(97.5% .004 264);--page-border:oklch(91% .005 264);--page-border-soft:oklch(94.5% .004 264);--ink:oklch(22% .014 264);--ink-2:oklch(46% .012 264);--ink-3:oklch(62% .01 264);--brand:oklch(55% .19 274);--brand-soft:oklch(95% .04 274);--shadow-card:0 1px 2px oklch(20% .02 264/.04), 0 8px 28px oklch(20% .02 264/.06);--shadow-lift:0 1px 2px oklch(20% .02 264/.05), 0 18px 48px oklch(20% .02 264/.1)}[data-theme=dark]{--page-bg:oklch(16% .007 264);--page-surface:oklch(20% .008 264);--page-surface-2:oklch(23.5% .009 264);--page-border:oklch(30% .01 264);--page-border-soft:oklch(26% .009 264);--ink:oklch(95% .005 264);--ink-2:oklch(72% .01 264);--ink-3:oklch(56% .01 264);--brand:oklch(72% .15 274);--brand-soft:oklch(30% .06 274);--shadow-card:0 1px 2px oklch(0% 0 0/.3), 0 10px 34px oklch(0% 0 0/.4);--shadow-lift:0 1px 2px oklch(0% 0 0/.4), 0 22px 56px oklch(0% 0 0/.55)}:root{--kit:var(--brand);--kit-ink:color-mix(in oklch, var(--kit) 62%, var(--ink));--kit-line:color-mix(in oklch, var(--kit) 34%, var(--page-border));--kit-wash:color-mix(in oklab, var(--kit) 7%, var(--page-surface));--kit-glow:color-mix(in oklch, var(--kit) 18%, transparent);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--font-sans:"Schibsted Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--fs-display:clamp(30px, 4.2vw, 46px);--fs-h2:clamp(19px, 2vw, 24px);--fs-h3:16px;--fs-body:15px;--fs-small:13px;--fs-micro:11px;--lh-display:1.05;--lh-body:1.62;--track-display:-.035em;--track-key:.14em;--measure:62ch;--ease:cubic-bezier(.2, .7, .3, 1);--dur-state:.14s;--dur-move:.22s}:root[data-framework=angular][data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-framework=angular][data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-framework=angular]{scrollbar-gutter:stable;--brand:oklch(55% .2 18);--brand-soft:oklch(96% .025 18)}:root[data-framework=vue]{--brand:oklch(48% .13 160);--brand-soft:oklch(96% .025 160)}:root[data-framework=angular][data-theme=dark]{--brand:oklch(75% .15 18);--brand-soft:oklch(30% .06 18)}:root[data-framework=vue][data-theme=dark]{--brand:oklch(75% .13 160);--brand-soft:oklch(30% .045 160)}.mx{padding-bottom:var(--sp-8)}.mx-hero{gap:var(--sp-6) var(--sp-7);padding-block:var(--sp-7) var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,24rem);align-items:start;display:grid}.mx-hero--solo{grid-template-columns:minmax(0,1fr)}.mx-hero__body{min-width:0}.mx-kicker{align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-key);text-transform:uppercase;color:var(--ink-3);font-weight:600;display:inline-flex}.mx-kicker:before{content:"";background:var(--kit);width:7px;height:7px;box-shadow:0 0 0 3px var(--kit-glow);border-radius:2px}.mx-kicker a{color:inherit;transition:color var(--dur-state) var(--ease);border-bottom:1px solid #0000}.mx-kicker a:hover{color:var(--kit-ink)}.mx-kicker__sep{color:var(--page-border)}.mx-title{font-size:var(--fs-display);font-weight:800;line-height:var(--lh-display);letter-spacing:var(--track-display);color:var(--ink);text-wrap:balance;margin:0}.mx-title em{color:var(--kit-ink);font-style:normal}.mx-lead{margin:var(--sp-4) 0 0;max-width:var(--measure);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);text-wrap:pretty}.mx-lead+.mx-lead{margin-top:var(--sp-3)}.mx-lead code{background:var(--page-surface-2);border:1px solid var(--page-border-soft);font-family:var(--font-mono);color:var(--ink);border-radius:5px;padding:1px 5px;font-size:.86em}.mx-actions{gap:var(--sp-2);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.mx-btn{min-height:40px;padding:0 var(--sp-4);border:1px solid var(--page-border);border-radius:var(--r-sm);background:var(--page-surface);color:var(--ink);font-size:var(--fs-small);cursor:pointer;transition:border-color var(--dur-state) var(--ease), transform var(--dur-state) var(--ease), box-shadow var(--dur-state) var(--ease);align-items:center;gap:7px;font-weight:650;display:inline-flex}.mx-btn:hover{border-color:var(--kit-line);box-shadow:0 4px 14px var(--kit-glow);transform:translateY(-1px)}.mx-btn--primary{background:var(--ink);color:var(--page-bg);border-color:#0000}.mx-btn--primary:hover{border-color:#0000;box-shadow:0 6px 18px oklch(0% 0 0/.18)}.mx-plate{border:1px solid var(--page-border);border-radius:var(--r-lg);background:var(--page-surface);min-width:0;box-shadow:var(--shadow-lift);overflow:hidden}.mx-plate__head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--page-border-soft);background:var(--kit-wash);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600;display:flex}.mx-plate__row{gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--page-border-soft);min-width:0;display:grid}.mx-plate__row:last-child{border-bottom:0}.mx-plate__key{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-key);text-transform:uppercase;color:var(--ink-3);font-weight:600}.mx-plate__val{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;display:block}.mx-seam{align-items:center;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-key);text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-weight:600;display:flex}.mx-seam__pkg,.mx-kicker__pkg,.mx-plate__head span:first-child{text-transform:none;letter-spacing:.02em}.mx-seam:before,.mx-seam:after{content:"";background:var(--kit-line);height:1px}.mx-seam:before{width:var(--sp-5);flex:none}.mx-seam:after{flex:auto;min-width:0}.mx-seam__pkg{color:var(--kit-ink)}.mx-demo{border:1px solid var(--page-border);border-radius:var(--r-lg);background:var(--page-surface);box-shadow:var(--shadow-card);min-width:0;overflow:visible}.mx-demo__body{padding:var(--sp-4);min-width:0}.mx-demo>.hint-row:first-child{border-radius:var(--r-lg) var(--r-lg) 0 0}.panel-layout{gap:var(--sp-5);grid-template-columns:minmax(15rem,max-content) minmax(0,1fr);align-items:start;display:grid}.panel-layout>*{min-width:0}@media (width<=900px){.panel-layout{grid-template-columns:minmax(0,1fr)}}.mx-section{padding-top:var(--sp-8)}.mx-section__head{max-width:var(--measure);margin-bottom:var(--sp-5)}.mx-h2{font-size:var(--fs-h2);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:0;font-weight:700;line-height:1.2}.mx-section__lead{margin:var(--sp-2) 0 0;font-size:var(--fs-small);color:var(--ink-2);text-wrap:pretty;line-height:1.6}.mx-grid{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mx-card{gap:var(--sp-2);min-width:0;padding:var(--sp-4);border:1px solid var(--page-border);border-radius:var(--r-md);background:var(--page-surface);color:var(--ink-2);transition:border-color var(--dur-state) var(--ease), transform var(--dur-move) var(--ease), box-shadow var(--dur-move) var(--ease);grid-template-rows:auto 1fr auto;display:grid}.mx-card:hover{border-color:var(--kit-line);box-shadow:0 10px 30px var(--kit-glow);transform:translateY(-2px)}.mx-card:focus-visible{outline:2px solid var(--kit);outline-offset:2px}.mx-card__name{align-items:center;gap:var(--sp-2);font-size:var(--fs-h3);letter-spacing:-.015em;color:var(--ink);font-weight:700;display:flex}.mx-card__name svg{color:var(--kit-ink);flex:none}.mx-card__desc{font-size:var(--fs-small);color:var(--ink-2);text-wrap:pretty;margin:0;line-height:1.55}.mx-card__path{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--ink-3);transition:color var(--dur-state) var(--ease)}.mx-card:hover .mx-card__path{color:var(--kit-ink)}.mx-kits{gap:var(--sp-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mx-kit{min-width:0;padding:var(--sp-3);border:1px solid var(--page-border);border-radius:var(--r-md);background:var(--page-surface);transition:border-color var(--dur-state) var(--ease), transform var(--dur-state) var(--ease);gap:3px;display:grid}.mx-kit:hover{border-color:color-mix(in oklch, var(--c) 55%, var(--page-border));transform:translateY(-1px)}.mx-kit__name{align-items:center;gap:var(--sp-2);font-size:var(--fs-small);color:var(--ink);font-weight:650;display:flex}.mx-kit__name:before{content:"";background:var(--c);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in oklch, var(--c) 20%, transparent);border-radius:50%;flex:none}.mx-kit__blurb{font-size:var(--fs-micro);color:var(--ink-3);line-height:1.4}.mx-kit[aria-current=page]{border-color:var(--c);background:color-mix(in oklab, var(--c) 7%, var(--page-surface))}.mx-code{border:1px solid var(--page-border);border-radius:var(--r-md);background:var(--page-surface);min-width:0;overflow:hidden}.mx-code__bar{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border-bottom:1px solid var(--page-border-soft);background:var(--kit-wash);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600;display:flex}.mx-code__copy{border:1px solid var(--page-border);border-radius:var(--r-sm);background:var(--page-surface);min-height:28px;color:var(--ink-2);font:inherit;font-size:var(--fs-micro);letter-spacing:.06em;cursor:pointer;transition:color var(--dur-state) var(--ease), border-color var(--dur-state) var(--ease);align-items:center;gap:6px;padding:0 10px;display:inline-flex}.mx-code__copy:hover{color:var(--ink);border-color:var(--kit-line)}.mx-code__copy.is-done{color:var(--kit-ink);border-color:var(--kit-line)}.mx-code pre{max-block-size:26rem;padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-small);color:var(--ink-2);scrollbar-width:thin;tab-size:2;margin:0;line-height:1.72;overflow-x:auto}.mx-code code{font:inherit}.mx-note{gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--kit-line);border-radius:var(--r-md);background:var(--kit-wash);display:grid}.mx-note__key{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-key);text-transform:uppercase;color:var(--kit-ink);font-weight:600}.mx-note p{font-size:var(--fs-small);color:var(--ink-2);text-wrap:pretty;margin:0;line-height:1.6}.mx-brief{gap:var(--sp-4);margin-top:var(--sp-5);grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;display:grid}.mx-brief__side{gap:var(--sp-3);min-width:0;display:grid}#mx-inspector-slot,#mx-inspector-slot>*{min-width:0}.mx-refs{gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--page-border);border-radius:var(--r-md);background:var(--page-surface-2);display:grid}.mx-refs__key{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--track-key);text-transform:uppercase;color:var(--ink-3);font-weight:600}.mx-refs__list{flex-wrap:wrap;gap:6px;display:flex}.mx-refs__list a{border:1px solid var(--page-border);background:var(--page-surface);font-size:var(--fs-micro);color:var(--ink-2);transition:color var(--dur-state) var(--ease), border-color var(--dur-state) var(--ease);border-radius:999px;padding:4px 10px;font-weight:600}.mx-refs__list a:hover{color:var(--kit-ink);border-color:var(--kit-line)}.mx-rail{flex-wrap:wrap;gap:6px;display:flex}.mx-rail a{border:1px solid var(--page-border);background:var(--page-surface);font-size:var(--fs-small);color:var(--ink-2);transition:color var(--dur-state) var(--ease), border-color var(--dur-state) var(--ease), background var(--dur-state) var(--ease);border-radius:999px;padding:6px 12px;font-weight:550}.mx-rail a:hover{color:var(--ink);border-color:var(--kit-line);background:var(--kit-wash)}.mx-rail a[aria-current=page]{color:var(--kit-ink);border-color:var(--kit-line);background:var(--kit-wash)}@media (width<=1080px){.mx-hero{gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}.mx-plate{max-width:34rem}.mx-brief{grid-template-columns:minmax(0,1fr)}.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.mx-hero{padding-block:var(--sp-6) var(--sp-5)}.mx-section{padding-top:var(--sp-7)}.mx-grid,.mx-kits{grid-template-columns:minmax(0,1fr)}.mx-actions .mx-btn{flex:auto;justify-content:center}}html{scroll-behavior:smooth;scrollbar-gutter:stable}html:has(.ai-opts[open]){overflow-anchor:none;scroll-behavior:auto;overflow:hidden}html body{background:var(--page-bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Schibsted Grotesk,system-ui,sans-serif;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}::selection{background:color-mix(in oklch, var(--brand) 26%, transparent)}#root{flex-direction:column;min-height:100vh;display:flex}#root>main{flex:1}#showcase-navigation+#root{min-height:0}:where(:root:not([data-framework=angular])) .shell{box-sizing:border-box;width:100%;max-width:1140px;margin:0 auto;padding-inline:28px}:where(:root[data-framework=angular]) .shell{width:100%;max-width:1140px;margin:0 auto;padding-inline:28px}:where(:root:not([data-framework=angular])) .nav{z-index:40;background:color-mix(in oklch, var(--page-bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--page-border-soft);position:sticky;top:0}:where(:root[data-framework=angular]) .nav{z-index:40;background:color-mix(in oklch, var(--page-surface) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--page-border-soft);position:sticky;top:0}:where(:root:not([data-framework=angular])) .nav__inner{align-items:center;gap:24px;min-height:62px;padding-block:6px;display:flex}:where(:root[data-framework=angular]) .nav__inner{align-items:center;gap:24px;min-height:64px;padding-block:0;display:flex}.nav__links{flex-wrap:nowrap;flex:0 auto;align-items:center;column-gap:18px;min-width:0;margin-inline-start:14px;display:flex}.nav__inner>.wm,.nav__right{flex:none}:where(:root:not([data-framework=angular])) .nav__links>a,:where(:root:not([data-framework=angular])) .nav__trigger{color:var(--ink-2);white-space:nowrap;font-size:14px;font-weight:500;transition:color .15s}:where(:root[data-framework=angular]) .nav__links>a,:where(:root[data-framework=angular]) .nav__trigger{color:var(--ink-2);white-space:nowrap;font-size:16px;font-weight:500;transition:color .15s}.nav__links>a:hover,.nav__trigger:hover{color:var(--ink)}.nav__links>a.is-on,.nav__trigger.is-on{color:var(--brand);font-weight:650}.nav__group{flex:none;display:inline-flex;position:relative}.nav__trigger{font-family:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.nav__chev{color:var(--ink-3);flex:none;transition:rotate .15s}.nav__trigger[aria-expanded=true]{color:var(--ink)}.nav__trigger[aria-expanded=true] .nav__chev{rotate:180deg}.nav__trigger.is-on .nav__chev{color:currentColor}.nav__menu{top:calc(100% + 14px);z-index:50;border:1px solid var(--page-border);background:var(--page-surface);min-width:186px;box-shadow:var(--shadow-card);visibility:hidden;opacity:0;pointer-events:none;border-radius:12px;flex-direction:column;gap:1px;padding:12px;transition:opacity .14s,translate .14s,visibility 0s linear .14s;display:flex;position:absolute;inset-inline-start:-12px;translate:0 -5px}.nav__menu[data-open=false]{display:none}.nav__menu[data-open=true]{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .14s,translate .14s,visibility;translate:0}.nav__menu a{color:var(--ink-2);white-space:nowrap;border-radius:8px;gap:1px;padding:7px 11px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:grid}.nav__menu--wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;width:max-content;max-width:min(40rem,100vw - 32px);padding:16px;display:grid}.nav__menu--wide .nav__item-hint{white-space:normal;text-wrap:pretty}.nav__item-label{align-items:center;gap:8px;display:inline-flex}.nav__dot{background:var(--c,var(--brand));width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in oklch, var(--c,var(--brand)) 20%, transparent);border-radius:50%;flex:none}.nav__item-hint{color:var(--ink-3);padding-inline-start:15px;font-size:11.5px;font-weight:450;line-height:1.3}.nav__menu a:hover{background:var(--page-surface-2);color:var(--ink)}.nav__menu a:focus-visible{background:var(--page-surface-2);color:var(--ink);outline:2px solid var(--brand);outline-offset:-2px}.nav__menu a.is-on{background:var(--brand-soft);color:var(--brand);font-weight:650}.nav__mobile{display:none}.nav__right{align-items:center;gap:12px;margin-inline-start:auto;display:flex}:where(:root:not([data-framework=angular])) .nav__icon{border:1px solid var(--page-border);background:var(--page-surface);width:36px;height:36px;color:var(--ink-2);cursor:pointer;border-radius:9px;place-items:center;transition:all .15s;display:grid}:where(:root[data-framework=angular]) .nav__icon{width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:all .15s;display:grid}.nav__icon:hover{color:var(--ink)}:where(:root[data-framework=angular]) .nav__docs,:where(:root[data-framework=angular]) .nav__cta{height:40px;color:var(--ink-2);border-radius:6px;align-items:center;gap:6px;padding-inline:12px;font-size:14px;font-weight:550;transition:color .15s,background .15s;display:inline-flex}:where(:root:not([data-framework=angular])) .nav__docs{border:1px solid var(--page-border);background:var(--page-surface);height:36px;color:var(--ink);border-radius:9px;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:600;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}:where(:root[data-framework=angular]) .nav__docs{background:0 0;border:0}:where(:root:not([data-framework=angular])) .nav__cta{background:var(--ink);height:36px;color:var(--page-bg);border-radius:9px;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}:where(:root[data-framework=angular]) .nav__cta{border:1px solid var(--page-border);background:var(--page-surface);color:var(--ink)}:where(:root[data-framework=angular]) .nav__docs:hover,:where(:root[data-framework=angular]) .nav__cta:hover,:where(:root[data-framework=angular]) .nav__icon:hover{background:var(--page-surface-2);color:var(--ink)}.wm{align-items:center;gap:9px;display:inline-flex}.wm__mark{flex:none;display:block}:where(:root:not([data-framework=angular])) .wm__txt{letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:500}:where(:root[data-framework=angular]) .wm__txt{letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:500}.wm__txt strong{font-weight:700}.install{background:var(--page-surface);border:1px solid var(--page-border);height:46px;box-shadow:var(--shadow-card);border-radius:11px;align-items:center;gap:10px;padding:0 8px 0 16px;font-family:JetBrains Mono,monospace;display:inline-flex}.install__prompt{color:var(--brand);font-weight:700}.install code{color:var(--ink);font-size:14px}.install__copy{cursor:pointer;background:var(--page-surface-2);width:30px;height:30px;color:var(--ink-3);border:none;border-radius:7px;place-items:center;transition:all .15s;display:grid}.install__copy:hover{color:var(--ink)}.install__copy.ok{color:oklch(62% .16 152)}.install--lg{height:50px}:where(:root:not([data-framework=angular])) .sec{padding-top:clamp(18px,3.2vh,36px)}:where(:root[data-framework=angular]) .sec{padding-top:clamp(24px,4.5vh,48px)}.sec:last-of-type{padding-bottom:clamp(18px,3.2vh,36px)}.sec__head{max-width:820px;margin-bottom:14px}:where(:root:not([data-framework=angular])) .sec__title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(18px,1.9vw,22px);font-weight:700;line-height:1.2}:where(:root[data-framework=angular]) .sec__title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:clamp(28px,3.2vw,48px);font-weight:700;line-height:1.2}:where(:root:not([data-framework=angular])) .sec__lead{color:var(--ink-2);text-wrap:pretty;margin:4px 0 0;font-size:14px;line-height:1.5}:where(:root[data-framework=angular]) .sec__lead{color:var(--ink-2);text-wrap:pretty;margin:4px 0 0;font-size:20px;line-height:1.5}:where(:root:not([data-framework=angular])) .adapterbar{flex-wrap:nowrap;align-items:stretch;gap:6px;margin-bottom:16px;padding-block:6px;display:flex;overflow:visible}:where(:root[data-framework=angular]) .adapterbar{border-block-end:1px solid var(--page-border);scrollbar-width:thin;overscroll-behavior-x:contain;align-items:stretch;gap:4px;margin-block:20px 12px;padding:0;display:flex;overflow-x:auto}:where(:root:not([data-framework=angular])) .adtab{text-align:start;cursor:pointer;border:1px solid var(--page-border);background:var(--page-surface);border-radius:10px;flex:1 1 0;align-items:flex-start;gap:6px;min-width:0;padding:8px 9px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}:where(:root[data-framework=angular]) .adtab{text-align:start;min-width:max-content;font:inherit;cursor:pointer;border:0;color:var(--ink-2);background:0 0;border-block-end:2px solid #0000;border-radius:6px 6px 0 0;flex:1 0 auto;justify-content:center;align-items:center;gap:7px;padding:12px 10px;transition:background .15s,color .15s;display:flex;position:relative}:where(:root:not([data-framework=angular])) .adtab:hover{border-color:color-mix(in oklch, var(--c) 50%, var(--page-border));box-shadow:0 4px 12px color-mix(in oklch, var(--c) 14%, transparent);z-index:1;transform:translateY(-1px)}:where(:root[data-framework=angular]) .adtab:hover{background:var(--page-surface-2);color:var(--ink)}:where(:root:not([data-framework=angular])) .adtab.is-on{border-color:var(--c);box-shadow:0 0 0 1px var(--c), 0 4px 14px color-mix(in oklch, var(--c) 22%, transparent);z-index:1}:where(:root[data-framework=angular]) .adtab.is-on{border-block-end-color:var(--c);background:color-mix(in oklab, var(--c) 6%, var(--page-surface));color:var(--ink)}:where(:root[data-framework=angular]) .adtab:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}:where(:root:not([data-framework=angular])) .adtab__dot{background:var(--c);width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in oklch, var(--c) 18%, transparent);border-radius:50%;flex:none;margin-top:4px}:where(:root[data-framework=angular]) .adtab__dot{background:var(--c);border-radius:50%;flex:none;width:6px;height:6px;display:none}:where(:root:not([data-framework=angular])) .adtab__l strong{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;overflow:hidden}:where(:root[data-framework=angular]) .adtab__l strong{white-space:nowrap;font-size:16px;font-weight:500}:where(:root:not([data-framework=angular])) .adtab__l small{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}:where(:root[data-framework=angular]) .adtab__l small{display:none}.controls{background:var(--page-surface-2);border:1px solid var(--page-border);border-radius:14px 14px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 10px;margin-bottom:-1px;padding:16px 18px;display:flex}.controls__break{flex-basis:100%;height:0}.ctrl{align-items:center;gap:8px;display:flex}.ctrl__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-size:12px;font-weight:600}.seg{background:var(--page-surface);border:1px solid var(--page-border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}:where(:root:not([data-framework=angular])) .seg__btn{cursor:pointer;color:var(--ink-2);background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-family:inherit;font-size:13px;font-weight:550;transition:all .15s;display:inline-flex}:where(:root[data-framework=angular]) .seg__btn{cursor:pointer;color:var(--ink-2);background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-family:inherit;font-size:14px;font-weight:550;transition:all .15s;display:inline-flex}.seg__btn:hover{color:var(--ink)}.seg__btn.is-on{background:var(--ink);color:var(--page-bg)}.seg__btn:disabled{cursor:not-allowed;opacity:.42}.lab-recipes{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:18px 0 10px;display:grid}.lab-recipe{text-align:start;min-width:0;color:var(--ink-2);background:var(--page-surface);border:1px solid var(--page-border);cursor:pointer;font:inherit;border-radius:12px;gap:4px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.lab-recipe:hover{color:var(--ink);box-shadow:var(--shadow-card);transform:translateY(-1px)}.lab-recipe.is-on{color:var(--ink);border-color:color-mix(in srgb, var(--ink) 38%, var(--page-border));box-shadow:inset 3px 0 0 var(--ink)}.lab-recipe strong{font-size:13px}.lab-recipe span{color:var(--ink-3);font-size:11px;line-height:1.35}.lab-toolbar{color:var(--ink-2);background:var(--page-surface-2);border:1px solid var(--page-border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:10px 12px;display:flex}.lab-toolbar>div{gap:2px;min-width:0;display:grid}.lab-toolbar strong{color:var(--ink);font-size:13px}.lab-toolbar span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lab-config-trigger{min-height:36px;color:var(--ink);background:var(--page-surface);border:1px solid var(--page-border);cursor:pointer;font:inherit;border-radius:9px;flex:none;padding:0 12px;font-size:13px;font-weight:650}.lab-config-trigger:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--page-border))}.lab-layout{min-width:0;margin-top:10px}.lab-options-drawer__intro{color:var(--ink-3);margin:0 0 12px;font-size:12px}.opt-board{gap:12px;min-width:0;margin:0;display:grid}.opt-board.lab-options-drawer__controls{grid-template-columns:1fr;padding-bottom:16px}.opt-panel{background:var(--page-surface-2);border:1px solid var(--page-border);border-radius:14px;min-width:0;padding:14px 16px 12px}.opt-panel__title{letter-spacing:.01em;color:var(--ink);margin:0 0 10px;font-size:13px;font-weight:650}.opt-panel__row{flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0;display:flex}.demo-surface--flush{border-radius:14px;margin-top:0}.lab-preview{min-width:0}.lab-summary{color:var(--ink-2);background:var(--page-surface-2);border:1px solid var(--page-border);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;padding:10px 12px;font-size:12px;display:flex}.lab-summary strong{color:var(--ink);font-size:13px}.lab-summary small{color:var(--ink-3);flex-basis:100%}.demo-surface{border:1px solid var(--page-border);box-shadow:var(--shadow-card);background:var(--page-surface);border-radius:0 0 14px 14px;overflow:visible}.demo-surface__body{padding:14px}.demo-surface__fallback{min-height:472px;color:var(--ink-2);place-items:center;font-size:14px;display:grid}.trial-cta{border:1px solid var(--page-border);background:color-mix(in srgb, var(--page-surface) 88%, var(--brand) 12%);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 14px;padding:12px 14px;display:flex}.trial-cta .install{margin:0}.trial-cta__blitz,.trial-cta__docs{height:36px;color:var(--ink);border:1px solid var(--page-border);background:var(--page-surface);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.trial-cta__blitz:hover,.trial-cta__docs:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--page-border))}.trial-cta__blitz{color:#fff;background:var(--brand,#0f766e);border-color:#0000}.trial-cta__blitz:hover{filter:brightness(1.06);border-color:#0000}.pad-surface{border:1px solid var(--page-border);box-shadow:var(--shadow-card);background:var(--page-surface);border-radius:16px;overflow:hidden}.pad-surface__body{padding:14px}.fx{border-bottom:1px solid var(--page-border);background:var(--page-surface-2);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.fx__form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.fx__field{letter-spacing:.02em;color:var(--ink-2);text-transform:uppercase;flex-direction:column;gap:4px;font-size:11.5px;font-weight:650;display:flex}.fx__field--wide{flex:22rem}.fx__field input{min-height:34px;font:inherit;text-transform:none;letter-spacing:normal;color:var(--ink);background:var(--page-surface);border:1px solid var(--page-border);border-radius:8px;padding:0 10px;font-size:13px;font-weight:450}.fx__form button{min-height:34px;color:var(--page-bg);background:var(--ink);cursor:pointer;font:inherit;border:0;border-radius:8px;padding:0 13px;font-weight:650}.fx__examples{flex-wrap:wrap;gap:6px;display:flex}.fx__examples button{font:inherit;color:var(--ink-2);background:var(--page-surface);border:1px dashed var(--page-border);cursor:pointer;border-radius:999px;padding:4px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.fx__examples button:hover,.fx__form button:hover{opacity:.85}.fx__chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fx__chips li{background:var(--page-surface);border:1px solid var(--page-border);border-radius:999px;align-items:center;gap:6px;padding-block:3px;padding-inline:9px 4px;font-size:12px;display:inline-flex}.fx__chips code{color:var(--ink-2);font-size:11.5px}.fx__chips button{width:20px;height:20px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:15px;line-height:1}.fx__chips .fx__empty{color:var(--ink-2);border-style:dashed}.fx__report{flex-direction:column;gap:4px;display:flex}.hint-row{border-bottom:1px solid var(--page-border);background:var(--page-surface-2);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.hint{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.ai-play{border-bottom:1px solid var(--page-border);background:var(--page-surface-2);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.ai-play__status{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin:0;font-size:14px;display:flex}.ai-play__status strong{font-weight:650}.ai-play__note{color:var(--ink-2);font-size:13px}.ai-play__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-play__keys{flex-wrap:wrap;flex:220px;gap:6px;display:flex}.ai-play__key,.ai-play__btn{border:1px solid var(--page-border);background:var(--page-surface);min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:13px}.ai-play__key.is-on,.ai-play__btn:hover{border-color:var(--brand,var(--c))}.ai-play__key.is-on{background:color-mix(in srgb, var(--page-surface) 78%, var(--brand,var(--c)) 22%)}.ai-play__key:focus-visible,.ai-play__btn:focus-visible{outline:2px solid var(--brand,var(--c));outline-offset:2px}.ai-play__btn:disabled{opacity:.45;cursor:not-allowed}.ai-play__schema{background:var(--page-surface);border:1px solid var(--page-border);border-radius:8px;max-height:160px;margin:0;padding:10px 12px;font-size:12px;line-height:1.45;overflow:auto}.ai-play__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-play__modes{flex-wrap:wrap;gap:6px;display:flex}.ai-play__backend,.ai-play__chat{gap:10px;display:grid}.ai-play__field{flex:220px;gap:4px;min-width:min(100%,280px);font-size:13px;display:grid}.ai-play__field input{border:1px solid var(--page-border);background:var(--page-surface);min-height:44px;color:inherit;font:inherit;border-radius:8px;padding:0 12px}.ai-play__log{color:var(--ink-2);margin:0;padding-left:1.2em;font-size:13px}.ai-play__last{min-height:1.2em;color:var(--ink-2);font-size:13px}.ai-play__refs{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-size:13px;display:flex}.ai-play__refs a{color:inherit}.ai-play__kits{flex-wrap:wrap;gap:8px 12px;font-size:13px;display:flex}.ai-play__kits a{color:inherit;align-items:center;min-height:44px;display:inline-flex}.ai-play__kits a[aria-current=page]{color:var(--ink);font-weight:650;text-decoration:none}#ai-demo{scroll-margin-top:72px}.ai-demo__lede{color:var(--ink-2);max-width:62ch;margin:0 0 10px;font-size:13px}.ai-demo__watch{width:100%;max-width:none;margin:0 0 14px}.ai-demo__watch figcaption{margin:0 0 8px;font-size:13px;font-weight:650}.ai-demo__watch-video{aspect-ratio:960/474;border:1px solid var(--page-border);background:var(--page-surface);border-radius:8px;width:100%;height:auto;display:block}.ai-demo__watch-note{color:var(--ink-2);margin:8px 0 0;font-size:12px}.ai-demo__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:10px;display:flex}.ai-demo__controls .ai-demo__kits{margin-bottom:0}.ai-demo__toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.ai-demo__options-trigger{font:inherit;border:1px solid var(--page-border);background:var(--page-surface);min-height:36px;color:var(--ink);cursor:pointer;border-radius:9px;padding:6px 14px;font-size:13px;font-weight:650}.ai-demo__options-trigger:hover{border-color:var(--ink)}.ai-demo__options-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ai-demo__options-trigger[aria-expanded=true]{background:var(--ink);color:var(--page-bg);border-color:var(--ink)}.ai-demo__options{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px;display:flex}.ai-demo__kits{flex-wrap:wrap;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.ai-demo__kits a{color:var(--ink-2)}.ai-demo__kits a[aria-current=page]{color:var(--ink);font-weight:650;text-decoration:none}.ai-demo__stage{display:block}.ai-demo__assistant{display:contents}.ai-demo__panel{flex-direction:column;gap:10px;min-height:380px;max-height:min(70dvh,620px);display:flex;position:sticky;top:12px}@media (width<1100px){.ai-demo__stage{grid-template-columns:minmax(0,1fr)}.ai-demo__panel{max-height:none;position:static}}.ai-demo__settings,.ai-demo__dev{border:1px solid var(--page-border);border-radius:10px;margin-top:14px;padding:10px 12px;font-size:12px}.ai-demo__settings summary,.ai-demo__dev summary{cursor:pointer;font-weight:650}.ai-demo__toggles{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.ai-demo__note,.ai-demo__revision{color:var(--ink-2);margin:10px 0 0}.ai-demo__keys{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.ai-demo__key{color:var(--ink-2);background:var(--page-surface);border:1px solid var(--page-border);cursor:pointer;font:inherit;border-radius:999px;padding:4px 8px;font-size:11px}.ai-demo__key.is-on{color:var(--ink);border-color:var(--brand);font-weight:650}.ai-demo__key:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ai-demo__schema{background:var(--page-surface);border:1px solid var(--page-border);border-radius:8px;max-height:220px;margin-top:10px;padding:10px;font-size:11px;overflow:auto}.ai-demo__refs{flex-wrap:wrap;gap:12px;margin:10px 0 0;display:flex}.ai-conn{background:var(--page-surface);border:1px solid var(--page-border);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;font-size:12px;display:flex}.ai-conn__now{flex-direction:column;gap:2px;margin:0;display:flex}.ai-conn__now span{color:var(--ink-2)}.ai-conn__form{flex-direction:column;gap:6px;display:flex}.ai-conn__form input:not([type=radio]):not([type=checkbox]){min-height:32px;color:inherit;background:var(--page-bg);border:1px solid var(--page-border);font:inherit;border-radius:8px;padding:0 8px}.ai-conn__protocol{border:1px solid var(--page-border);border-radius:8px;flex-direction:column;gap:2px;margin:0;padding:8px 10px 10px;display:flex}.ai-conn__protocol legend{color:var(--ink-2);padding-inline:4px;font-weight:600}.ai-conn__protocol label{cursor:pointer;border-radius:6px;grid-template-columns:auto 1fr;align-items:start;gap:8px;min-height:44px;padding:6px;display:grid}.ai-conn__protocol label:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}.ai-conn__protocol input[type=radio]{width:16px;height:16px;accent-color:var(--ink);margin:2px 0 0}.ai-conn__protocol label:focus-within{outline:2px solid var(--focus,#2563eb);outline-offset:1px}.ai-conn__protocol span{text-wrap:pretty;line-height:1.5}.ai-conn__protocol code{overflow-wrap:anywhere}.ai-conn__note{color:var(--ink-2);margin:4px 0}.ai-conn__error{color:var(--danger,#b42318);margin:0}.ai-conn__row{gap:8px;display:flex}.ai-conn__btn{min-height:32px;color:var(--page-bg);background:var(--ink);cursor:pointer;font:inherit;border:0;border-radius:8px;padding:0 12px;font-weight:650}.ai-conn__btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ai-conn__steps{color:var(--ink-2);flex-direction:column;gap:8px;margin:0;padding-inline-start:20px;line-height:1.5;display:flex}.ai-conn__steps code{background:var(--page-bg);border:1px solid var(--page-border);color:var(--ink);overflow-wrap:anywhere;border-radius:5px;padding:1px 5px;font-size:11px}.ai-conn-dialog{width:min(520px,100vw - 32px);color:inherit;background:var(--page-surface);border:1px solid var(--page-border);border-radius:14px;padding:0;box-shadow:0 24px 60px #00000047}.ai-conn-dialog::backdrop{background:#0000006b}.ai-conn-dialog__head{border-bottom:1px solid var(--page-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ai-conn-dialog__head h3{margin:0;font-size:15px}.ai-conn-dialog__close{min-width:28px;min-height:28px;color:var(--ink-2);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:0}.ai-conn-dialog__close:hover{color:var(--ink);background:var(--page-bg)}.ai-conn-dialog__close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ai-conn-dialog .ai-conn{background:0 0;border:0;border-radius:0;gap:12px;padding:16px}.demo-live-update{color:var(--ink-2);background:color-mix(in srgb, var(--page-surface) 90%, var(--brand) 10%);border:1px solid var(--page-border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:9px 10px 9px 12px;font-size:12px;display:flex}.demo-live-update button{min-height:34px;color:var(--page-bg);background:var(--ink);cursor:pointer;font:inherit;border:0;border-radius:8px;flex:none;padding:0 11px;font-weight:650}.demo-live-update button:hover:not(:disabled){opacity:.88}.demo-live-update button:disabled{opacity:.38;cursor:not-allowed}.demo-live-update--feed{align-items:baseline;padding-block:7px}.demo-live-update--feed ol{gap:1px;margin:0;padding-inline-start:1.15em;display:grid}.foot{border-top:1px solid var(--page-border);background:var(--page-surface-2)}.foot__inner{flex-wrap:wrap;align-items:center;gap:28px;padding-top:40px;padding-bottom:40px;display:flex}.foot__lead{flex-direction:column;gap:8px;display:flex}.foot__lead p{color:var(--ink-2);margin:0;font-size:13.5px}.foot__links{flex-wrap:wrap;gap:18px;margin-inline-start:auto;display:flex}.foot__links a{color:var(--ink-2);align-items:center;gap:6px;font-size:13.5px;font-weight:500;transition:color .15s;display:inline-flex}.foot__links a svg{opacity:.75;transition:opacity .15s}.foot__links a:hover{color:var(--brand)}.foot__links a:hover svg{opacity:1}@media (width>=921px) and (width<=1100px){:where(:root[data-framework=angular]) .nav__inner{gap:16px}:where(:root[data-framework=angular]) .nav__links{column-gap:12px;margin-inline-start:0}:where(:root[data-framework=angular]) .nav__right :is(.nav__docs,.nav__cta){display:none}}@media (width<=920px){.nav__links{display:none}.nav__mobile{min-width:0;margin-inline-start:auto;display:inline-flex;position:relative}.nav__mobile select{appearance:none;border:1px solid var(--page-border);background:var(--page-surface);width:126px;height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;padding-inline:11px 30px;font-size:13px;font-weight:600}.nav__mobile span{inset-inline-end:10px;color:var(--ink-3);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.nav__right{margin-inline-start:0}.nav__right .nav__docs,.nav__right .nav__cta{display:none}.adapterbar{overscroll-behavior-x:contain;scrollbar-width:thin;gap:6px;margin-block:-2px;padding-block:8px;overflow:auto hidden}.lab-recipes{scrollbar-width:thin;padding-bottom:4px;display:flex;overflow-x:auto}.lab-recipe{flex:0 0 180px}.opt-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.shell{padding-inline:14px}.nav__inner{gap:12px}.nav__right{gap:6px}.nav__mobile select{width:112px}:where(:root:not([data-framework=angular])) .adtab{min-width:104px;max-width:124px;padding:7px 8px}:where(:root[data-framework=angular]) .adtab{flex:none;padding-inline:12px}.adtab__l small{display:none}.opt-board{grid-template-columns:1fr}.lab-toolbar{align-items:stretch}.lab-config-trigger{min-height:40px}.demo-live-update{flex-direction:column;align-items:stretch}.demo-live-update button{min-height:40px}.lab-options-drawer__controls .opt-panel__row{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.lab-options-drawer__controls .ctrl{flex-direction:column;align-items:stretch;gap:5px}.lab-options-drawer__controls .seg{width:100%;display:flex}.lab-options-drawer__controls .seg__btn{flex:1;justify-content:center;min-width:0;padding-inline:4px}.ctrl{width:100%;min-width:0}.ctrl__label{flex:none}.seg{flex:auto;min-width:0;max-width:100%;overflow-x:auto}}@media (width<=360px){.wm__txt,.nav__docs{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pivot-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.pivot-layout>*{min-width:0}.pivot-layout [data-adapttable-part=pivot-panel]{display:block!important}.pivot-table-wrap{min-width:0}.pivot-line--subtotal{background:color-mix(in srgb, var(--c) 8%, transparent);font-weight:600}.pivot-line td{font-variant-numeric:tabular-nums}.pivot-fold{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.pivot-fold__mark{opacity:.7;font-size:.7em}.demo-person-card,.demo-person-card__name,.demo-person-card__grid>div,.demo-person-card__grid dd{overflow-wrap:anywhere;min-width:0}.demo-person-card__name{margin:0 0 8px;font-size:1rem;font-weight:600}[data-adapttable-part=card] .demo-person-identity{flex-wrap:wrap;min-width:0}[data-adapttable-part=card] .demo-person-identity__details{overflow-wrap:anywhere;flex:8rem;min-width:0}.demo-person-card__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:8px 12px;margin:0;display:grid}.demo-person-card__grid dt{text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:.7rem}.demo-person-card__grid dd{margin:0;font-size:.85rem}.demo-error{border:1px solid #dc143c66;border-radius:8px;justify-items:start;gap:8px;padding:16px;display:grid}.demo-error strong{font-size:.95rem}.demo-error p{opacity:.8;margin:0;font-size:.85rem}.demo-error button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:6px;padding:6px 12px;font-size:.85rem}.demo-error button:disabled{cursor:progress;opacity:.6}.demo-flash>td,.demo-flash>th,.demo-flash[data-adapttable-part=mobile-card]{background-color:color-mix(in srgb, var(--c) 18%, transparent)}.demo-flash--animated>td,.demo-flash--animated>th,.demo-flash--animated[data-adapttable-part=mobile-card]{animation:1.5s ease-out demo-flash-fade}[data-adapttable-part=cell][data-flash],[data-adapttable-part=card-value][data-flash]{animation:1.2s ease-out demo-cell-flash}@keyframes demo-cell-flash{0%{background-color:color-mix(in srgb, var(--c) 40%, transparent)}to{background-color:#0000}}@media (prefers-reduced-motion:reduce){[data-adapttable-part=cell][data-flash],[data-adapttable-part=card-value][data-flash]{animation:none}}@keyframes demo-flash-fade{0%{background-color:color-mix(in srgb, var(--c) 45%, transparent)}to{background-color:color-mix(in srgb, var(--c) 18%, transparent)}}.phone-frame{border:1px solid var(--page-border);background:var(--page-surface);width:min(400px,100%);box-shadow:var(--shadow-card);border-radius:28px;margin:0 auto;padding:14px 10px 18px;position:relative}.phone-frame:before{content:"";background:var(--page-border);border-radius:999px;width:64px;height:5px;margin:0 auto 10px;display:block}.phone-frame:after{content:"";background:var(--page-border);border-radius:999px;width:96px;height:4px;margin:12px auto 0;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.star-the-repo{z-index:90;border:1px solid var(--page-border);background:var(--page-surface);width:max-content;max-width:calc(100vw - 40px);color:var(--ink);box-shadow:var(--shadow-card);border-radius:14px;padding:24px;position:fixed;top:50%;left:50%;translate:-50% -50%}.star-the-repo__close{top:8px;width:44px;height:44px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;inset-inline-end:8px}.star-the-repo__close:hover{color:var(--ink)}.star-the-repo__title{letter-spacing:-.02em;text-align:center;color:var(--ink);margin:0 0 8px;padding-inline:36px;font-size:18px;font-weight:600}.star-the-repo__copy{color:var(--ink-2);white-space:nowrap;margin:0 0 18px;font-size:14px;line-height:1.45}.star-the-repo__actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;display:flex}.star-the-repo__star{background:var(--ink);min-height:44px;color:var(--page-bg);white-space:nowrap;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}.star-the-repo__star:hover{opacity:.9;transform:translateY(-1px)}.star-the-repo__skip{min-height:28px;color:var(--ink-3);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;padding:0;font-size:12px;font-weight:500;display:inline-flex}.star-the-repo__skip:hover{color:var(--ink-2)}@media (prefers-reduced-motion:reduce){.star-the-repo__star{transition:none}.star-the-repo__star:hover{transform:none}}.ai-opts:not([open]){display:none}.ai-opts[open]{width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:inherit;background:var(--page-surface);border:0;border-inline-start:1px solid var(--page-border);flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset-block:0;inset-inline:auto 0;box-shadow:-18px 0 48px #00000038}.ai-opts::backdrop{background:#00000057}.ai-opts__head{border-block-end:1px solid var(--page-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ai-opts__head h3{margin:0;font-size:15px}.ai-opts__close{min-width:28px;min-height:28px;color:var(--ink-2);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:0}.ai-opts__close:hover{color:var(--ink);background:var(--page-bg)}.ai-opts__body{flex:1;padding:4px 16px 16px;overflow-y:auto}.ai-opts__section{border-block-end:1px solid var(--page-border);padding-block:14px}.ai-opts__section:last-child{border-block-end:0}.ai-opts__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px;font-size:11px;font-weight:700}.ai-opts__help{color:var(--ink-2);margin:0 0 10px;font-size:12px;line-height:1.5}.ai-opts__row--mode{flex-wrap:wrap;align-items:flex-start}.ai-opts__row{justify-content:space-between;align-items:flex-start;gap:10px;padding-block:7px;font-size:13px;display:flex}.ai-opts__row>span{flex-direction:column;gap:2px;display:flex}.ai-opts__row input[type=checkbox],.ai-opts__row input[type=radio]{flex:none;margin-block-start:2px}.ai-opts__label{font-weight:600}.ai-opts__hint{color:var(--ink-2);font-size:12px;line-height:1.45}.ai-opts__choices select{font:inherit;color:inherit;background:var(--page-bg);border:1px solid var(--page-border);border-radius:7px;padding:3px 6px;font-size:12px}.ai-opts__foot{border-block-start:1px solid var(--page-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ai-opts__done{font:inherit;color:var(--page-surface);background:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:8px;padding:6px 16px;font-size:12px;font-weight:650}.ai-opts__done:hover{background:var(--ink-2);border-color:var(--ink-2)}.ai-opts__reset{font:inherit;color:var(--danger,#b42318);cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:650}.ai-opts__reset:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.ai-demo__dev{background:var(--page-surface);border:1px solid var(--page-border);border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:12px 14px;font-size:12px;display:flex}.ai-demo__dev-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:11px;font-weight:700}.ai-demo__revision{color:var(--ink-2);margin:0}.ai-demo__pick{flex-direction:column;gap:4px;display:flex}.ai-demo__pick>span{font-weight:600}.ai-demo__pick select{font:inherit;color:inherit;background:var(--page-bg);border:1px solid var(--page-border);border-radius:7px;max-width:100%;padding:4px 6px;font-size:12px}.ai-demo__schema-wrap{min-width:0;position:relative}.ai-demo__copy{font:inherit;color:inherit;background:var(--page-surface);border:1px solid var(--page-border);cursor:pointer;border-radius:6px;padding:2px 7px;font-size:11px;position:absolute;inset-block-start:6px;inset-inline-end:6px}.ai-demo__schema{background:var(--page-bg);border:1px solid var(--page-border);text-align:start;border-radius:8px;min-width:0;max-height:260px;margin:0;padding:10px;font-size:11px;line-height:1.5;overflow:auto}@media (width<=900px){.ai-demo__schema{max-height:200px}}.nav__framework{border:1px solid var(--page-border);background:var(--page-surface);height:40px;color:var(--ink);border-radius:6px;flex:none;align-items:center;display:inline-flex;position:relative}.nav__framework:after{content:"";border-inline-end:1.5px solid var(--ink-2);border-block-end:1.5px solid var(--ink-2);pointer-events:none;width:5px;height:5px;position:absolute;inset-inline-end:10px;transform:rotate(45deg)translateY(-2px)}.nav__framework:hover{background:var(--page-surface-2)}.nav__framework:focus-within{outline:2px solid var(--brand);outline-offset:2px}.nav__framework>span{width:16px;height:16px;color:var(--ink-2);pointer-events:none;place-items:center;display:grid;position:absolute;inset-inline-start:9px}.nav__framework select{appearance:none;border-radius:inherit;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding-inline:32px 28px;font-size:14px;font-weight:550}.nav__framework select:focus-visible{outline:none}@media (width<=560px){.nav__inner:has(.nav__framework){gap:6px}.nav__inner:has(.nav__framework) .nav__mobile{flex:80px;min-width:0}.nav__inner:has(.nav__framework) .nav__mobile select{width:100%;min-width:0;max-width:112px;padding-inline:5px 20px}.nav__framework>span{display:none}.nav__framework select{padding-inline:8px 24px;font-size:12px}}:where(:root[data-framework=angular]) .nav__links{align-self:stretch}:where(:root[data-framework=angular]) .nav__links>a{align-self:stretch;align-items:center;display:inline-flex;position:relative}:where(:root[data-framework=angular]) .nav__links>a.is-on:after{content:"";border-block-end:2px solid var(--brand);position:absolute;inset-block-end:0;inset-inline:-6px}:where(:root:not([data-framework=angular])) .nav__docs:hover{border-color:color-mix(in oklch, var(--brand) 35%, var(--page-border));box-shadow:0 4px 14px color-mix(in oklch, var(--brand) 14%, transparent);color:var(--brand);transform:translateY(-1px)}:where(:root:not([data-framework=angular])) .nav__cta:hover{opacity:.9;transform:translateY(-1px)}:where(:root:not([data-framework=angular])) .adtab__l{flex-direction:column;gap:1px;min-width:0;display:flex}@media (width<=920px){:where(:root:not([data-framework=angular])) .adtab{flex:none;min-width:118px;max-width:140px}}@media (width<=480px){.phone-frame [data-adapttable-part=toolbar]{position:static!important}.mx-demo__body:has(.phone-frame){padding-inline:8px}.phone-frame{box-shadow:none;border-inline:0;border-radius:0;padding-inline:0}.phone-frame:before,.phone-frame:after{display:none}}