.tcr-demo{--tcr-navy:#081f5c;--tcr-blue:#334eac;--tcr-blue-muted:#7096d1;--tcr-blue-light:#d0e3ff;--tcr-blue-pale:#e7f1ff;--tcr-blue-white:#f9fcff;--tcr-r-xs:8px;--tcr-r-sm:8px;--tcr-r-md:10px;--tcr-r-lg:12px;--tcr-r-xl:12px;--tcr-r-2xl:14px;--tcr-r-shell:14px;--tcr-r-pill:999px;--tcr-shadow-card:0 1px 1px rgba(8,31,92,.04);--tcr-shadow-floating:0 6px 20px -10px rgba(8,31,92,.16),0 1px 3px -1px rgba(8,31,92,.05);--tcr-shadow-dialog:0 16px 44px -20px rgba(8,31,92,.24),0 3px 10px -6px rgba(8,31,92,.08);--pl-bg:var(--tcr-blue-white);--pl-shell-ground:var(--tcr-blue-pale);--pl-shell-surface:var(--tcr-blue-white);--pl-rail:#ffffff;--pl-raised:#ffffff;--pl-sunken:var(--tcr-blue-pale);--pl-hover:#ddeafb;--pl-line:#dbe6f6;--pl-line-soft:#ecf2fb;--pl-overlay:rgba(8,31,92,.88);--pl-scrim:rgba(8,31,92,.55);--pl-ink:var(--tcr-navy);--pl-ink-2:#2c4985;--pl-ink-3:#41609c;--pl-accent:var(--tcr-blue);--pl-accent-strong:#2a459c;--pl-accent-ink:#ffffff;--pl-accent-text:var(--tcr-blue);--pl-accent-wash:var(--tcr-blue-pale);--pl-accent-edge:#b8d0f4;--pl-danger:#b42318;--pl-danger-wash:#fef3f2;--pl-danger-edge:#fecdca;--pl-warn:#b54708;--pl-warn-wash:#fffaeb;--pl-warn-edge:#fedf89;--pl-info:var(--tcr-blue);--pl-info-wash:var(--tcr-blue-pale);--pl-info-edge:#b8d0f4;--pl-ok:#067647;--pl-ok-wash:#ecfdf3;--pl-ok-edge:#abefc6;--pl-r-xs:var(--tcr-r-xs);--pl-r-sm:var(--tcr-r-sm);--pl-r-md:var(--tcr-r-md);--pl-r-lg:var(--tcr-r-lg);--pl-r-xl:var(--tcr-r-xl);--pl-r-2xl:var(--tcr-r-2xl);--pl-r-shell:var(--tcr-r-shell);--pl-r-pill:var(--tcr-r-pill);--pl-pop:var(--tcr-shadow-floating);--pl-raise:var(--tcr-shadow-card);--pl-focus-ring:0 0 0 3px rgba(51,78,172,.32);--pl-selected:inset 0 0 0 1px var(--pl-accent);--pl-1:4px;--pl-2:8px;--pl-3:12px;--pl-4:16px;--pl-5:20px;--pl-6:24px;--pl-7:32px;--pl-8:48px;--pl-t-page:42px;--pl-t-page-sm:30px;--pl-t-display:38px;--pl-t-display-sm:28px;--pl-t-section:19px;--pl-t-card:15px;--pl-t-body:14px;--pl-t-label:13px;--pl-t-meta:12px;--pl-t-micro:11px;--pl-lh-tight:1.15;--pl-lh-snug:1.35;--pl-lh-body:1.55;--pl-w-regular:400;--pl-w-medium:500;--pl-w-semi:600;--pl-track-display:-.03em;--pl-track-heading:-.015em;--pl-track-normal:0;--pl-track-caps:.08em;--pl-dur-fast:120ms;--pl-dur:180ms;--pl-dur-slow:240ms;--pl-ease:cubic-bezier(.22,1,.36,1);--ll-dur-fast:120ms;--ll-dur:200ms;--ll-dur-slow:320ms;--ll-ease:cubic-bezier(0.4,0,0.2,1);--ix-base:200ms;--ix-ease-out:cubic-bezier(.2,.7,.3,1);--ix-ease-pop:cubic-bezier(.34,1.25,.64,1);--pl-rail-w:236px;--pl-rail-w-collapsed:68px;--pl-header-h:60px;--pl-page-max:1320px;--pl-gutter:32px;--pl-section-gap:36px;--tcr-demo-font-sans:var(--font-geist-sans,ui-sans-serif);--tcr-demo-font-mono:var(--font-geist-mono,ui-monospace);--pl-sans:var(--tcr-demo-font-sans),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--pl-display:var(--pl-sans);--pl-body:var(--pl-sans);--pl-mono:var(--tcr-demo-font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}.tcr-demo.is-dark{--pl-bg:#0a1020;--pl-shell-ground:#0a1020;--pl-shell-surface:#0d1426;--pl-rail:#0d1426;--pl-raised:#111a31;--pl-sunken:#0e1629;--pl-hover:#16203a;--pl-line:#1e2a47;--pl-line-soft:#141d33;--pl-overlay:rgba(3,8,20,.9);--pl-scrim:rgba(3,8,20,.72);--pl-ink:#edf2fa;--pl-ink-2:#aec8ef;--pl-ink-3:#8aa5ce;--pl-accent:#7ea2d8;--pl-accent-strong:#6b92ce;--pl-accent-ink:#0a1020;--pl-accent-text:#9bb9e6;--pl-accent-wash:#14213b;--pl-accent-edge:#24365c;--pl-danger:#f97066;--pl-danger-wash:#2a1512;--pl-danger-edge:#52251f;--pl-warn:#fdb022;--pl-warn-wash:#2a1f0e;--pl-warn-edge:#4d3a17;--pl-info:#9bb9e6;--pl-info-wash:#14213b;--pl-info-edge:#24365c;--pl-ok:#47cd89;--pl-ok-wash:#0f2a1d;--pl-ok-edge:#1d4534;--pl-focus-ring:0 0 0 3px rgba(155,185,230,.38);--pl-raise:0 1px 2px rgba(0,0,0,.45);--pl-pop:0 12px 34px -12px rgba(0,0,0,.7),0 2px 8px -3px rgba(0,0,0,.5);color-scheme:dark}.tcr-demo{--rd-page:var(--pl-bg);--rd-surface:var(--pl-raised);--rd-surface-2:var(--pl-sunken);--rd-surface-hover:var(--pl-hover);--rd-border:var(--pl-line);--rd-border-subtle:var(--pl-line-soft);--rd-tp:var(--pl-ink);--rd-ts:var(--pl-ink-2);--rd-tt:var(--pl-ink-3);--rd-accent:var(--pl-accent);--rd-accent-text:var(--pl-accent-text);--rd-on-accent:var(--pl-accent-ink);--rd-accent-subtle:var(--pl-accent-wash);--rd-accent-shadow:none;--rd-success:var(--pl-ok);--rd-warning:var(--pl-warn);--rd-danger:var(--pl-danger);--rd-info:var(--pl-info);--rd-card-shadow:none;--rd-float-shadow:none;--rd-info-subtle:var(--tcr-blue-pale);--rd-success-subtle:#ecfdf3;--rd-warning-subtle:#fff6ed;--rd-danger-subtle:#fef2f2}@media (min-width:901px) and (max-width:1100px){.tcr-demo{--pl-gutter:24px}}@container console-pane (min-width: 901px) and (max-width: 1100px){.tcr-demo :where([data-pane=browser]) .pm-console{--pl-gutter:24px}}.tcr-phone{--ph-ground:#f9fcff;--ph-sheet:#e7f1ff;--ph-card:#ffffff;--ph-wash:#e7f1ff;--ph-wash-2:#ddeafb;--ph-wash-deep:#b8d0f4;--ph-coal:#081f5c;--ph-pill:#111a31;--ph-pill-2:#1e2a47;--ph-ink:#081f5c;--ph-ink-2:#2c4985;--ph-ink-3:#41609c;--ph-ink-4:#678bcb;--ph-accent:#334eac;--ph-accent-deep:#2a459c;--ph-accent-on-dark:#7ea2d8;--ph-accent-wash:#e7f1ff;--ph-accent-live:#7ea2d8;--ph-ok:#067647;--ph-ok-on-dark:#47cd89;--ph-ok-wash:#ecfdf3;--ph-ok-edge:#abefc6;--ph-amber:#dc6803;--ph-amber-ink:#b54708;--ph-amber-wash:#fffaeb;--ph-amber-edge:#fedf89;--ph-red:#d92d20;--ph-red-ink:#b42318;--ph-red-wash:#fef3f2;--ph-red-edge:#fecdca;--ph-info-ink:#334eac;--ph-info-wash:#e7f1ff;--ph-info-edge:#b8d0f4;--ph-line:#dbe6f6;--ph-line-2:#ecf2fb;--ph-line-dk:rgba(255,255,255,.14);--ph-dk-page:#0a1020;--ph-dk-surface:#111a31;--ph-dk-border:#1e2a47;--ph-dk-ink:#edf2fa;--ph-dk-ink-2:#aec8ef;--ph-dk-ink-3:#8aa5ce;--ph-dk-accent:#7ea2d8;--ph-dk-accent-subtle:#14213b;--ph-sev-cosmetic:#1570ef;--ph-sev-repair:#dc6803;--ph-sev-replace:#d92d20;--ph-sev-uncertain:#98a2b3;--ph-sev-ink-cosmetic:var(--ph-info-ink);--ph-sev-ink-repair:var(--ph-amber-ink);--ph-sev-ink-replace:var(--ph-red-ink);--ph-sev-ink-uncertain:var(--ph-ink-3);--ph-sev-dk-cosmetic:#84caff;--ph-sev-dk-repair:#fec84b;--ph-sev-dk-replace:#fda29b;--ph-sev-dk-uncertain:#d0d5dd;--ph-r-hero:12px;--ph-r-card:12px;--ph-r-tile:8px;--ph-r-pill:999px;--ph-t-display:34px;--ph-t-page:28px;--ph-t-screen:22px;--ph-t-section:17px;--ph-t-card:15px;--ph-t-body:14px;--ph-t-label:13px;--ph-t-meta:12px;--ph-t-micro:11px;--ph-track-display:-0.6px;--ph-track-heading:-0.3px;--ph-track-normal:0;--ph-track-caps:0.9px;--ph-sans:var(--tcr-demo-font-sans,ui-sans-serif),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--ph-display:var(--ph-sans);--ph-mono:var(--tcr-demo-font-mono,ui-monospace),ui-monospace,SFMono-Regular,Menlo,monospace;--ph-w-regular:400;--ph-w-medium:500;--ph-w-semi:600;--ph-shadow-card:none;--ph-shadow-float:0 6px 14px rgba(8,31,92,.1);--ph-dur-xs:75ms;--ph-dur-sm:120ms;--ph-dur-md:180ms;--ph-dur-lg:240ms;--ph-dur-xl:300ms;--ph-dur-xxl:400ms;--ph-ease-enter:cubic-bezier(.22,1,.36,1);color-scheme:light}.tcr-demo,.tcr-demo *,.tcr-demo :after,.tcr-demo :before,.tcr-phone,.tcr-phone *,.tcr-phone :after,.tcr-phone :before{box-sizing:border-box;border:0 solid}.tcr-demo :is(h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,dl,dd,hr),.tcr-phone :is(h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,dl,dd,hr){margin:0}.tcr-demo :is(ol,ul,menu),.tcr-phone :is(ol,ul,menu){list-style:none;margin:0;padding:0}.tcr-demo :is(fieldset,legend),.tcr-phone :is(fieldset,legend){margin:0;padding:0}.tcr-demo table,.tcr-phone table{border-collapse:collapse;border-color:inherit;text-indent:0}.tcr-demo :is(button,input,optgroup,select,textarea),.tcr-phone :is(button,input,optgroup,select,textarea){font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;background-color:transparent;background-image:none}.tcr-demo :is(button,[type=button],[type=reset],[type=submit]),.tcr-phone :is(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}.tcr-demo :is(button,[role=button]):disabled,.tcr-phone :is(button,[role=button]):disabled{cursor:not-allowed}.tcr-demo :is(h1,h2,h3,h4,h5,h6),.tcr-phone :is(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}.tcr-demo label,.tcr-phone label{font-weight:inherit;margin-bottom:0}.tcr-demo a,.tcr-phone a{color:inherit;text-decoration:inherit}.tcr-demo :is(b,strong){font-weight:var(--pl-w-semi)}.tcr-phone :is(b,strong){font-weight:var(--ph-w-semi)}.tcr-demo :is(code,kbd,samp,pre){font-family:var(--pl-mono);font-size:1em}.tcr-phone :is(code,kbd,samp,pre){font-family:var(--ph-mono);font-size:1em}.tcr-demo :is(img,svg,video,canvas,picture),.tcr-phone :is(img,svg,video,canvas,picture){display:block;max-width:100%}.tcr-demo{background:var(--pl-bg);color:var(--pl-ink);font-family:var(--pl-body);font-size:var(--pl-t-body);line-height:var(--pl-lh-body);font-weight:var(--pl-w-regular);letter-spacing:var(--pl-track-normal)}.tcr-demo,.tcr-phone{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.tcr-phone{background:var(--ph-ground);color:var(--ph-ink);font-family:var(--ph-sans);font-size:var(--ph-t-body);line-height:1.4;font-weight:var(--ph-w-regular);letter-spacing:var(--ph-track-normal)}.tcr-demo :focus-visible{outline:2px solid var(--pl-accent-text);outline-offset:2px}:where(.tcr-demo) :focus-visible{box-shadow:none}.tcr-demo :is(input,select,textarea):focus{outline:none;border-color:var(--pl-accent);box-shadow:var(--pl-focus-ring)}.tcr-phone :focus-visible{outline:2px solid var(--ph-accent);outline-offset:2px}:where(.tcr-phone) :focus-visible{box-shadow:none}.tcr-phone :is(input,select,textarea):focus{outline:none;border-color:var(--ph-accent);box-shadow:0 0 0 3px rgba(51,78,172,.32)}@media (prefers-reduced-motion:reduce){.tcr-demo,.tcr-demo *,.tcr-phone,.tcr-phone *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.tcr-demo .sr-only,.tcr-phone .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0}.tcr-demo .shimmer{background-image:linear-gradient(-45deg,var(--pl-sunken) 25%,var(--pl-hover) 37%,var(--pl-sunken) 63%);background-size:400% 100%;animation:tcr-demo-shimmer 1.5s ease infinite}@keyframes tcr-demo-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.tcr-demo .shimmer{background-image:none;background:var(--pl-sunken)}}.tcr-demo .pv-spin{animation:tcr-demo-spin .8s linear infinite}@keyframes tcr-demo-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.tcr-demo .pv-spin{animation:none}}.tcr-demo .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tcr-demo .mono{font-family:var(--pl-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tcr-demo .pv{display:flex;flex-direction:column;gap:var(--pl-section-gap);min-width:0}.tcr-demo .pv-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-gap:22px;gap:22px;align-items:start}.tcr-demo .pv-split.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:1080px){.tcr-demo .pv-split,.tcr-demo .pv-split.even{grid-template-columns:minmax(0,1fr)}}@container console-pane (max-width: 1080px){.tcr-demo :where([data-pane=browser]) .pv-split,.tcr-demo :where([data-pane=browser]) .pv-split.even{grid-template-columns:minmax(0,1fr)}}