:root{--ds-neutral-0:#fff;--ds-neutral-100:#f7f7f7;--ds-neutral-200:#ededed;--ds-neutral-300:#d9d9d9;--ds-neutral-400:#b3b3b3;--ds-neutral-500:grey;--ds-neutral-600:#666;--ds-neutral-700:#454545;--ds-neutral-800:#2e2e2e;--ds-neutral-900:#282828;--ds-indigo-100:#f8f5ff;--ds-indigo-500:#5266eb;--ds-indigo-900:#4557cc;--ds-blue-100:#f1f7ff;--ds-blue-500:#06f;--ds-blue-900:#00337f;--ds-red-100:#fff3f2;--ds-red-500:#ff5f57;--ds-red-900:#e5564e;--ds-green-100:#dbfeea;--ds-green-500:#027d39;--ds-green-900:#014c23;--ds-yellow-100:#fff4ea;--ds-yellow-500:#b0590f;--ds-yellow-900:#994d0d;--ds-teal-100:#edfcff;--ds-teal-500:#007f95;--ds-teal-900:#0c6373;--ds-purple-100:#faf5fe;--ds-purple-500:#af31db;--ds-purple-900:#992bbf;--ds-orange-100:#fff6ed;--ds-orange-500:#f98333;--ds-orange-900:#d9722c;--ds-slate-100:#e9f3fd;--ds-slate-500:#5482b3;--ds-slate-900:#42668c;--ds-pink-100:#fcebf2;--ds-pink-500:#dd307c;--ds-pink-900:#bf2a6b;--ds-sky-100:#e9f4fe;--ds-sky-500:#69b5f8;--ds-sky-900:#5695cc;--ds-violet-100:#edeffc;--ds-violet-500:#6063d6;--ds-brown-100:#fff1ec;--ds-brown-500:#d89b64;--ds-bg-surface-primary:var(--ds-neutral-100);--ds-bg-surface-secondary:#e6e5fc;--ds-bg-surface-tertiary:var(--ds-neutral-200);--ds-bg-surface-cuartiary:var(--ds-indigo-100);--ds-bg-surface-disable:var(--ds-neutral-200);--ds-bg-surface-white:var(--ds-neutral-0);--ds-bg-fill-primary:var(--ds-indigo-500);--ds-bg-fill-primary-hover:var(--ds-indigo-900);--ds-bg-fill-secondary:#e6e5fc;--ds-bg-fill-secondary-hover:var(--ds-indigo-500);--ds-bg-fill-accent:var(--ds-blue-500);--ds-bg-fill-accent-2:var(--ds-blue-100);--ds-bg-fill-accent-hover:var(--ds-blue-900);--ds-bg-fill-disable:var(--ds-neutral-200);--ds-bg-success:var(--ds-green-500);--ds-bg-success-tertiary:var(--ds-green-100);--ds-bg-success-secondary:var(--ds-green-900);--ds-bg-error:var(--ds-red-500);--ds-bg-error-cuateriary:var(--ds-red-100);--ds-bg-error-secondary:var(--ds-red-900);--ds-bg-warning:var(--ds-yellow-500);--ds-bg-warning-terciary:var(--ds-yellow-100);--ds-bg-warning-secondary:var(--ds-yellow-900);--ds-bg-info:var(--ds-blue-500);--ds-text-primary:#292929;--ds-text-primary-hover:#2f2f33;--ds-text-secondary:#585d5c;--ds-text-secondary-hover:#75747a;--ds-text-accent:var(--ds-indigo-500);--ds-text-accent-hover:#1a214d;--ds-text-success:var(--ds-green-500);--ds-text-error:var(--ds-red-500);--ds-text-error-hover:#b2423d;--ds-text-warning:var(--ds-yellow-500);--ds-text-info:var(--ds-blue-500);--ds-text-disable:var(--ds-neutral-400);--ds-border-primary:#e2e3e3;--ds-border-secondary:#d5d5db;--ds-border-accent:var(--ds-indigo-500);--ds-border-card:#f1f1f1;--ds-border-success:var(--ds-green-500);--ds-border-error:var(--ds-red-500);--ds-border-warning:var(--ds-yellow-500);--ds-border-info:var(--ds-blue-500);--ds-border-disable:#939399;--ds-overlay-black-8:#0000001c;--ds-shadow-1:0 1px 4px 0 #0c0c0d0d;--ds-shadow-2:0 2px 4px -2px #0c0c0d0d,0 4px 6px -2px #0c0c0d1a;--ds-shadow-3:0 4px 4px -2px #0c0c0d0d,0 12px 16px -4px #0c0c0d14;--ds-shadow-4:0 4px 4px -4px #0c0c0d0d,0 16px 32px -4px #0c0c0d1a;--ds-shadow-5:0 16px 32px -8px #0c0c0d66;--ds-shadow-card:0 2px 4px 0 #eaeaea}