:root{--color-primary: #645688;--color-secondary: #fff;--color-text: #fff;--color-danger: #833232;--current-palette: gamma;--color-alpha-1: #f9f1f2;--color-alpha-2: #efd2d7;--color-alpha-3: #e0909e;--color-alpha-4: #c4455c;--color-alpha-5: #9e1b33;--color-alpha-6: #721324;--color-beta-1: #eef0f3;--color-beta-2: #d2d7dd;--color-beta-3: #98a0aa;--color-beta-4: #7b838f;--color-beta-5: #4a5361;--color-beta-6: #2d3747;--color-gamma-1: #e7f3fe;--color-gamma-2: #aad0f1;--color-gamma-3: #6cace4;--color-gamma-4: #4495d1;--color-gamma-5: #216ec8;--color-gamma-6: #113270;--color-base-exo-1: #fff;--color-base-exo-2: #f6f6f6;--color-base-exo-3: #e3e3e3;--color-base-exo-4: #d7d7d7;--color-base-exo-5: #acacac;--color-base-exo-6: #5f6164;--color-base-exo-7: #3b3b3b;--color-base-exo-8: #1e1e1e;--color-base-exo-9: #000;--color-base-core-1: var(--color-gamma-1);--color-base-core-2: var(--color-gamma-2);--color-base-core-3: var(--color-gamma-3);--color-base-core-4: var(--color-gamma-4);--color-base-core-5: var(--color-gamma-5);--color-base-core-6: var(--color-gamma-6);--color-base-vacuum-split: rgb(0 0 0 / 8%);--color-base-vacuum-core: var(--color-base-core-5);--color-base-vacuum-dark: var(--color-base-exo-9);--color-base-vacuum-section: var(--color-base-exo-3);--color-base-vacuum-module: var(--color-base-exo-2);--color-base-vacuum-light: var(--color-base-exo-1);--color-continuum-quantum-1: #ffd8d6;--color-continuum-quantum-2: #ffbbb8;--color-continuum-quantum-3: #ff8b85;--color-continuum-quantum-4: #ff6e66;--color-continuum-quantum-5: #ff5147;--color-continuum-quantum-6: #ff3b30;--color-continuum-plasma-1: #ffeed6;--color-continuum-plasma-2: #ffddad;--color-continuum-plasma-3: #ffc470;--color-continuum-plasma-4: #ffb347;--color-continuum-plasma-5: #ff962c;--color-continuum-plasma-6: #ff9500;--color-continuum-aura-1: #e0f5ea;--color-continuum-aura-2: #bfe5d1;--color-continuum-aura-3: #96d3b3;--color-continuum-aura-4: #6dc195;--color-continuum-aura-5: #44af77;--color-continuum-aura-6: #1b9e5a;--color-continuum-io-1: #fff0c2;--color-continuum-io-2: #fde7a5;--color-continuum-io-3: #fbde88;--color-continuum-io-4: #f8d66a;--color-continuum-io-5: #f6cd4d;--color-continuum-io-6: #f4c430;--color-continuum-ultraviolet-1: #f0e6ff;--color-continuum-ultraviolet-2: #dccaf0;--color-continuum-ultraviolet-3: #c8afe1;--color-continuum-ultraviolet-4: #b493d2;--color-continuum-ultraviolet-5: #a078c3;--color-continuum-ultraviolet-6: #8d5cb4;--color-continuum-andromeda-1: #f0e8f0;--color-continuum-andromeda-2: #dbcfdb;--color-continuum-andromeda-3: #c7b6c7;--color-continuum-andromeda-4: #b29db3;--color-continuum-andromeda-5: #9e849f;--color-continuum-andromeda-6: #8a6b8b;--color-continuum-galaxite-1: #e6ecfa;--color-continuum-galaxite-2: #d3def7;--color-continuum-galaxite-3: #bfcef4;--color-continuum-galaxite-4: #abbef1;--color-continuum-galaxite-5: #97aeee;--color-continuum-galaxite-6: #839eeb;--color-continuum-quasar-1: #ebf4fa;--color-continuum-quasar-2: #e0edf5;--color-continuum-quasar-3: #d1e3ed;--color-continuum-quasar-4: #c2d9e6;--color-continuum-quasar-5: #b5cfde;--color-continuum-quasar-6: #a8c4d4;--color-continuum-atmosphere-1: #e0f7ff;--color-continuum-atmosphere-2: #d0f2ff;--color-continuum-atmosphere-3: #b8e8fa;--color-continuum-atmosphere-4: #9fdef5;--color-continuum-atmosphere-5: #8bd4f0;--color-continuum-atmosphere-6: #87ceeb}[data-palette=alpha]{--color-base-core-1: var(--color-alpha-1);--color-base-core-2: var(--color-alpha-2);--color-base-core-3: var(--color-alpha-3);--color-base-core-4: var(--color-alpha-4);--color-base-core-5: var(--color-alpha-5);--color-base-core-6: var(--color-alpha-6);--color-base-vacuum-core: var(--color-alpha-5)}[data-palette=beta]{--color-base-core-1: var(--color-beta-1);--color-base-core-2: var(--color-beta-2);--color-base-core-3: var(--color-beta-3);--color-base-core-4: var(--color-beta-4);--color-base-core-5: var(--color-beta-5);--color-base-core-6: var(--color-beta-6);--color-base-vacuum-core: var(--color-beta-5)}[data-palette=gamma]{--color-base-core-1: var(--color-gamma-1);--color-base-core-2: var(--color-gamma-2);--color-base-core-3: var(--color-gamma-3);--color-base-core-4: var(--color-gamma-4);--color-base-core-5: var(--color-gamma-5);--color-base-core-6: var(--color-gamma-6);--color-base-vacuum-core: var(--color-gamma-5)}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Regular-CDx_BGHl.woff2) format("woff2"),url(/assets/RobotoMono-Regular-CzXgZNOx.woff) format("woff"),url(/assets/RobotoMono-Regular-CBo0Sm2n.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Medium-DAgirZza.woff2) format("woff2"),url(/assets/RobotoMono-Medium-C5RG8wiT.woff) format("woff"),url(/assets/RobotoMono-Medium-DxCopxhm.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-Bold-llvTtCvU.woff2) format("woff2"),url(/assets/RobotoMono-Bold-bIXBmjEA.woff) format("woff"),url(/assets/RobotoMono-Bold-CheSjNdw.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-36LIHh1U.woff2) format("woff2"),url(/assets/Roboto-Regular-CIhT16ZP.woff) format("woff"),url(/assets/Roboto-Regular-CN_pkOMA.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Medium-C-WomXeB.woff2) format("woff2"),url(/assets/Roboto-Medium-Eb1JQPsd.woff) format("woff"),url(/assets/Roboto-Medium-CwcsZ-zd.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/assets/Roboto-Bold-Hc5RoILo.woff2) format("woff2"),url(/assets/Roboto-Bold-DEsIqJxJ.woff) format("woff"),url(/assets/Roboto-Bold-yTHeQuef.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Jaguar;src:url(/assets/Jaguar-Regular-QA6sD45X.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jaguar;src:url(/assets/Jaguar-Bold-DwSoTCAX.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Jaguar;src:url(/assets/Jaguar-ExtraBold-D0wWPApr.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{--font-roboto: "Roboto", sans-serif;--font-roboto-mono: "Roboto Mono", monospace;--font-jaguar: "Jaguar", sans-serif;--font-primary: var(--font-roboto);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xxl: 48px;--font-size-xl: 32px;--font-size-l: 24px;--font-size-m: 20px;--font-size-s: 18px;--font-size-xs: 16px;--font-size-2xs: 14px;--font-size-3xs: 12px;--font-size-4xs: 9px;--font-size-5xs: 6px;--cu-line-height: 130%;--line-height-xxl: 56px;--line-height-xl: 40px;--line-height-l: 32px;--line-height-m: 28px;--line-height-s: 24px;--line-height-xs: 22px;--line-height-2xs: 18px;--line-height-3xs: 16px;--line-height-4xs: 12px;--h1-base: 48px;--h2-base: 32px;--h3-base: 24px;--h4-base: 20px;--sh1-base: 32px;--sh2-base: 24px;--sh3-base: 20px;--sh4-base: 18px;--body-base: 16px;--caption-base: 12px;--additional-base: 9px;--delta-large: 4px;--delta-medium: 2px;--delta-small: 1px}[data-font=mono]{--font-primary: var(--font-roboto-mono)}:root{--spacing-s: 4px;--spacing-md: 8px;--spacing-lg: 16px;--spacing-xl: 24px;--cu-table-sticky-top: 72px }:root{--breakpoint-sm: 576px;--breakpoint-md: 768px}:root{--circle-radius: 666px;--avatar-size-xxs: 24px;--avatar-size-xs: 28px;--avatar-size-s: 32px;--avatar-size-m: 40px;--avatar-size-l: 48px;--avatar-size-xl: 56px;--avatar-size-2xl: 64px;--avatar-size-3xl: 200px;--size-badge-xxs: 8px;--size-badge-xs: 12px;--size-badge-s: 16px;--size-badge-m: 20px;--size-badge-l: 24px;--size-badge-xl: 28px;--size-badge-xxl: 32px;--btn-border-width: 1px;--border-width-xs: 1px;--border-width-s: 2px;--border-width-m: 3px;--radius-0: 0;--radius-1: 2px;--radius-2: 4px;--radius-3: 8px;--radius-4: 12px;--radius-5: 16px;--radius-circle: 50%;--size-btn-s: 32px;--size-btn-m: 40px;--size-btn-l: 44px;--size-modal-s: 476px;--size-modal-m: 556px;--size-modal-l: 636px;--size-radio-s: 16px;--size-radio-m: 20px;--size-radio-l: 24px;--size-radio-hover-s: 24px;--size-radio-hover-m: 32px;--size-radio-hover-l: 40px;--sidebar-width-s: 292px;--sidebar-width-m: 292px;--sidebar-width-l: 368px;--sidebar-collapsed-width-s: 56px;--sidebar-collapsed-width-m: 60px;--sidebar-collapsed-width-l: 64px;--sidebar-hidden-width-s: 12px;--sidebar-hidden-width-m: 16px;--sidebar-hidden-width-l: 20px;--sidebar-row-height-s: 56px;--sidebar-row-height-m: 60px;--sidebar-row-height-l: 64px;--sidebar-padding-x: var(--spacing-md);--sidebar-user-gap: var(--spacing-lg);--size-nav-item-s: 20px;--size-nav-item-m: 24px;--size-nav-item-l: 28px}:root{--action-busy: progress;--default: default;--hand-grabbing: grabbing;--hand-open: grab;--hand-pointing: pointer;--action-not-allowed: not-allowed;--action-poof: no-drop;--cell: cell;--context-menu: context-menu;--help: help;--make-alias: alias;--move: move;--resize-up: row-resize;--resize-down: row-resize;--resize-left: col-resize;--resize-right: col-resize;--resize-left-right: col-resize;--resize-up-down: row-resize;--resize-north: n-resize;--resize-north-south: ns-resize;--resize-northeast: ne-resize;--resize-northeast-southwest: nesw-resize;--resize-northwest: nw-resize;--resize-northwest-southeast: nwse-resize;--resize-east: e-resize;--resize-south: s-resize;--resize-southeast: se-resize;--resize-southwest: sw-resize;--resize-west: w-resize;--resize-west-east: ew-resize;--text-cursor: text;--text-cursor-vertical: vertical-text;--zoom-in: zoom-in;--zoom-out: zoom-out}:root{--box-shadow: 0 2px 8px 0 rgb(0 0 0 / 25%);--visible-focus: 4px solid var(--color-continuum-ultraviolet-3);--cu-portal-z-index: 2030}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);font-size:var(--font-size-xs);cursor:var(--default)}.cu-portal{position:absolute;top:0;right:0;bottom:0;left:0}.demo-grid{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-top:20px}.component-demo .component-demo-content{display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--color-base-vacuum-module);border:1px solid var(--color-base-exo-4)}.component-demo .component-demo-content .section-grid{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.component-demo .component-demo-content .section-grid-column{display:flex;flex-flow:column wrap}section{display:flex;flex-direction:column;gap:20px}.cu-alert-container{position:fixed;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:9999}.cu-alert-container>*{pointer-events:auto}.cu-alert-container.pos-top-left{top:32px;left:32px;align-items:flex-start}.cu-alert-container.pos-top{top:32px;left:50%;transform:translate(-50%);align-items:center}.cu-alert-container.pos-top-right{top:32px;right:32px;align-items:flex-end}.cu-alert-container.pos-bottom-left{bottom:32px;left:32px;align-items:flex-start}.cu-alert-container.pos-bottom{bottom:32px;left:50%;transform:translate(-50%);align-items:center}.cu-alert-container.pos-bottom-right{bottom:32px;right:32px;align-items:flex-end}.cu-dropdown{position:absolute;background:var(--color-base-exo-1);border-radius:var(--radius-0);box-shadow:0 2px 8px #00000040;z-index:1000;overflow:hidden;animation:cu-dropdown-appear .2s ease}.app-route-loading{display:grid;min-height:160px;place-items:center}.app-route-loading__spinner{display:block;width:16px;height:16px;border:var(--border-width-m) solid var(--color-base-exo-3);border-top:var(--border-width-m) solid var(--color-base-exo-9);border-radius:50%;animation:app-route-loading-spin .75s linear infinite}@keyframes app-route-loading-spin{to{transform:rotate(360deg)}}:root{font-family:system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-height:100vh}.app-shell{padding:1.5rem;max-width:56rem;margin:0 auto}.app-shell-root{height:100%}.app-container{height:100%;display:flex;min-height:0;gap:8px;background:var(--color-base-exo-2, #f5f5f5)}.app-main{flex:1;min-width:0}.demo-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;margin-top:1rem}.muted{opacity:.85;font-size:.875rem}.main-content{display:grid;grid-template-rows:auto 1fr;min-height:0;height:100vh;flex:1;max-height:100vh;overflow:hidden;padding:0 16px 16px}.top-bar{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:16px;width:100%;min-height:42px}.top-bar>cu-typography#page-header{min-width:0}#page-header-content{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-back{display:flex;align-items:center}.size-controls{display:flex}.size-control{display:flex;justify-content:center;align-items:center;width:20px;height:20px;background:var(--color-base-exo-3);font-size:14px;cursor:pointer}.size-control.s{width:16px;height:16px;font-size:12px}.size-control.m{width:20px;height:20px;font-size:14px}.size-control.l{width:24px;height:24px;font-size:16px}.size-control:hover{background:var(--color-base-exo-4)}.size-control.active{background:var(--color-base-exo-5)}.top-bar-time{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.route-content{flex:1;min-width:0;min-height:0;overflow:hidden}.main-content-body{min-height:0;overflow:hidden}cu-dialog::part(dialog-content){background:var(--color-base-exo-2, #f5f5f5)}.card-dialog-body{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:fit-content}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-base-vacuum-split);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-base-vacuum-dark)}