html,body{height:100%}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans)}html{transition:background-color .2s var(--ease-out)}.login{display:flex;min-height:100vh}.login__hero{position:relative;flex:65 1 0px;min-width:0px;background:var(--c-slate-950);display:flex;align-items:center;justify-content:center;padding:var(--space-6xl);overflow:hidden}.login__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,#27b19933,#0f172a00 62%);pointer-events:none}.hero-orbit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.hero-orbit__spin{position:absolute;top:50%;left:50%;width:0px;height:0px;animation:54s linear 0s infinite normal none running heroOrbit}.hero-orbit__c{position:absolute;border-radius:50%;transform:translate(-50%,-50%);filter:blur(60px);opacity:.32}.hero-orbit__c--green{width:460px;height:460px;top:-300px;left:50px;background:radial-gradient(circle,#74c162,#74c16200 70%)}.hero-orbit__c--blue{width:430px;height:430px;top:200px;left:290px;background:radial-gradient(circle,#2b83ee,#2b83ee00 70%)}.hero-orbit__c--amber{width:400px;height:400px;top:200px;left:-290px;background:radial-gradient(circle,#fbb439,#fbb43900 70%)}@keyframes heroOrbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.hero-orbit__spin{animation:auto ease 0s 1 normal none running none}}.hero-inner{position:relative;width:100%;max-width:880px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6xl);z-index:1}.hero-stage{position:relative;width:100%;aspect-ratio:736 / 372}.hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;opacity:0;transition:opacity .6s var(--ease-in-out)}.hero-scene svg{width:100%;height:auto;overflow:visible}.hero-caption{text-align:center;max-width:460px;transition:opacity .22s var(--ease-out);min-height:100px;display:flex;flex-direction:column;justify-content:center}.hero-caption__title{font-weight:var(--fw-semibold);font-size:22px;line-height:30px;letter-spacing:-.15px;color:var(--c-white);margin:0 0 var(--space-2xs)}.hero-caption__desc{font-size:15px;line-height:22px;color:var(--c-slate-400);margin:0;text-wrap:pretty}.hero-dots{display:flex;gap:var(--space-sm);align-items:center}.hero-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0px;padding:0;margin:0;cursor:pointer;width:8px;height:8px;border-radius:var(--radius-full);background:var(--c-slate-600);transition:width .32s var(--ease-out),background .32s var(--ease-out)}.hero-dot:hover{background:var(--c-slate-400)}.hero-dot.is-active{width:26px;background:var(--c-brand-400)}.hero-dot:focus-visible{outline:var(--border-sm) solid var(--border-focus-ring);outline-offset:3px}.hero-logo{height:30px;width:auto;display:block}.login__form{flex:35 1 0px;min-width:0px;display:flex;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-2xl);background:var(--bg-primary);transition:background-color .2s var(--ease-out)}[data-role=agent] .login__hero{background:var(--c-brand-950)}@media (max-width: 900px){.login__hero{display:none}.login__form{flex:1 1 100%}}[data-v-fa036295] button[aria-busy=true]{background:var(--color-bg-brand-secondary)!important;color:var(--color-text-on-brand)!important;cursor:wait}.login-topright[data-v-fa036295]{position:fixed;top:var(--space-lg, 16px);right:var(--space-lg, 16px);z-index:20;display:flex;align-items:center;gap:8px}.form-card[data-v-fa036295]{width:100%;max-width:384px;margin:0 auto;display:flex;flex-direction:column}.brand-logo[data-v-fa036295]{display:inline-flex;margin-bottom:32px}.screens[data-v-fa036295]{width:100%}.screen[data-v-fa036295]{display:flex;flex-direction:column}.screen--state[data-v-fa036295]{align-items:center;text-align:center;gap:4px;padding-top:8px}.form-lead[data-v-fa036295]{font-size:16px;line-height:24px;color:var(--color-text-tertiary);margin:0 0 2px}.form-title[data-v-fa036295]{font-size:32px;line-height:40px;letter-spacing:-.2px;font-weight:700;margin:2px 0 40px;color:var(--color-text-primary)}.screen-title[data-v-fa036295]{font-size:20px;line-height:26px;letter-spacing:-.1px;font-weight:600;margin:0 0 8px;color:var(--color-text-primary)}.screen-lead[data-v-fa036295]{font-size:12px;line-height:18px;color:var(--color-text-tertiary);margin:0 0 20px}.screen-lead--warn[data-v-fa036295]{color:var(--color-text-warning-primary, #b45309)}.screen-msg[data-v-fa036295]{font-size:14px;line-height:20px;color:var(--color-text-tertiary);margin:0 0 20px;max-width:300px}.screen-help[data-v-fa036295]{font-size:12px;color:var(--color-text-tertiary);text-align:center;margin:14px 0 0}.form-fields[data-v-fa036295]{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.form-actions[data-v-fa036295]{display:flex;flex-direction:column;gap:16px}.screen-actions[data-v-fa036295]{display:flex;flex-direction:column;gap:16px;margin-top:20px}.pw-labelrow[data-v-fa036295]{display:flex;align-items:center;justify-content:space-between;width:100%}.link-btn[data-v-fa036295]{border:0;background:transparent;padding:0;cursor:pointer;color:var(--color-text-brand-primary);font:500 14px/20px var(--font-sans, sans-serif);text-decoration:none}.link-btn[data-v-fa036295]:hover{text-decoration:underline}.link-forgot[data-v-fa036295]{color:var(--color-text-brand-primary);font-weight:600}.or-div[data-v-fa036295]{display:flex;align-items:center;gap:10px;color:var(--color-text-tertiary);font-size:12px;margin:2px 0}.or-div span[data-v-fa036295]{text-transform:uppercase;letter-spacing:1.1px}.or-div[data-v-fa036295]:before,.or-div[data-v-fa036295]:after{content:"";flex:1;height:1px;background:var(--color-border-primary)}.forgot-block[data-v-fa036295]{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:13px}.forgot-copy[data-v-fa036295]{color:var(--color-text-tertiary)}.agent-help[data-v-fa036295]{font-size:12px;color:var(--color-text-tertiary);text-align:center;margin:12px 0 0}.back-btn[data-v-fa036295]{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--color-text-tertiary);font:500 14px/20px var(--font-sans, sans-serif);margin-bottom:16px;align-self:flex-start}.back-btn[data-v-fa036295]:hover{color:var(--color-text-brand-primary)}.ic[data-v-fa036295]{width:16px;height:16px}.ic--lg[data-v-fa036295]{width:40px;height:40px}.bubble[data-v-fa036295]{width:56px;height:56px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 12px}.bubble--warn[data-v-fa036295]{background:var(--color-bg-warning-primary);color:var(--color-text-warning-primary)}.bubble--error[data-v-fa036295]{background:var(--color-bg-error-primary);color:var(--color-text-error-primary)}.bubble--success[data-v-fa036295]{background:var(--color-bg-success-primary);color:var(--color-text-success-primary)}.bubble--brand[data-v-fa036295]{background:var(--color-bg-brand-primary);color:var(--color-text-brand-primary)}.spinner[data-v-fa036295]{width:44px;height:44px;border-radius:999px;border:3px solid var(--color-border-primary);border-top-color:var(--brand, var(--color-text-brand-primary));margin:0 auto 12px;animation:login-spin-fa036295 .8s linear infinite}@keyframes login-spin-fa036295{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner[data-v-fa036295]{animation-duration:2s}}.ws-chip[data-v-fa036295]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--color-border-primary);margin-bottom:8px}.ws-chip__left[data-v-fa036295]{display:flex;align-items:center;gap:10px;min-width:0}.ws-avatar[data-v-fa036295]{width:32px;height:32px;border-radius:999px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-brand-primary);color:var(--color-text-brand-primary);font-weight:700}.ws-code[data-v-fa036295]{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-change[data-v-fa036295]{border:0;background:transparent;cursor:pointer;color:var(--color-text-brand-primary);font:600 12px/1 var(--font-sans, sans-serif);flex:none}.ds-fade-slide-enter-active[data-v-fa036295],.ds-fade-slide-leave-active[data-v-fa036295]{transition:opacity .16s var(--ease-out, ease),transform .16s var(--ease-out, ease)}.ds-fade-slide-enter-from[data-v-fa036295]{opacity:0;transform:translateY(4px)}.ds-fade-slide-leave-to[data-v-fa036295]{opacity:0;transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){.ds-fade-slide-enter-active[data-v-fa036295],.ds-fade-slide-leave-active[data-v-fa036295]{transition:none}}@media (max-width: 400px){.form-card[data-v-fa036295]{max-width:100%}}:root{--brand: #27B199;--color-brand-50: color-mix(in oklab, var(--brand), white 88%);--color-brand-100: color-mix(in oklab, var(--brand), white 77%);--color-brand-200: color-mix(in oklab, var(--brand), white 55%);--color-brand-300: color-mix(in oklab, var(--brand), white 34%);--color-brand-400: color-mix(in oklab, var(--brand), white 19%);--color-brand-500: var(--brand);--color-brand-600: color-mix(in oklab, var(--brand), black 9%);--color-brand-700: color-mix(in oklab, var(--brand), black 21%);--color-brand-800: color-mix(in oklab, var(--brand), black 34%);--color-brand-900: color-mix(in oklab, var(--brand), black 46%);--color-brand-950: color-mix(in oklab, var(--brand), black 60%);--color-green-50: #F0FDF4;--color-green-100: #DCFCE7;--color-green-200: #BBF7D0;--color-green-300: #86EFAC;--color-green-400: #4ADE80;--color-green-500: #22C55E;--color-green-600: #16A34A;--color-green-700: #15803D;--color-green-800: #166534;--color-green-900: #14532D;--color-green-950: #052E16;--color-red-50: #FEF2F2;--color-red-100: #FEE2E2;--color-red-200: #FECACA;--color-red-300: #FCA5A5;--color-red-400: #F87171;--color-red-500: #EF4444;--color-red-600: #DC2626;--color-red-700: #B91C1C;--color-red-800: #991B1B;--color-red-900: #7F1D1D;--color-red-950: #450A0A;--color-amber-50: #FFFBEB;--color-amber-100: #FEF3C7;--color-amber-200: #FDE68A;--color-amber-300: #FCD34D;--color-amber-400: #FBBF24;--color-amber-500: #F59E0B;--color-amber-600: #D97706;--color-amber-700: #B45309;--color-amber-800: #92400E;--color-amber-900: #78350F;--color-amber-950: #451A03;--color-orange-50: #FFF7ED;--color-orange-100: #FFEDD5;--color-orange-200: #FED7AA;--color-orange-300: #FDBA74;--color-orange-400: #FB923C;--color-orange-500: #F97316;--color-orange-600: #EA580C;--color-orange-700: #C2410C;--color-orange-800: #9A3412;--color-orange-900: #7C2D12;--color-orange-950: #431407;--color-purple-50: #FAF5FF;--color-purple-100: #F3E8FF;--color-purple-200: #E9D5FF;--color-purple-300: #D8B4FE;--color-purple-400: #C084FC;--color-purple-500: #A855F7;--color-purple-600: #9333EA;--color-purple-700: #7E22CE;--color-purple-800: #6B21A8;--color-purple-900: #581C87;--color-purple-950: #3B0764;--color-pink-50: #FDF2F8;--color-pink-100: #FCE7F3;--color-pink-200: #FBCFE8;--color-pink-300: #F9A8D4;--color-pink-400: #F472B6;--color-pink-500: #EC4899;--color-pink-600: #DB2777;--color-pink-700: #BE185D;--color-pink-800: #9D174D;--color-pink-900: #831843;--color-pink-950: #500724;--color-sky-50: #F0F9FF;--color-sky-100: #E0F2FE;--color-sky-200: #BAE6FD;--color-sky-300: #7DD3FC;--color-sky-400: #38BDF8;--color-sky-500: #0EA5E9;--color-sky-600: #0284C7;--color-sky-700: #0369A1;--color-sky-800: #075985;--color-sky-900: #0C4A6E;--color-sky-950: #082F49;--color-blue-50: #EFF6FF;--color-blue-100: #DBEAFE;--color-blue-200: #BFDBFE;--color-blue-300: #93C5FD;--color-blue-400: #60A5FA;--color-blue-500: #3B82F6;--color-blue-600: #2563EB;--color-blue-700: #1D4ED8;--color-blue-800: #1E40AF;--color-blue-900: #1E3A8A;--color-blue-950: #172554;--color-white: #FFFFFF;--color-black: #000000;--color-transparent: #00000000;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-400: #94A3B8;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-slate-950: #020617;--color-black-alpha-50: #1A1A1A0F;--color-black-alpha-100: #1A1A1A17;--color-black-alpha-200: #1A1A1A33;--color-black-alpha-300: #1A1A1A47;--color-black-alpha-400: #1A1A1A5C;--color-black-alpha-500: #1A1A1A7A;--color-black-alpha-600: #1A1A1A99;--color-black-alpha-700: #1A1A1AB2;--color-black-alpha-800: #1A1A1ABF;--color-black-alpha-900: #1A1A1ACC;--color-white-alpha-50: #FFFFFF0F;--color-white-alpha-100: #FFFFFF17;--color-white-alpha-200: #FFFFFF33;--color-white-alpha-300: #FFFFFF47;--color-white-alpha-400: #FFFFFF5C;--color-white-alpha-500: #FFFFFF7A;--color-white-alpha-600: #FFFFFF99;--color-white-alpha-700: #FFFFFFB2;--color-white-alpha-800: #FFFFFFBF;--color-white-alpha-900: #FFFFFFCC;--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-slate-50);--color-bg-tertiary: var(--color-slate-100);--color-bg-inverse: var(--color-slate-900);--color-bg-black-solid: var(--color-slate-900);--color-bg-disabled: var(--color-slate-100);--color-bg-disabled-alt: var(--color-slate-200);--color-bg-brand-primary: var(--color-brand-100);--color-bg-brand-secondary: var(--color-brand-700);--color-bg-brand-hover: var(--color-brand-800);--color-bg-brand-active: var(--color-brand-900);--color-bg-error-primary: var(--color-red-100);--color-bg-error-secondary: var(--color-red-700);--color-bg-error-hover: var(--color-red-800);--color-bg-error-active: var(--color-red-900);--color-bg-success-primary: var(--color-green-100);--color-bg-success-secondary: var(--color-green-700);--color-bg-success-hover: var(--color-green-800);--color-bg-success-active: var(--color-green-900);--color-bg-warning-primary: var(--color-amber-100);--color-bg-warning-secondary: var(--color-amber-700);--color-bg-warning-hover: var(--color-amber-800);--color-bg-warning-active: var(--color-amber-900);--color-bg-info-primary: var(--color-blue-100);--color-bg-info-secondary: var(--color-blue-700);--color-bg-info-hover: var(--color-blue-800);--color-bg-info-active: var(--color-blue-900);--color-bg-overlay-primary: var(--color-black-alpha-200);--color-bg-overlay-secondary: var(--color-black-alpha-500);--color-bg-overlay-inverse: var(--color-white-alpha-300);--color-bg-orange-primary: var(--color-orange-100);--color-bg-orange-secondary: var(--color-orange-700);--color-bg-purple-primary: var(--color-purple-100);--color-bg-purple-secondary: var(--color-purple-700);--color-bg-pink-primary: var(--color-pink-100);--color-bg-pink-secondary: var(--color-pink-700);--color-bg-bubble-customer: var(--color-bg-secondary);--color-bg-bubble-admin: var(--color-brand-500);--color-bg-bubble-agent: var(--color-brand-700);--color-bg-bubble-bot: var(--color-slate-600);--color-bg-bubble-whisper: var(--color-bg-warning-primary);--color-bg-row-selected: var(--color-brand-100);--color-text-primary: var(--color-slate-900);--color-text-secondary: var(--color-slate-600);--color-text-tertiary: var(--color-slate-500);--color-text-disabled: var(--color-slate-400);--color-text-placeholder: var(--color-slate-500);--color-text-white: var(--color-white);--color-text-inverse: var(--color-white);--color-text-brand-primary: var(--color-brand-800);--color-text-brand-secondary: var(--color-brand-900);--color-text-error-primary: var(--color-red-600);--color-text-error-secondary: var(--color-red-800);--color-text-success-primary: var(--color-green-600);--color-text-success-secondary: var(--color-green-800);--color-text-warning-primary: var(--color-amber-700);--color-text-warning-secondary: var(--color-amber-800);--color-text-info-primary: var(--color-blue-600);--color-text-info-secondary: var(--color-blue-800);--color-text-orange-primary: var(--color-orange-600);--color-text-orange-secondary: var(--color-orange-800);--color-text-purple-primary: var(--color-purple-600);--color-text-purple-secondary: var(--color-purple-800);--color-text-pink-primary: var(--color-pink-600);--color-text-pink-secondary: var(--color-pink-800);--color-text-on-brand: var(--color-white);--color-text-on-error: var(--color-white);--color-text-on-success: var(--color-white);--color-text-on-warning: var(--color-white);--color-text-on-info: var(--color-white);--color-text-link: var(--color-blue-600);--color-text-link-hover: var(--color-blue-800);--color-text-link-visited: var(--color-purple-800);--color-icon-primary: var(--color-slate-900);--color-icon-secondary: var(--color-slate-600);--color-icon-tertiary: var(--color-slate-500);--color-icon-disabled: var(--color-slate-400);--color-icon-disabled-alt: var(--color-slate-300);--color-icon-placeholder: var(--color-slate-500);--color-icon-white: var(--color-white);--color-icon-inverse: var(--color-white);--color-icon-brand-primary: var(--color-brand-700);--color-icon-brand-secondary: var(--color-brand-800);--color-icon-error-primary: var(--color-red-700);--color-icon-error-secondary: var(--color-red-800);--color-icon-success-primary: var(--color-green-700);--color-icon-success-secondary: var(--color-green-800);--color-icon-warning-primary: var(--color-amber-700);--color-icon-warning-secondary: var(--color-amber-800);--color-icon-info-primary: var(--color-blue-700);--color-icon-info-secondary: var(--color-blue-800);--color-icon-orange-primary: var(--color-orange-700);--color-icon-orange-secondary: var(--color-orange-800);--color-icon-purple-primary: var(--color-purple-700);--color-icon-purple-secondary: var(--color-purple-800);--color-icon-pink-primary: var(--color-pink-700);--color-icon-pink-secondary: var(--color-pink-800);--color-icon-on-brand: var(--color-white);--color-icon-on-error: var(--color-white);--color-icon-on-success: var(--color-white);--color-icon-on-warning: var(--color-white);--color-icon-on-info: var(--color-white);--color-border-primary: var(--color-slate-200);--color-border-secondary: var(--color-slate-300);--color-border-tertiary: var(--color-slate-400);--color-border-input: var(--color-slate-500);--color-border-primary-solid: var(--color-slate-900);--color-border-disabled: var(--color-slate-300);--color-border-disabled-alt: var(--color-slate-200);--color-border-focus-ring: var(--color-blue-700);--color-border-brand-primary: var(--color-brand-600);--color-border-brand-secondary: var(--color-brand-700);--color-border-brand-focus: var(--color-brand-700);--color-border-error-primary: var(--color-red-500);--color-border-error-secondary: var(--color-red-700);--color-border-success-primary: var(--color-green-600);--color-border-success-secondary: var(--color-green-700);--color-border-warning-primary: var(--color-amber-600);--color-border-warning-secondary: var(--color-amber-700);--color-border-info-primary: var(--color-blue-500);--color-border-info-secondary: var(--color-blue-700);--color-border-orange-primary: var(--color-orange-600);--color-border-orange-secondary: var(--color-orange-700);--color-border-purple-primary: var(--color-purple-500);--color-border-purple-secondary: var(--color-purple-700);--color-border-pink-primary: var(--color-pink-500);--color-border-pink-secondary: var(--color-pink-700);--color-interactive-primary: var(--color-brand-700);--color-interactive-primary-hover: var(--color-brand-800);--color-interactive-primary-active: var(--color-brand-900);--color-interactive-primary-disabled: var(--color-brand-100);--color-interactive-secondary: var(--color-slate-100);--color-interactive-secondary-hover: var(--color-slate-200);--color-interactive-secondary-active: var(--color-slate-300);--color-interactive-secondary-disabled: var(--color-slate-50);--color-interactive-error: var(--color-red-700);--color-interactive-error-hover: var(--color-red-800);--color-interactive-error-active: var(--color-red-900);--color-interactive-error-disabled: var(--color-red-100);--color-interactive-warning: var(--color-amber-700);--color-interactive-warning-hover: var(--color-amber-800);--color-interactive-warning-active: var(--color-amber-900);--color-interactive-warning-disabled: var(--color-amber-100);--color-interactive-success: var(--color-green-700);--color-interactive-success-hover: var(--color-green-800);--color-interactive-success-active: var(--color-green-900);--color-interactive-success-disabled: var(--color-green-100);--color-interactive-info: var(--color-blue-700);--color-interactive-info-hover: var(--color-blue-800);--color-interactive-info-active: var(--color-blue-900);--color-interactive-info-disabled: var(--color-blue-100);--duration-fast: .12s;--duration-base: .15s;--duration-moderate: .18s;--duration-slow: .2s;--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--ease-standard: ease-out;--ease-exit: ease-in;--z-base: 0;--z-sticky: 1100;--z-fixed: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-dropdown: 1500;--z-popover: 1600;--z-tooltip: 1700;--z-toast: 1800}[data-theme=dark]{--color-bg-primary: var(--color-slate-900);--color-bg-secondary: var(--color-slate-800);--color-bg-tertiary: var(--color-slate-700);--color-bg-inverse: var(--color-slate-50);--color-bg-black-solid: var(--color-slate-950);--color-bg-disabled: var(--color-slate-800);--color-bg-disabled-alt: var(--color-slate-700);--color-bg-brand-primary: var(--color-brand-950);--color-bg-brand-secondary: var(--color-brand-500);--color-bg-brand-hover: var(--color-brand-400);--color-bg-brand-active: var(--color-brand-300);--color-bg-error-primary: var(--color-red-950);--color-bg-error-secondary: var(--color-red-500);--color-bg-success-primary: var(--color-green-950);--color-bg-success-secondary: var(--color-green-500);--color-bg-warning-primary: var(--color-amber-950);--color-bg-warning-secondary: var(--color-amber-500);--color-bg-info-primary: var(--color-blue-950);--color-bg-info-secondary: var(--color-blue-500);--color-bg-orange-primary: var(--color-orange-950);--color-bg-orange-secondary: var(--color-orange-500);--color-bg-purple-primary: var(--color-purple-950);--color-bg-purple-secondary: var(--color-purple-500);--color-bg-pink-primary: var(--color-pink-950);--color-bg-pink-secondary: var(--color-pink-500);--color-bg-overlay-primary: var(--color-black-alpha-700);--color-bg-overlay-secondary: var(--color-black-alpha-800);--color-bg-overlay-inverse: var(--color-white-alpha-200);--color-text-primary: var(--color-slate-50);--color-text-secondary: var(--color-slate-300);--color-text-tertiary: var(--color-slate-400);--color-text-disabled: var(--color-slate-600);--color-text-inverse: var(--color-slate-900);--color-text-brand-primary: var(--color-brand-400);--color-text-brand-secondary: var(--color-brand-300);--color-text-error-primary: var(--color-red-400);--color-text-error-secondary: var(--color-red-300);--color-text-success-primary: var(--color-green-400);--color-text-success-secondary: var(--color-green-300);--color-text-warning-primary: var(--color-amber-400);--color-text-warning-secondary: var(--color-amber-300);--color-text-info-primary: var(--color-blue-400);--color-text-info-secondary: var(--color-blue-300);--color-text-orange-primary: var(--color-orange-400);--color-text-orange-secondary: var(--color-orange-300);--color-text-purple-primary: var(--color-purple-400);--color-text-purple-secondary: var(--color-purple-300);--color-text-pink-primary: var(--color-pink-400);--color-text-pink-secondary: var(--color-pink-300);--color-text-link: var(--color-blue-400);--color-icon-primary: var(--color-slate-50);--color-icon-secondary: var(--color-slate-300);--color-icon-tertiary: var(--color-slate-400);--color-icon-disabled: var(--color-slate-600);--color-icon-brand-primary: var(--color-brand-400);--color-icon-brand-secondary: var(--color-brand-300);--color-icon-error-primary: var(--color-red-400);--color-icon-success-primary: var(--color-green-400);--color-icon-warning-primary: var(--color-amber-400);--color-icon-info-primary: var(--color-blue-400);--color-border-primary: var(--color-slate-700);--color-border-secondary: var(--color-slate-600);--color-border-tertiary: var(--color-slate-400);--color-border-primary-solid: var(--color-slate-50);--color-border-input: var(--color-slate-500);--color-border-focus-ring: var(--color-blue-400);--color-border-brand-primary: var(--color-brand-500);--color-border-brand-secondary:var(--color-brand-400);--color-interactive-primary: var(--color-brand-500);--color-interactive-primary-hover: var(--color-brand-400);--color-interactive-primary-active: var(--color-brand-300);--color-interactive-primary-disabled: var(--color-brand-950);--color-interactive-secondary: var(--color-slate-700);--color-interactive-secondary-hover: var(--color-slate-600);--color-interactive-error: var(--color-red-500);--shadow-xs: 0px 1px 2px 0px rgba(0,0,0,.3);--shadow-sm: 0px 1px 3px 0px rgba(0,0,0,.4), 0px 1px 2px 0px rgba(0,0,0,.2);--shadow-md: 0px 4px 6px -1px rgba(0,0,0,.4), 0px 2px 4px -1px rgba(0,0,0,.24);--shadow-lg: 0px 10px 15px -3px rgba(0,0,0,.5), 0px 4px 6px -2px rgba(0,0,0,.25);--shadow-xl: 0px 20px 25px -5px rgba(0,0,0,.5), 0px 10px 10px -5px rgba(0,0,0,.2);--shadow-2xl: 0px 25px 50px -12px rgba(0,0,0,.6)}:root{--bg-overlay: var(--bg-overlay-primary);--border-brand: var(--border-brand-secondary);--border-error: var(--border-error-primary);--border-info: var(--border-info-primary);--border-none: 0;--border-sm: 2px;--border-success: var(--border-success-primary);--border-warning: var(--border-warning-primary);--border-xs: 1px;--bp-desktop: var(--breakpoint-xl);--bp-mobile: var(--breakpoint-xs);--bp-tablet: var(--breakpoint-md);--breakpoint-2xl: 1536px;--breakpoint-lg: 1024px;--breakpoint-md: 768px;--breakpoint-sm: 640px;--breakpoint-xl: 1280px;--breakpoint-xs: 360px;--c-brand-grad-from: #20AEB8;--c-brand-grad-to: #91C964;--c-brand-wordmark: #1A7DA9;--c-error-100: var(--c-red-100);--c-error-200: var(--c-red-200);--c-error-300: var(--c-red-300);--c-error-400: var(--c-red-400);--c-error-500: var(--c-red-500);--c-error-50: var(--c-red-50);--c-error-600: var(--c-red-600);--c-error-700: var(--c-red-700);--c-error-800: var(--c-red-800);--c-error-900: var(--c-red-900);--c-error-950: var(--c-red-950);--c-info-100: var(--c-blue-100);--c-info-200: var(--c-blue-200);--c-info-300: var(--c-blue-300);--c-info-400: var(--c-blue-400);--c-info-500: var(--c-blue-500);--c-info-50: var(--c-blue-50);--c-info-600: var(--c-blue-600);--c-info-700: var(--c-blue-700);--c-info-800: var(--c-blue-800);--c-info-900: var(--c-blue-900);--c-info-950: var(--c-blue-950);--c-neutral-0: #FFFFFF;--c-success-100: var(--c-green-100);--c-success-200: var(--c-green-200);--c-success-300: var(--c-green-300);--c-success-400: var(--c-green-400);--c-success-500: var(--c-green-500);--c-success-50: var(--c-green-50);--c-success-600: var(--c-green-600);--c-success-700: var(--c-green-700);--c-success-800: var(--c-green-800);--c-success-900: var(--c-green-900);--c-success-950: var(--c-green-950);--c-warning-100: var(--c-amber-100);--c-warning-200: var(--c-amber-200);--c-warning-300: var(--c-amber-300);--c-warning-400: var(--c-amber-400);--c-warning-500: var(--c-amber-500);--c-warning-50: var(--c-amber-50);--c-warning-600: var(--c-amber-600);--c-warning-700: var(--c-amber-700);--c-warning-800: var(--c-amber-800);--c-warning-900: var(--c-amber-900);--c-warning-950: var(--c-amber-950);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fw-bold: 700;--fw-medium: 500;--fw-regular: 400;--fw-semibold: 600;--icon-brand: var(--icon-brand-primary);--opacity-0: 0;--opacity-100: 1;--opacity-10: .1;--opacity-20: .2;--opacity-40: .4;--opacity-5: .05;--opacity-60: .6;--opacity-80: .8;--radius-full: 9999px;--shadow-2xl: 0px 25px 50px -12px rgba(0,0,0,.25);--shadow-inner: inset 0px 2px 4px 0px rgba(0,0,0,.05);--shadow-lg: 0px 10px 15px -3px rgba(0,0,0,.1), 0px 4px 6px -2px rgba(0,0,0,.05);--shadow-md: 0px 4px 6px -1px rgba(0,0,0,.1), 0px 2px 4px -1px rgba(0,0,0,.06);--shadow-sm: 0px 1px 3px 0px rgba(0,0,0,.1), 0px 1px 2px 0px rgba(0,0,0,.05);--shadow-xl: 0px 20px 25px -5px rgba(0,0,0,.1), 0px 10px 10px -5px rgba(0,0,0,.04);--shadow-xs: 0px 1px 2px 0px rgba(0,0,0,.05);--size-2xl: 40px;--size-2xs: 8px;--size-3xl: 48px;--size-3xs: 4px;--size-4xl: 64px;--size-5xl: 96px;--size-lg: 24px;--size-md: 20px;--size-none: 0;--size-rail: 72px;--size-sm: 16px;--size-xl: 32px;--size-xs: 12px;--space-2xl: 32px;--space-2xs: 8px;--space-3xl: 40px;--space-3xs: 4px;--space-4xl: 48px;--space-4xs: 2px;--space-5xl: 56px;--space-6xl: 64px;--space-7xl: 80px;--space-lg: 24px;--space-md: 20px;--space-none: 0;--space-sm: 16px;--space-xl: 28px;--space-xs: 12px;--t-body-1-lh: 24px;--t-body-1-semibold-weight: var(--fw-semibold);--t-body-1-size: 16px;--t-body-1-tracking: 0;--t-body-1-weight: var(--fw-regular);--t-body-2-lh: 20px;--t-body-2-semibold-weight: var(--fw-semibold);--t-body-2-size: 14px;--t-body-2-tracking: 0;--t-body-2-weight: var(--fw-regular);--t-body-3-lh: 18px;--t-body-3-semibold-weight: var(--fw-semibold);--t-body-3-size: 12px;--t-body-3-tracking: 0;--t-body-3-weight: var(--fw-regular);--t-button-1-lh: 16px;--t-button-1-size: 12px;--t-button-1-tracking: .12px;--t-button-1-weight: var(--fw-semibold);--t-button-2-lh: 20px;--t-button-2-size: 14px;--t-button-2-tracking: .14px;--t-button-2-weight: var(--fw-semibold);--t-button-3-lh: 24px;--t-button-3-size: 16px;--t-button-3-tracking: .16px;--t-button-3-weight: var(--fw-semibold);--t-caption-1-lh: 16px;--t-caption-1-size: 11px;--t-caption-1-tracking: 0;--t-caption-1-weight: var(--fw-regular);--t-data-1-lh: 24px;--t-data-1-semibold-weight: var(--fw-semibold);--t-data-1-size: 16px;--t-data-1-weight: var(--fw-regular);--t-data-2-lh: 20px;--t-data-2-semibold-weight: var(--fw-semibold);--t-data-2-size: 14px;--t-data-2-weight: var(--fw-regular);--t-data-3-lh: 18px;--t-data-3-size: 12px;--t-data-3-weight: var(--fw-regular);--t-display-1-lh: 56px;--t-display-1-size: 48px;--t-display-1-tracking: -.5px;--t-display-1-weight: var(--fw-bold);--t-display-2-lh: 48px;--t-display-2-size: 40px;--t-display-2-tracking: -.4px;--t-display-2-weight: var(--fw-bold);--t-heading-1-lh: 40px;--t-heading-1-size: 32px;--t-heading-1-tracking: -.2px;--t-heading-1-weight: var(--fw-bold);--t-heading-2-lh: 36px;--t-heading-2-size: 28px;--t-heading-2-tracking: -.15px;--t-heading-2-weight: var(--fw-bold);--t-heading-3-lh: 30px;--t-heading-3-size: 24px;--t-heading-3-tracking: -.15px;--t-heading-3-weight: var(--fw-semibold);--t-heading-4-lh: 26px;--t-heading-4-size: 20px;--t-heading-4-tracking: -.1px;--t-heading-4-weight: var(--fw-semibold);--t-label-1-lh: 24px;--t-label-1-size: 16px;--t-label-1-tracking: -.18px;--t-label-1-weight: var(--fw-medium);--t-label-2-lh: 20px;--t-label-2-size: 14px;--t-label-2-tracking: -.16px;--t-label-2-weight: var(--fw-medium);--t-label-3-lh: 16px;--t-label-3-size: 12px;--t-label-3-tracking: -.12px;--t-label-3-weight: var(--fw-medium);--t-mono-1-lh: 20px;--t-mono-1-size: 14px;--t-mono-1-weight: var(--fw-regular);--t-mono-2-lh: 18px;--t-mono-2-size: 12px;--t-mono-2-weight: var(--fw-regular);--t-overline-1-lh: 16px;--t-overline-1-size: 11px;--t-overline-1-tracking: 1.1px;--t-overline-1-weight: var(--fw-medium);--text-on-bubble: var(--c-white);--motion-fast: var(--duration-fast);--motion-base: var(--duration-slow);--motion-moderate: .3s;--motion-slow: .32s;--ease-out: var(--ease-standard);--ease-in: var(--ease-exit);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--bg-black-solid: var(--color-bg-black-solid);--bg-brand-active: var(--color-bg-brand-active);--bg-brand-hover: var(--color-bg-brand-hover);--bg-brand-primary: var(--color-bg-brand-primary);--bg-brand-secondary: var(--color-bg-brand-secondary);--bg-bubble-admin: var(--color-bg-bubble-admin);--bg-bubble-agent: var(--color-bg-bubble-agent);--bg-bubble-bot: var(--color-bg-bubble-bot);--bg-bubble-customer: var(--color-bg-bubble-customer);--bg-bubble-whisper: var(--color-bg-bubble-whisper);--bg-disabled-alt: var(--color-bg-disabled-alt);--bg-disabled: var(--color-bg-disabled);--bg-error-active: var(--color-bg-error-active);--bg-error-hover: var(--color-bg-error-hover);--bg-error-primary: var(--color-bg-error-primary);--bg-error-secondary: var(--color-bg-error-secondary);--bg-info-active: var(--color-bg-info-active);--bg-info-hover: var(--color-bg-info-hover);--bg-info-primary: var(--color-bg-info-primary);--bg-info-secondary: var(--color-bg-info-secondary);--bg-inverse: var(--color-bg-inverse);--bg-orange-primary: var(--color-bg-orange-primary);--bg-orange-secondary: var(--color-bg-orange-secondary);--bg-overlay-inverse: var(--color-bg-overlay-inverse);--bg-overlay-primary: var(--color-bg-overlay-primary);--bg-overlay-secondary: var(--color-bg-overlay-secondary);--bg-pink-primary: var(--color-bg-pink-primary);--bg-pink-secondary: var(--color-bg-pink-secondary);--bg-primary: var(--color-bg-primary);--bg-purple-primary: var(--color-bg-purple-primary);--bg-purple-secondary: var(--color-bg-purple-secondary);--bg-secondary: var(--color-bg-secondary);--bg-success-active: var(--color-bg-success-active);--bg-success-hover: var(--color-bg-success-hover);--bg-success-primary: var(--color-bg-success-primary);--bg-success-secondary: var(--color-bg-success-secondary);--bg-tertiary: var(--color-bg-tertiary);--bg-warning-active: var(--color-bg-warning-active);--bg-warning-hover: var(--color-bg-warning-hover);--bg-warning-primary: var(--color-bg-warning-primary);--bg-warning-secondary: var(--color-bg-warning-secondary);--border-brand-focus: var(--color-border-brand-focus);--border-brand-primary: var(--color-border-brand-primary);--border-brand-secondary: var(--color-border-brand-secondary);--border-disabled-alt: var(--color-border-disabled-alt);--border-disabled: var(--color-border-disabled);--border-error-primary: var(--color-border-error-primary);--border-error-secondary: var(--color-border-error-secondary);--border-focus-ring: var(--color-border-focus-ring);--border-info-primary: var(--color-border-info-primary);--border-info-secondary: var(--color-border-info-secondary);--border-input: var(--color-border-input);--border-orange-primary: var(--color-border-orange-primary);--border-orange-secondary: var(--color-border-orange-secondary);--border-pink-primary: var(--color-border-pink-primary);--border-pink-secondary: var(--color-border-pink-secondary);--border-primary-solid: var(--color-border-primary-solid);--border-primary: var(--color-border-primary);--border-purple-primary: var(--color-border-purple-primary);--border-purple-secondary: var(--color-border-purple-secondary);--border-secondary: var(--color-border-secondary);--border-success-primary: var(--color-border-success-primary);--border-success-secondary: var(--color-border-success-secondary);--border-tertiary: var(--color-border-tertiary);--border-warning-primary: var(--color-border-warning-primary);--border-warning-secondary: var(--color-border-warning-secondary);--c-amber-100: var(--color-amber-100);--c-amber-200: var(--color-amber-200);--c-amber-300: var(--color-amber-300);--c-amber-400: var(--color-amber-400);--c-amber-500: var(--color-amber-500);--c-amber-50: var(--color-amber-50);--c-amber-600: var(--color-amber-600);--c-amber-700: var(--color-amber-700);--c-amber-800: var(--color-amber-800);--c-amber-900: var(--color-amber-900);--c-amber-950: var(--color-amber-950);--c-black-alpha-100: var(--color-black-alpha-100);--c-black-alpha-200: var(--color-black-alpha-200);--c-black-alpha-300: var(--color-black-alpha-300);--c-black-alpha-400: var(--color-black-alpha-400);--c-black-alpha-500: var(--color-black-alpha-500);--c-black-alpha-50: var(--color-black-alpha-50);--c-black-alpha-600: var(--color-black-alpha-600);--c-black-alpha-700: var(--color-black-alpha-700);--c-black-alpha-800: var(--color-black-alpha-800);--c-black-alpha-900: var(--color-black-alpha-900);--c-black: var(--color-black);--c-blue-100: var(--color-blue-100);--c-blue-200: var(--color-blue-200);--c-blue-300: var(--color-blue-300);--c-blue-400: var(--color-blue-400);--c-blue-500: var(--color-blue-500);--c-blue-50: var(--color-blue-50);--c-blue-600: var(--color-blue-600);--c-blue-700: var(--color-blue-700);--c-blue-800: var(--color-blue-800);--c-blue-900: var(--color-blue-900);--c-blue-950: var(--color-blue-950);--c-brand-100: var(--color-brand-100);--c-brand-200: var(--color-brand-200);--c-brand-300: var(--color-brand-300);--c-brand-400: var(--color-brand-400);--c-brand-500: var(--color-brand-500);--c-brand-50: var(--color-brand-50);--c-brand-600: var(--color-brand-600);--c-brand-700: var(--color-brand-700);--c-brand-800: var(--color-brand-800);--c-brand-900: var(--color-brand-900);--c-brand-950: var(--color-brand-950);--c-green-100: var(--color-green-100);--c-green-200: var(--color-green-200);--c-green-300: var(--color-green-300);--c-green-400: var(--color-green-400);--c-green-500: var(--color-green-500);--c-green-50: var(--color-green-50);--c-green-600: var(--color-green-600);--c-green-700: var(--color-green-700);--c-green-800: var(--color-green-800);--c-green-900: var(--color-green-900);--c-green-950: var(--color-green-950);--c-neutral-100: var(--color-slate-100);--c-neutral-200: var(--color-slate-200);--c-neutral-300: var(--color-slate-300);--c-neutral-400: var(--color-slate-400);--c-neutral-500: var(--color-slate-500);--c-neutral-50: var(--color-slate-50);--c-neutral-600: var(--color-slate-600);--c-neutral-700: var(--color-slate-700);--c-neutral-800: var(--color-slate-800);--c-neutral-900: var(--color-slate-900);--c-neutral-950: var(--color-slate-950);--c-orange-100: var(--color-orange-100);--c-orange-200: var(--color-orange-200);--c-orange-300: var(--color-orange-300);--c-orange-400: var(--color-orange-400);--c-orange-500: var(--color-orange-500);--c-orange-50: var(--color-orange-50);--c-orange-600: var(--color-orange-600);--c-orange-700: var(--color-orange-700);--c-orange-800: var(--color-orange-800);--c-orange-900: var(--color-orange-900);--c-orange-950: var(--color-orange-950);--c-pink-100: var(--color-pink-100);--c-pink-200: var(--color-pink-200);--c-pink-300: var(--color-pink-300);--c-pink-400: var(--color-pink-400);--c-pink-500: var(--color-pink-500);--c-pink-50: var(--color-pink-50);--c-pink-600: var(--color-pink-600);--c-pink-700: var(--color-pink-700);--c-pink-800: var(--color-pink-800);--c-pink-900: var(--color-pink-900);--c-pink-950: var(--color-pink-950);--c-purple-100: var(--color-purple-100);--c-purple-200: var(--color-purple-200);--c-purple-300: var(--color-purple-300);--c-purple-400: var(--color-purple-400);--c-purple-500: var(--color-purple-500);--c-purple-50: var(--color-purple-50);--c-purple-600: var(--color-purple-600);--c-purple-700: var(--color-purple-700);--c-purple-800: var(--color-purple-800);--c-purple-900: var(--color-purple-900);--c-purple-950: var(--color-purple-950);--c-red-100: var(--color-red-100);--c-red-200: var(--color-red-200);--c-red-300: var(--color-red-300);--c-red-400: var(--color-red-400);--c-red-500: var(--color-red-500);--c-red-50: var(--color-red-50);--c-red-600: var(--color-red-600);--c-red-700: var(--color-red-700);--c-red-800: var(--color-red-800);--c-red-900: var(--color-red-900);--c-red-950: var(--color-red-950);--c-sky-100: var(--color-sky-100);--c-sky-200: var(--color-sky-200);--c-sky-300: var(--color-sky-300);--c-sky-400: var(--color-sky-400);--c-sky-500: var(--color-sky-500);--c-sky-50: var(--color-sky-50);--c-sky-600: var(--color-sky-600);--c-sky-700: var(--color-sky-700);--c-sky-800: var(--color-sky-800);--c-sky-900: var(--color-sky-900);--c-sky-950: var(--color-sky-950);--c-slate-100: var(--color-slate-100);--c-slate-200: var(--color-slate-200);--c-slate-300: var(--color-slate-300);--c-slate-400: var(--color-slate-400);--c-slate-500: var(--color-slate-500);--c-slate-50: var(--color-slate-50);--c-slate-600: var(--color-slate-600);--c-slate-700: var(--color-slate-700);--c-slate-800: var(--color-slate-800);--c-slate-900: var(--color-slate-900);--c-slate-950: var(--color-slate-950);--c-transparent: var(--color-transparent);--c-white-alpha-100: var(--color-white-alpha-100);--c-white-alpha-200: var(--color-white-alpha-200);--c-white-alpha-300: var(--color-white-alpha-300);--c-white-alpha-400: var(--color-white-alpha-400);--c-white-alpha-500: var(--color-white-alpha-500);--c-white-alpha-50: var(--color-white-alpha-50);--c-white-alpha-600: var(--color-white-alpha-600);--c-white-alpha-700: var(--color-white-alpha-700);--c-white-alpha-800: var(--color-white-alpha-800);--c-white-alpha-900: var(--color-white-alpha-900);--c-white: var(--color-white);--icon-brand-primary: var(--color-icon-brand-primary);--icon-brand-secondary: var(--color-icon-brand-secondary);--icon-disabled-alt: var(--color-icon-disabled-alt);--icon-disabled: var(--color-icon-disabled);--icon-error-primary: var(--color-icon-error-primary);--icon-error-secondary: var(--color-icon-error-secondary);--icon-info-primary: var(--color-icon-info-primary);--icon-info-secondary: var(--color-icon-info-secondary);--icon-inverse: var(--color-icon-inverse);--icon-on-brand: var(--color-icon-on-brand);--icon-on-error: var(--color-icon-on-error);--icon-on-info: var(--color-icon-on-info);--icon-on-success: var(--color-icon-on-success);--icon-on-warning: var(--color-icon-on-warning);--icon-orange-primary: var(--color-icon-orange-primary);--icon-orange-secondary: var(--color-icon-orange-secondary);--icon-pink-primary: var(--color-icon-pink-primary);--icon-pink-secondary: var(--color-icon-pink-secondary);--icon-placeholder: var(--color-icon-placeholder);--icon-primary: var(--color-icon-primary);--icon-purple-primary: var(--color-icon-purple-primary);--icon-purple-secondary: var(--color-icon-purple-secondary);--icon-secondary: var(--color-icon-secondary);--icon-success-primary: var(--color-icon-success-primary);--icon-success-secondary: var(--color-icon-success-secondary);--icon-tertiary: var(--color-icon-tertiary);--icon-warning-primary: var(--color-icon-warning-primary);--icon-warning-secondary: var(--color-icon-warning-secondary);--icon-white: var(--color-icon-white);--int-error-active: var(--color-interactive-error-active);--int-error-hover: var(--color-interactive-error-hover);--int-error: var(--color-interactive-error);--int-primary-active: var(--color-interactive-primary-active);--int-primary-disabled: var(--color-interactive-primary-disabled);--int-primary-hover: var(--color-interactive-primary-hover);--int-primary: var(--color-interactive-primary);--int-secondary-active: var(--color-interactive-secondary-active);--int-secondary-hover: var(--color-interactive-secondary-hover);--int-secondary: var(--color-interactive-secondary);--text-brand-primary: var(--color-text-brand-primary);--text-brand-secondary: var(--color-text-brand-secondary);--text-disabled: var(--color-text-disabled);--text-error-primary: var(--color-text-error-primary);--text-error-secondary: var(--color-text-error-secondary);--text-info-primary: var(--color-text-info-primary);--text-info-secondary: var(--color-text-info-secondary);--text-inverse: var(--color-text-inverse);--text-link-hover: var(--color-text-link-hover);--text-link-visited: var(--color-text-link-visited);--text-link: var(--color-text-link);--text-on-brand: var(--color-text-on-brand);--text-on-error: var(--color-text-on-error);--text-on-info: var(--color-text-on-info);--text-on-success: var(--color-text-on-success);--text-on-warning: var(--color-text-on-warning);--text-orange-primary: var(--color-text-orange-primary);--text-orange-secondary: var(--color-text-orange-secondary);--text-pink-primary: var(--color-text-pink-primary);--text-pink-secondary: var(--color-text-pink-secondary);--text-placeholder: var(--color-text-placeholder);--text-primary: var(--color-text-primary);--text-purple-primary: var(--color-text-purple-primary);--text-purple-secondary: var(--color-text-purple-secondary);--text-secondary: var(--color-text-secondary);--text-success-primary: var(--color-text-success-primary);--text-success-secondary: var(--color-text-success-secondary);--text-tertiary: var(--color-text-tertiary);--text-warning-primary: var(--color-text-warning-primary);--text-warning-secondary: var(--color-text-warning-secondary);--text-white: var(--color-text-white)}.ds-fade-slide-enter-active{transition:opacity var(--duration-slow) var(--ease-standard),transform var(--duration-slow) var(--ease-standard);will-change:opacity,transform}.ds-fade-slide-leave-active{transition:opacity var(--duration-fast) var(--ease-exit),transform var(--duration-fast) var(--ease-exit);will-change:opacity,transform}.ds-fade-slide-enter{opacity:0;transform:translateY(8px)}.ds-fade-slide-leave-to{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion: reduce){.ds-fade-slide-enter-active,.ds-fade-slide-leave-active{transition:none}.ds-fade-slide-enter,.ds-fade-slide-leave-to{transform:none}}