.demo-app{--app-color-bg:#fff;--app-color-paper:#fff;--app-color-bg-neutral:#f4f6f8;--app-color-bg-navbar:#f9fafb;--app-color-text-primary:#212b36;--app-color-text-secondary:#637381;--app-color-text-disabled:#919eab;--app-color-divider:rgba(145,158,171,.2);--app-color-border-outlined:rgba(145,158,171,.16);--app-color-border-subtle:rgba(145,158,171,.32);--app-grey-0:#fff;--app-grey-100:#f9fafb;--app-grey-200:#f4f6f8;--app-grey-300:#dfe3e8;--app-grey-400:#c4cdd5;--app-grey-500:#919eab;--app-grey-600:#637381;--app-grey-700:#454f5b;--app-grey-800:#212b36;--app-grey-900:#161c24;--app-color-primary-lighter:#ccf4ff;--app-color-primary-light:#145c88;--app-color-primary-main:#13537c;--app-color-primary-dark:#0e3e5c;--app-color-primary-darker:#0a2d43;--app-color-primary-contrast:#fff;--app-color-primary-soft:rgba(19,83,124,.08);--app-color-primary-soft-hover:rgba(19,83,124,.16);--app-color-secondary-lighter:#efd6ff;--app-color-secondary-light:#c684ff;--app-color-secondary-main:#b4c7d5;--app-color-secondary-dark:#5119b7;--app-color-secondary-darker:#27097a;--app-color-secondary-contrast:#fff;--app-color-info-lighter:#cafdf5;--app-color-info-light:#61f3f3;--app-color-info-main:#00b8d9;--app-color-info-dark:#006c9c;--app-color-info-darker:#003768;--app-color-info-contrast:#fff;--app-color-success-lighter:#d3fcd2;--app-color-success-light:#77ed8b;--app-color-success-main:#22c55e;--app-color-success-dark:#118d57;--app-color-success-darker:#065e49;--app-color-success-contrast:#fff;--app-color-warning-lighter:#fff5cc;--app-color-warning-light:#ffd666;--app-color-warning-main:#ffab00;--app-color-warning-dark:#b76e00;--app-color-warning-darker:#7a4100;--app-color-warning-contrast:#212b36;--app-color-error-lighter:#ffe9d5;--app-color-error-light:#ffac82;--app-color-error-main:#ff5630;--app-color-error-dark:#b71d18;--app-color-error-darker:#7a0916;--app-color-error-contrast:#fff;--app-action-hover:rgba(145,158,171,.08);--app-action-selected:rgba(145,158,171,.16);--app-action-disabled:rgba(145,158,171,.8);--app-action-disabled-bg:rgba(145,158,171,.24);--app-action-focus:rgba(145,158,171,.24);--app-action-active:#637381;--app-radius-base:6px;--app-radius-chip:6px;--app-radius-card:12px;--app-radius-dropdown-menu:7.5px;--app-radius-menu-item:4.5px;--app-radius-nav-item:6px;--app-shadow-1:0px 2px 1px -1px rgba(145,158,171,.2),0px 1px 1px 0px rgba(145,158,171,.14),0px 1px 3px 0px rgba(145,158,171,.12);--app-shadow-8:0px 5px 5px -3px rgba(145,158,171,.2),0px 8px 10px 1px rgba(145,158,171,.14),0px 3px 14px 2px rgba(145,158,171,.12);--app-shadow-24:0px 11px 15px -7px rgba(145,158,171,.2),0px 24px 38px 3px rgba(145,158,171,.14),0px 9px 46px 8px rgba(145,158,171,.12);--app-shadow-z1:0 1px 2px 0 rgba(145,158,171,.16);--app-shadow-z4:0 4px 8px 0 rgba(145,158,171,.16);--app-shadow-z8:0 8px 16px 0 rgba(145,158,171,.16);--app-shadow-z12:0 12px 24px -4px rgba(145,158,171,.16);--app-shadow-z16:0 16px 32px -4px rgba(145,158,171,.16);--app-shadow-z20:0 20px 40px -4px rgba(145,158,171,.16);--app-shadow-z24:0 24px 48px 0 rgba(145,158,171,.16);--app-shadow-card:0 0 2px 0 rgba(145,158,171,.2),0 12px 24px -4px rgba(145,158,171,.12);--app-shadow-dropdown:0 0 2px 0 rgba(145,158,171,.24),-20px 20px 40px -4px rgba(145,158,171,.24);--app-shadow-primary:0 8px 16px 0 rgba(19,83,124,.24);--app-chrome-bg:#f4f6f8;--app-chrome-border:rgba(145,158,171,.28);--app-chrome-dot-red:#ff5f57;--app-chrome-dot-amber:#febc2e;--app-chrome-dot-green:#28c840;font-size:14.5px;color:var(--app-color-text-primary);background:var(--app-color-bg)}@keyframes appdemo-sparkle-glow{0%,to{opacity:.72;filter:drop-shadow(0 0 0 rgba(19,83,124,0))}50%{opacity:1;filter:drop-shadow(0 0 6px rgba(19,83,124,.45))}}@keyframes appdemo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes appdemo-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.demo-app,.demo-app *,.demo-app :after,.demo-app :before{animation-duration:1ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0ms!important}}.demo-app{--app-user-bubble-bg:var(--app-color-primary-lighter);--app-user-bubble-text:var(--app-color-primary-darker)}@keyframes appdemo-text-shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes appdemo-spin{to{transform:rotate(1turn)}}.demo-app{--app-ease-spring:cubic-bezier(0.34,1.56,0.64,1)}@keyframes appdemo-spring-in{0%{opacity:0;transform:scale(.96)}55%{opacity:1;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}.appdemo-spring-in{animation:appdemo-spring-in .46s cubic-bezier(.22,.61,.36,1) both}