@dialpad/dialtone/dist/tokens/css/tokens-base-deca-light.css

Dialpad's Dialtone design system monorepo

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  color-scheme: light;
  --dt-shadow-focus-inset-type: innerShadow;
  --dt-shadow-focus-2-type: dropShadow;
  --dt-shadow-focus-1-type: dropShadow;
  --dt-shadow-card-3-type: dropShadow;
  --dt-shadow-card-3-color-h: 0;
  --dt-shadow-card-3-color-s: 0%;
  --dt-shadow-card-3-color-l: 0%;
  --dt-shadow-card-3-color-a: 8%;
  --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
  --dt-shadow-card-3-color: #00000014;
  --dt-shadow-card-2-type: dropShadow;
  --dt-shadow-card-2-color-h: 0;
  --dt-shadow-card-2-color-s: 0%;
  --dt-shadow-card-2-color-l: 0%;
  --dt-shadow-card-2-color-a: 4%;
  --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
  --dt-shadow-card-2-color: #0000000a;
  --dt-shadow-card-1-type: dropShadow;
  --dt-shadow-card-1-color-h: 0;
  --dt-shadow-card-1-color-s: 0%;
  --dt-shadow-card-1-color-l: 0%;
  --dt-shadow-card-1-color-a: 3%;
  --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
  --dt-shadow-card-1-color: #00000008;
  --dt-shadow-extra-large-type: dropShadow;
  --dt-shadow-extra-large-color-h: 0;
  --dt-shadow-extra-large-color-s: 0%;
  --dt-shadow-extra-large-color-l: 0%;
  --dt-shadow-extra-large-color-a: 30%;
  --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
  --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
  --dt-shadow-extra-large-color: #0000004d;
  --dt-shadow-large-type: dropShadow;
  --dt-shadow-large-color-h: 0;
  --dt-shadow-large-color-s: 0%;
  --dt-shadow-large-color-l: 0%;
  --dt-shadow-large-color-a: 30%;
  --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
  --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
  --dt-shadow-large-color: #0000004d;
  --dt-shadow-medium-type: dropShadow;
  --dt-shadow-medium-color-h: 0;
  --dt-shadow-medium-color-s: 0%;
  --dt-shadow-medium-color-l: 0%;
  --dt-shadow-medium-color-a: 25%;
  --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
  --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
  --dt-shadow-medium-color: #00000040;
  --dt-shadow-small-type: dropShadow;
  --dt-shadow-small-color-h: 0;
  --dt-shadow-small-color-s: 0%;
  --dt-shadow-small-color-l: 0%;
  --dt-shadow-small-color-a: 15%;
  --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
  --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
  --dt-shadow-small-color: #00000026;
  --dt-opacity-1300: 1;
  --dt-opacity-1200: .9;
  --dt-opacity-1100: .8;
  --dt-opacity-1000: .75;
  --dt-opacity-900: .7;
  --dt-opacity-800: .6;
  --dt-opacity-700: .5;
  --dt-opacity-600: .4;
  --dt-opacity-500: .3;
  --dt-opacity-400: .25;
  --dt-opacity-300: .2;
  --dt-opacity-200: .1;
  --dt-opacity-100: .05;
  --dt-opacity-0: 0;
  --dt-color-brand-red-h: 342.96610169491527;
  --dt-color-brand-red-s: 100%;
  --dt-color-brand-red-l: 53.72549019607843%;
  --dt-color-brand-red-a: 100%;
  --dt-color-brand-red-hsl: var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l);
  --dt-color-brand-red-hsla: hsl(var(--dt-color-brand-red-h) var(--dt-color-brand-red-s) var(--dt-color-brand-red-l) / var(--alpha, 100%));
  --dt-color-brand-red: #ff1356;
  --dt-color-brand-gold-h: 35.850622406639005;
  --dt-color-brand-gold-s: 100%;
  --dt-color-brand-gold-l: 52.74509803921569%;
  --dt-color-brand-gold-a: 100%;
  --dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);
  --dt-color-brand-gold-hsla: hsl(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));
  --dt-color-brand-gold: #FF9E0E;
  --dt-color-brand-magenta-h: 323.9473684210526;
  --dt-color-brand-magenta-s: 100%;
  --dt-color-brand-magenta-l: 55.294117647058826%;
  --dt-color-brand-magenta-a: 100%;
  --dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);
  --dt-color-brand-magenta-hsla: hsl(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));
  --dt-color-brand-magenta: #FF1BA4;
  --dt-color-brand-purple-h: 254.5664739884393;
  --dt-color-brand-purple-s: 100%;
  --dt-color-brand-purple-l: 66.07843137254902%;
  --dt-color-brand-purple-a: 100%;
  --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
  --dt-color-brand-purple: #7C52FF;
  --dt-color-tan-500-h: 0;
  --dt-color-tan-500-s: 0%;
  --dt-color-tan-500-l: 7.0588235294117645%;
  --dt-color-tan-500-a: 100%;
  --dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);
  --dt-color-tan-500-hsla: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
  --dt-color-tan-500: #121212;
  --dt-color-tan-400-h: 20.000000000000046;
  --dt-color-tan-400-s: 2.4390243902439055%;
  --dt-color-tan-400-l: 24.11764705882353%;
  --dt-color-tan-400-a: 100%;
  --dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);
  --dt-color-tan-400-hsla: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
  --dt-color-tan-400: #3F3D3C;
  --dt-color-tan-300-h: 24.999999999999982;
  --dt-color-tan-300-s: 4.761904761904767%;
  --dt-color-tan-300-l: 50.588235294117645%;
  --dt-color-tan-300-a: 100%;
  --dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);
  --dt-color-tan-300-hsla: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
  --dt-color-tan-300: #87807B;
  --dt-color-tan-200-h: 23.999999999999932;
  --dt-color-tan-200-s: 9.25925925925923%;
  --dt-color-tan-200-l: 78.82352941176471%;
  --dt-color-tan-200-a: 100%;
  --dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);
  --dt-color-tan-200-hsla: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
  --dt-color-tan-200: #CEC8C4;
  --dt-color-tan-100-h: 30;
  --dt-color-tan-100-s: 13.333333333333282%;
  --dt-color-tan-100-l: 94.11764705882352%;
  --dt-color-tan-100-a: 100%;
  --dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);
  --dt-color-tan-100-hsla: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));
  --dt-color-tan-100: #F2F0EE;
  --dt-color-red-1000-h: 344.44444444444446;
  --dt-color-red-1000-s: 93.10344827586206%;
  --dt-color-red-1000-l: 5.686274509803922%;
  --dt-color-red-1000-a: 100%;
  --dt-color-red-1000-hsl: var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l);
  --dt-color-red-1000-hsla: hsl(var(--dt-color-red-1000-h) var(--dt-color-red-1000-s) var(--dt-color-red-1000-l) / var(--alpha, 100%));
  --dt-color-red-1000: #1C0108;
  --dt-color-red-900-h: 342.8571428571429;
  --dt-color-red-900-s: 100%;
  --dt-color-red-900-l: 10.980392156862745%;
  --dt-color-red-900-a: 100%;
  --dt-color-red-900-hsl: var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l);
  --dt-color-red-900-hsla: hsl(var(--dt-color-red-900-h) var(--dt-color-red-900-s) var(--dt-color-red-900-l) / var(--alpha, 100%));
  --dt-color-red-900: #380010;
  --dt-color-red-700-h: 342.39130434782606;
  --dt-color-red-700-s: 85.18518518518519%;
  --dt-color-red-700-l: 21.176470588235293%;
  --dt-color-red-700-a: 100%;
  --dt-color-red-700-hsl: var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l);
  --dt-color-red-700-hsla: hsl(var(--dt-color-red-700-h) var(--dt-color-red-700-s) var(--dt-color-red-700-l) / var(--alpha, 100%));
  --dt-color-red-700: #640823;
  --dt-color-red-600-h: 343.06451612903226;
  --dt-color-red-600-s: 72.94117647058823%;
  --dt-color-red-600-l: 33.33333333333333%;
  --dt-color-red-600-a: 100%;
  --dt-color-red-600-hsl: var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l);
  --dt-color-red-600-hsla: hsl(var(--dt-color-red-600-h) var(--dt-color-red-600-s) var(--dt-color-red-600-l) / var(--alpha, 100%));
  --dt-color-red-600: #93173A;
  --dt-color-red-500-h: 342.8571428571429;
  --dt-color-red-500-s: 100%;
  --dt-color-red-500-l: 34.31372549019608%;
  --dt-color-red-500-a: 100%;
  --dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);
  --dt-color-red-500-hsla: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));
  --dt-color-red-500: #AF0032;
  --dt-color-red-450-h: 342.89855072463763;
  --dt-color-red-450-s: 91.18942731277534%;
  --dt-color-red-450-l: 44.509803921568626%;
  --dt-color-red-450-a: 100%;
  --dt-color-red-450-hsl: var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l);
  --dt-color-red-450-hsla: hsl(var(--dt-color-red-450-h) var(--dt-color-red-450-s) var(--dt-color-red-450-l) / var(--alpha, 100%));
  --dt-color-red-450: #D90A45;
  --dt-color-red-400-h: 342.96610169491527;
  --dt-color-red-400-s: 100%;
  --dt-color-red-400-l: 53.72549019607843%;
  --dt-color-red-400-a: 100%;
  --dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);
  --dt-color-red-400-hsla: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));
  --dt-color-red-400: #FF1356;
  --dt-color-red-350-h: 351.7894736842105;
  --dt-color-red-350-s: 100%;
  --dt-color-red-350-l: 62.745098039215684%;
  --dt-color-red-350-a: 100%;
  --dt-color-red-350-hsl: var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l);
  --dt-color-red-350-hsla: hsl(var(--dt-color-red-350-h) var(--dt-color-red-350-s) var(--dt-color-red-350-l) / var(--alpha, 100%));
  --dt-color-red-350: #FF415B;
  --dt-color-red-300-h: 0.8333333333333304;
  --dt-color-red-300-s: 100%;
  --dt-color-red-300-l: 71.76470588235294%;
  --dt-color-red-300-a: 100%;
  --dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);
  --dt-color-red-300-hsla: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
  --dt-color-red-300: #FF716F;
  --dt-color-red-200-h: 4.6153846153846;
  --dt-color-red-200-s: 100%;
  --dt-color-red-200-l: 82.15686274509804%;
  --dt-color-red-200-a: 100%;
  --dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);
  --dt-color-red-200-hsla: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
  --dt-color-red-200: #FFABA4;
  --dt-color-red-100-h: 357.6923076923077;
  --dt-color-red-100-s: 100%;
  --dt-color-red-100-l: 94.90196078431372%;
  --dt-color-red-100-a: 100%;
  --dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);
  --dt-color-red-100-hsla: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));
  --dt-color-red-100: #FFE5E6;
  --dt-color-red-50-h: 355.3846153846154;
  --dt-color-red-50-s: 100%;
  --dt-color-red-50-l: 97.45098039215686%;
  --dt-color-red-50-a: 100%;
  --dt-color-red-50-hsl: var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l);
  --dt-color-red-50-hsla: hsl(var(--dt-color-red-50-h) var(--dt-color-red-50-s) var(--dt-color-red-50-l) / var(--alpha, 100%));
  --dt-color-red-50: #FFF2F3;
  --dt-color-green-1000-h: 157.14285714285714;
  --dt-color-green-1000-s: 100%;
  --dt-color-green-1000-l: 4.117647058823529%;
  --dt-color-green-1000-a: 100%;
  --dt-color-green-1000-hsl: var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l);
  --dt-color-green-1000-hsla: hsl(var(--dt-color-green-1000-h) var(--dt-color-green-1000-s) var(--dt-color-green-1000-l) / var(--alpha, 100%));
  --dt-color-green-1000: #00150D;
  --dt-color-green-900-h: 154.73684210526315;
  --dt-color-green-900-s: 95.00000000000001%;
  --dt-color-green-900-l: 7.8431372549019605%;
  --dt-color-green-900-a: 100%;
  --dt-color-green-900-hsl: var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l);
  --dt-color-green-900-hsla: hsl(var(--dt-color-green-900-h) var(--dt-color-green-900-s) var(--dt-color-green-900-l) / var(--alpha, 100%));
  --dt-color-green-900: #012717;
  --dt-color-green-600-h: 154.9367088607595;
  --dt-color-green-600-s: 100%;
  --dt-color-green-600-l: 15.490196078431373%;
  --dt-color-green-600-a: 100%;
  --dt-color-green-600-hsl: var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l);
  --dt-color-green-600-hsla: hsl(var(--dt-color-green-600-h) var(--dt-color-green-600-s) var(--dt-color-green-600-l) / var(--alpha, 100%));
  --dt-color-green-600: #004F2E;
  --dt-color-green-500-h: 154.64788732394368;
  --dt-color-green-500-s: 100%;
  --dt-color-green-500-l: 27.84313725490196%;
  --dt-color-green-500-a: 100%;
  --dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);
  --dt-color-green-500-hsla: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));
  --dt-color-green-500: #008E52;
  --dt-color-green-475-h: 122.95081967213113;
  --dt-color-green-475-s: 57.009345794392516%;
  --dt-color-green-475-l: 41.96078431372549%;
  --dt-color-green-475-a: 100%;
  --dt-color-green-475-hsl: var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l);
  --dt-color-green-475-hsla: hsl(var(--dt-color-green-475-h) var(--dt-color-green-475-s) var(--dt-color-green-475-l) / var(--alpha, 100%));
  --dt-color-green-475: #2EA834;
  --dt-color-green-425-h: 103.8036809815951;
  --dt-color-green-425-s: 68.20083682008368%;
  --dt-color-green-425-l: 46.86274509803921%;
  --dt-color-green-425-a: 100%;
  --dt-color-green-425-hsl: var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l);
  --dt-color-green-425-hsla: hsl(var(--dt-color-green-425-h) var(--dt-color-green-425-s) var(--dt-color-green-425-l) / var(--alpha, 100%));
  --dt-color-green-425: #52C926;
  --dt-color-green-400-h: 88.01762114537445;
  --dt-color-green-400-s: 91.16465863453817%;
  --dt-color-green-400-l: 48.8235294117647%;
  --dt-color-green-400-a: 100%;
  --dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);
  --dt-color-green-400-hsla: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));
  --dt-color-green-400: #84EE0B;
  --dt-color-green-350-h: 84.18848167539267;
  --dt-color-green-350-s: 95.97989949748742%;
  --dt-color-green-350-l: 60.98039215686274%;
  --dt-color-green-350-a: 100%;
  --dt-color-green-350-hsl: var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l);
  --dt-color-green-350-hsla: hsl(var(--dt-color-green-350-h) var(--dt-color-green-350-s) var(--dt-color-green-350-l) / var(--alpha, 100%));
  --dt-color-green-350: #AEFB3C;
  --dt-color-green-300-h: 80.14598540145985;
  --dt-color-green-300-s: 100%;
  --dt-color-green-300-l: 73.13725490196079%;
  --dt-color-green-300-a: 100%;
  --dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);
  --dt-color-green-300-hsla: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
  --dt-color-green-300: #D1FF76;
  --dt-color-green-200-h: 85.11627906976744;
  --dt-color-green-200-s: 100%;
  --dt-color-green-200-l: 83.13725490196077%;
  --dt-color-green-200-a: 100%;
  --dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);
  --dt-color-green-200-hsla: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
  --dt-color-green-200: #DBFFA9;
  --dt-color-green-100-h: 111.42857142857135;
  --dt-color-green-100-s: 53.84615384615383%;
  --dt-color-green-100-l: 94.90196078431372%;
  --dt-color-green-100-a: 100%;
  --dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);
  --dt-color-green-100-hsla: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));
  --dt-color-green-100: #EDF9EB;
  --dt-color-green-50-h: 111.42857142857146;
  --dt-color-green-50-s: 53.84615384615385%;
  --dt-color-green-50-l: 97.45098039215688%;
  --dt-color-green-50-a: 100%;
  --dt-color-green-50-hsl: var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l);
  --dt-color-green-50-hsla: hsl(var(--dt-color-green-50-h) var(--dt-color-green-50-s) var(--dt-color-green-50-l) / var(--alpha, 100%));
  --dt-color-green-50: #f6fcf5;
  --dt-color-gold-1000-h: 34.83870967741936;
  --dt-color-gold-1000-s: 93.93939393939395%;
  --dt-color-gold-1000-l: 6.470588235294117%;
  --dt-color-gold-1000-a: 100%;
  --dt-color-gold-1000-hsl: var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l);
  --dt-color-gold-1000-hsla: hsl(var(--dt-color-gold-1000-h) var(--dt-color-gold-1000-s) var(--dt-color-gold-1000-l) / var(--alpha, 100%));
  --dt-color-gold-1000: #201301;
  --dt-color-gold-900-h: 35.714285714285715;
  --dt-color-gold-900-s: 91.30434782608695%;
  --dt-color-gold-900-l: 9.019607843137255%;
  --dt-color-gold-900-a: 100%;
  --dt-color-gold-900-hsl: var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l);
  --dt-color-gold-900-hsla: hsl(var(--dt-color-gold-900-h) var(--dt-color-gold-900-s) var(--dt-color-gold-900-l) / var(--alpha, 100%));
  --dt-color-gold-900: #2C1B02;
  --dt-color-gold-700-h: 34.936708860759495;
  --dt-color-gold-700-s: 90.80459770114942%;
  --dt-color-gold-700-l: 17.058823529411764%;
  --dt-color-gold-700-a: 100%;
  --dt-color-gold-700-hsl: var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l);
  --dt-color-gold-700-hsla: hsl(var(--dt-color-gold-700-h) var(--dt-color-gold-700-s) var(--dt-color-gold-700-l) / var(--alpha, 100%));
  --dt-color-gold-700: #533204;
  --dt-color-gold-600-h: 35.70247933884298;
  --dt-color-gold-600-s: 88.32116788321169%;
  --dt-color-gold-600-l: 26.862745098039216%;
  --dt-color-gold-600-a: 100%;
  --dt-color-gold-600-hsl: var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l);
  --dt-color-gold-600-hsla: hsl(var(--dt-color-gold-600-h) var(--dt-color-gold-600-s) var(--dt-color-gold-600-l) / var(--alpha, 100%));
  --dt-color-gold-600: #815008;
  --dt-color-gold-500-h: 35.77464788732394;
  --dt-color-gold-500-s: 100%;
  --dt-color-gold-500-l: 41.76470588235294%;
  --dt-color-gold-500-a: 100%;
  --dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);
  --dt-color-gold-500-hsla: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));
  --dt-color-gold-500: #D57F00;
  --dt-color-gold-450-h: 35.947136563876654;
  --dt-color-gold-450-s: 94.1908713692946%;
  --dt-color-gold-450-l: 47.25490196078431%;
  --dt-color-gold-450-a: 100%;
  --dt-color-gold-450-hsl: var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l);
  --dt-color-gold-450-hsla: hsl(var(--dt-color-gold-450-h) var(--dt-color-gold-450-s) var(--dt-color-gold-450-l) / var(--alpha, 100%));
  --dt-color-gold-450: #EA8F07;
  --dt-color-gold-400-h: 35.850622406639005;
  --dt-color-gold-400-s: 100%;
  --dt-color-gold-400-l: 52.74509803921569%;
  --dt-color-gold-400-a: 100%;
  --dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);
  --dt-color-gold-400-hsla: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));
  --dt-color-gold-400: #FF9E0E;
  --dt-color-gold-350-h: 38.36065573770492;
  --dt-color-gold-350-s: 100%;
  --dt-color-gold-350-l: 64.11764705882352%;
  --dt-color-gold-350-a: 100%;
  --dt-color-gold-350-hsl: var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l);
  --dt-color-gold-350-hsla: hsl(var(--dt-color-gold-350-h) var(--dt-color-gold-350-s) var(--dt-color-gold-350-l) / var(--alpha, 100%));
  --dt-color-gold-350: #FFBD48;
  --dt-color-gold-300-h: 42.99212598425196;
  --dt-color-gold-300-s: 100%;
  --dt-color-gold-300-l: 75.09803921568627%;
  --dt-color-gold-300-a: 100%;
  --dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);
  --dt-color-gold-300-hsla: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
  --dt-color-gold-300: #FFDB80;
  --dt-color-gold-200-h: 46.060606060606055;
  --dt-color-gold-200-s: 100%;
  --dt-color-gold-200-l: 80.58823529411765%;
  --dt-color-gold-200-a: 100%;
  --dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);
  --dt-color-gold-200-hsla: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
  --dt-color-gold-200: #FFE89C;
  --dt-color-gold-100-h: 47.058823529411775;
  --dt-color-gold-100-s: 100%;
  --dt-color-gold-100-l: 90%;
  --dt-color-gold-100-a: 100%;
  --dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);
  --dt-color-gold-100-hsla: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));
  --dt-color-gold-100: #FFF4CC;
  --dt-color-gold-50-h: 48.46153846153844;
  --dt-color-gold-50-s: 100%;
  --dt-color-gold-50-l: 94.90196078431372%;
  --dt-color-gold-50-a: 100%;
  --dt-color-gold-50-hsl: var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l);
  --dt-color-gold-50-hsla: hsl(var(--dt-color-gold-50-h) var(--dt-color-gold-50-s) var(--dt-color-gold-50-l) / var(--alpha, 100%));
  --dt-color-gold-50: #fffae5;
  --dt-color-magenta-1000-h: 320;
  --dt-color-magenta-1000-s: 56.25%;
  --dt-color-magenta-1000-l: 6.2745098039215685%;
  --dt-color-magenta-1000-a: 100%;
  --dt-color-magenta-1000-hsl: var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l);
  --dt-color-magenta-1000-hsla: hsl(var(--dt-color-magenta-1000-h) var(--dt-color-magenta-1000-s) var(--dt-color-magenta-1000-l) / var(--alpha, 100%));
  --dt-color-magenta-1000: #190713;
  --dt-color-magenta-900-h: 320;
  --dt-color-magenta-900-s: 54.54545454545454%;
  --dt-color-magenta-900-l: 12.941176470588237%;
  --dt-color-magenta-900-a: 100%;
  --dt-color-magenta-900-hsl: var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l);
  --dt-color-magenta-900-hsla: hsl(var(--dt-color-magenta-900-h) var(--dt-color-magenta-900-s) var(--dt-color-magenta-900-l) / var(--alpha, 100%));
  --dt-color-magenta-900: #330F27;
  --dt-color-magenta-600-h: 318.52941176470586;
  --dt-color-magenta-600-s: 50.000000000000014%;
  --dt-color-magenta-600-l: 26.666666666666668%;
  --dt-color-magenta-600-a: 100%;
  --dt-color-magenta-600-hsl: var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l);
  --dt-color-magenta-600-hsla: hsl(var(--dt-color-magenta-600-h) var(--dt-color-magenta-600-s) var(--dt-color-magenta-600-l) / var(--alpha, 100%));
  --dt-color-magenta-600: #662251;
  --dt-color-magenta-500-h: 318.7012987012987;
  --dt-color-magenta-500-s: 100%;
  --dt-color-magenta-500-l: 30.19607843137255%;
  --dt-color-magenta-500-a: 100%;
  --dt-color-magenta-500-hsl: var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l);
  --dt-color-magenta-500-hsla: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));
  --dt-color-magenta-500: #9A006A;
  --dt-color-magenta-475-h: 320.88397790055245;
  --dt-color-magenta-475-s: 90.0497512437811%;
  --dt-color-magenta-475-l: 39.411764705882355%;
  --dt-color-magenta-475-a: 100%;
  --dt-color-magenta-475-hsl: var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l);
  --dt-color-magenta-475-hsla: hsl(var(--dt-color-magenta-475-h) var(--dt-color-magenta-475-s) var(--dt-color-magenta-475-l) / var(--alpha, 100%));
  --dt-color-magenta-475: #BF0A80;
  --dt-color-magenta-425-h: 322.5;
  --dt-color-magenta-425-s: 85.47008547008548%;
  --dt-color-magenta-425-l: 45.88235294117647%;
  --dt-color-magenta-425-a: 100%;
  --dt-color-magenta-425-hsl: var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l);
  --dt-color-magenta-425-hsla: hsl(var(--dt-color-magenta-425-h) var(--dt-color-magenta-425-s) var(--dt-color-magenta-425-l) / var(--alpha, 100%));
  --dt-color-magenta-425: #D9118E;
  --dt-color-magenta-400-h: 323.9473684210526;
  --dt-color-magenta-400-s: 100%;
  --dt-color-magenta-400-l: 55.294117647058826%;
  --dt-color-magenta-400-a: 100%;
  --dt-color-magenta-400-hsl: var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l);
  --dt-color-magenta-400-hsla: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));
  --dt-color-magenta-400: #FF1BA4;
  --dt-color-magenta-300-h: 334.9367088607595;
  --dt-color-magenta-300-s: 96.34146341463415%;
  --dt-color-magenta-300-l: 67.84313725490196%;
  --dt-color-magenta-300-a: 100%;
  --dt-color-magenta-300-hsl: var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l);
  --dt-color-magenta-300-hsla: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));
  --dt-color-magenta-300: #FC5EA0;
  --dt-color-magenta-250-h: 335.79831932773106;
  --dt-color-magenta-250-s: 98.34710743801654%;
  --dt-color-magenta-250-l: 76.27450980392156%;
  --dt-color-magenta-250-a: 100%;
  --dt-color-magenta-250-hsl: var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l);
  --dt-color-magenta-250-hsla: hsl(var(--dt-color-magenta-250-h) var(--dt-color-magenta-250-s) var(--dt-color-magenta-250-l) / var(--alpha, 100%));
  --dt-color-magenta-250: #FE87B7;
  --dt-color-magenta-200-h: 336.9230769230769;
  --dt-color-magenta-200-s: 100%;
  --dt-color-magenta-200-l: 84.70588235294117%;
  --dt-color-magenta-200-a: 100%;
  --dt-color-magenta-200-hsl: var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l);
  --dt-color-magenta-200-hsla: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));
  --dt-color-magenta-200: #FFB1CF;
  --dt-color-magenta-100-h: 325.16129032258067;
  --dt-color-magenta-100-s: 100%;
  --dt-color-magenta-100-l: 93.92156862745098%;
  --dt-color-magenta-100-a: 100%;
  --dt-color-magenta-100-hsl: var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l);
  --dt-color-magenta-100-hsla: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));
  --dt-color-magenta-100: #FFE0F2;
  --dt-color-magenta-50-h: 324.7058823529412;
  --dt-color-magenta-50-s: 100%;
  --dt-color-magenta-50-l: 96.66666666666667%;
  --dt-color-magenta-50-a: 100%;
  --dt-color-magenta-50-hsl: var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l);
  --dt-color-magenta-50-hsla: hsl(var(--dt-color-magenta-50-h) var(--dt-color-magenta-50-s) var(--dt-color-magenta-50-l) / var(--alpha, 100%));
  --dt-color-magenta-50: #FFEEF8;
  --dt-color-blue-1000-h: 211.42857142857142;
  --dt-color-blue-1000-s: 91.30434782608695%;
  --dt-color-blue-1000-l: 4.509803921568627%;
  --dt-color-blue-1000-a: 100%;
  --dt-color-blue-1000-hsl: var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l);
  --dt-color-blue-1000-hsla: hsl(var(--dt-color-blue-1000-h) var(--dt-color-blue-1000-s) var(--dt-color-blue-1000-l) / var(--alpha, 100%));
  --dt-color-blue-1000: #010B16;
  --dt-color-blue-900-h: 210.73170731707316;
  --dt-color-blue-900-s: 100%;
  --dt-color-blue-900-l: 8.03921568627451%;
  --dt-color-blue-900-a: 100%;
  --dt-color-blue-900-hsl: var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l);
  --dt-color-blue-900-hsla: hsl(var(--dt-color-blue-900-h) var(--dt-color-blue-900-s) var(--dt-color-blue-900-l) / var(--alpha, 100%));
  --dt-color-blue-900: #001429;
  --dt-color-blue-600-h: 210.8910891089109;
  --dt-color-blue-600-s: 100%;
  --dt-color-blue-600-l: 19.80392156862745%;
  --dt-color-blue-600-a: 100%;
  --dt-color-blue-600-hsl: var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l);
  --dt-color-blue-600-hsla: hsl(var(--dt-color-blue-600-h) var(--dt-color-blue-600-s) var(--dt-color-blue-600-l) / var(--alpha, 100%));
  --dt-color-blue-600: #003165;
  --dt-color-blue-500-h: 212.22857142857146;
  --dt-color-blue-500-s: 79.18552036199095%;
  --dt-color-blue-500-l: 43.333333333333336%;
  --dt-color-blue-500-a: 100%;
  --dt-color-blue-500-hsl: var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l);
  --dt-color-blue-500-hsla: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));
  --dt-color-blue-500: #1768C6;
  --dt-color-blue-475-h: 209.11242603550298;
  --dt-color-blue-475-s: 66.79841897233202%;
  --dt-color-blue-475-l: 50.3921568627451%;
  --dt-color-blue-475-a: 100%;
  --dt-color-blue-475-hsl: var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l);
  --dt-color-blue-475-hsla: hsl(var(--dt-color-blue-475-h) var(--dt-color-blue-475-s) var(--dt-color-blue-475-l) / var(--alpha, 100%));
  --dt-color-blue-475: #2C83D5;
  --dt-color-blue-450-h: 206.70731707317074;
  --dt-color-blue-450-s: 71.9298245614035%;
  --dt-color-blue-450-l: 55.294117647058826%;
  --dt-color-blue-450-a: 100%;
  --dt-color-blue-450-hsl: var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l);
  --dt-color-blue-450-hsla: hsl(var(--dt-color-blue-450-h) var(--dt-color-blue-450-s) var(--dt-color-blue-450-l) / var(--alpha, 100%));
  --dt-color-blue-450: #3B96DF;
  --dt-color-blue-425-h: 204.375;
  --dt-color-blue-425-s: 79.20792079207921%;
  --dt-color-blue-425-l: 60.3921568627451%;
  --dt-color-blue-425-a: 100%;
  --dt-color-blue-425-hsl: var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l);
  --dt-color-blue-425-hsla: hsl(var(--dt-color-blue-425-h) var(--dt-color-blue-425-s) var(--dt-color-blue-425-l) / var(--alpha, 100%));
  --dt-color-blue-425: #4AA9EA;
  --dt-color-blue-400-h: 200.64935064935065;
  --dt-color-blue-400-s: 92.77108433734938%;
  --dt-color-blue-400-l: 67.45098039215686%;
  --dt-color-blue-400-a: 100%;
  --dt-color-blue-400-hsl: var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l);
  --dt-color-blue-400-hsla: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));
  --dt-color-blue-400: #5FC4F9;
  --dt-color-blue-300-h: 200.3883495145631;
  --dt-color-blue-300-s: 100%;
  --dt-color-blue-300-l: 79.80392156862746%;
  --dt-color-blue-300-a: 100%;
  --dt-color-blue-300-hsl: var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l);
  --dt-color-blue-300-hsla: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));
  --dt-color-blue-300: #98DCFF;
  --dt-color-blue-200-h: 200.9090909090909;
  --dt-color-blue-200-s: 100%;
  --dt-color-blue-200-l: 87.05882352941177%;
  --dt-color-blue-200-a: 100%;
  --dt-color-blue-200-hsl: var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l);
  --dt-color-blue-200-hsla: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));
  --dt-color-blue-200: #BDE8FF;
  --dt-color-blue-100-h: 210;
  --dt-color-blue-100-s: 61.53846153846148%;
  --dt-color-blue-100-l: 94.90196078431372%;
  --dt-color-blue-100-a: 100%;
  --dt-color-blue-100-hsl: var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l);
  --dt-color-blue-100-hsla: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));
  --dt-color-blue-100: #EAF2FA;
  --dt-color-blue-50-h: 210.0000000000001;
  --dt-color-blue-50-s: 66.66666666666666%;
  --dt-color-blue-50-l: 97.64705882352942%;
  --dt-color-blue-50-a: 100%;
  --dt-color-blue-50-hsl: var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l);
  --dt-color-blue-50-hsla: hsl(var(--dt-color-blue-50-h) var(--dt-color-blue-50-s) var(--dt-color-blue-50-l) / var(--alpha, 100%));
  --dt-color-blue-50: #f5f9fd;
  --dt-color-purple-1000-h: 260;
  --dt-color-purple-1000-s: 100%;
  --dt-color-purple-1000-l: 8.235294117647058%;
  --dt-color-purple-1000-a: 100%;
  --dt-color-purple-1000-hsl: var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l);
  --dt-color-purple-1000-hsla: hsl(var(--dt-color-purple-1000-h) var(--dt-color-purple-1000-s) var(--dt-color-purple-1000-l) / var(--alpha, 100%));
  --dt-color-purple-1000: #0E002A;
  --dt-color-purple-600-h: 260;
  --dt-color-purple-600-s: 97.67441860465117%;
  --dt-color-purple-600-l: 16.862745098039213%;
  --dt-color-purple-600-a: 100%;
  --dt-color-purple-600-hsl: var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l);
  --dt-color-purple-600-hsla: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));
  --dt-color-purple-600: #1D0155;
  --dt-color-purple-550-h: 254.49999999999997;
  --dt-color-purple-550-s: 67.41573033707864%;
  --dt-color-purple-550-l: 34.90196078431373%;
  --dt-color-purple-550-a: 100%;
  --dt-color-purple-550-hsl: var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l);
  --dt-color-purple-550-hsla: hsl(var(--dt-color-purple-550-h) var(--dt-color-purple-550-s) var(--dt-color-purple-550-l) / var(--alpha, 100%));
  --dt-color-purple-550: #3A1D95;
  --dt-color-purple-500-h: 254.51612903225808;
  --dt-color-purple-500-s: 73.22834645669292%;
  --dt-color-purple-500-l: 50.19607843137255%;
  --dt-color-purple-500-a: 100%;
  --dt-color-purple-500-hsl: var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l);
  --dt-color-purple-500-hsla: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));
  --dt-color-purple-500: #5023DD;
  --dt-color-purple-450-h: 254.59459459459458;
  --dt-color-purple-450-s: 86.85446009389672%;
  --dt-color-purple-450-l: 58.23529411764705%;
  --dt-color-purple-450-a: 100%;
  --dt-color-purple-450-hsl: var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l);
  --dt-color-purple-450-hsla: hsl(var(--dt-color-purple-450-h) var(--dt-color-purple-450-s) var(--dt-color-purple-450-l) / var(--alpha, 100%));
  --dt-color-purple-450: #6538F1;
  --dt-color-purple-400-h: 254.5664739884393;
  --dt-color-purple-400-s: 100%;
  --dt-color-purple-400-l: 66.07843137254902%;
  --dt-color-purple-400-a: 100%;
  --dt-color-purple-400-hsl: var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l);
  --dt-color-purple-400-hsla: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));
  --dt-color-purple-400: #7C52FF;
  --dt-color-purple-350-h: 257.88079470198676;
  --dt-color-purple-350-s: 100%;
  --dt-color-purple-350-l: 70.3921568627451%;
  --dt-color-purple-350-a: 100%;
  --dt-color-purple-350-hsl: var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l);
  --dt-color-purple-350-hsla: hsl(var(--dt-color-purple-350-h) var(--dt-color-purple-350-s) var(--dt-color-purple-350-l) / var(--alpha, 100%));
  --dt-color-purple-350: #9568FF;
  --dt-color-purple-300-h: 260.9302325581395;
  --dt-color-purple-300-s: 100%;
  --dt-color-purple-300-l: 74.70588235294117%;
  --dt-color-purple-300-a: 100%;
  --dt-color-purple-300-hsl: var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l);
  --dt-color-purple-300-hsla: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));
  --dt-color-purple-300: #AB7EFF;
  --dt-color-purple-250-h: 260.21739130434787;
  --dt-color-purple-250-s: 100%;
  --dt-color-purple-250-l: 81.96078431372548%;
  --dt-color-purple-250-a: 100%;
  --dt-color-purple-250-hsl: var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l);
  --dt-color-purple-250-hsla: hsl(var(--dt-color-purple-250-h) var(--dt-color-purple-250-s) var(--dt-color-purple-250-l) / var(--alpha, 100%));
  --dt-color-purple-250: #C2A3FF;
  --dt-color-purple-200-h: 260.3571428571429;
  --dt-color-purple-200-s: 100%;
  --dt-color-purple-200-l: 89.01960784313725%;
  --dt-color-purple-200-a: 100%;
  --dt-color-purple-200-hsl: var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l);
  --dt-color-purple-200-hsla: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));
  --dt-color-purple-200: #DAC7FF;
  --dt-color-purple-100-h: 260.00000000000006;
  --dt-color-purple-100-s: 100%;
  --dt-color-purple-100-l: 97.05882352941177%;
  --dt-color-purple-100-a: 100%;
  --dt-color-purple-100-hsl: var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l);
  --dt-color-purple-100-hsla: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));
  --dt-color-purple-100: #F5F0FF;
  --dt-color-purple-50-h: 259.99999999999994;
  --dt-color-purple-50-s: 100%;
  --dt-color-purple-50-l: 98.23529411764707%;
  --dt-color-purple-50-a: 100%;
  --dt-color-purple-50-hsl: var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l);
  --dt-color-purple-50-hsla: hsl(var(--dt-color-purple-50-h) var(--dt-color-purple-50-s) var(--dt-color-purple-50-l) / var(--alpha, 100%));
  --dt-color-purple-50: #f9f6ff;
  --dt-color-black-1000-h: 0;
  --dt-color-black-1000-s: 0%;
  --dt-color-black-1000-l: 0%;
  --dt-color-black-1000-a: 100%;
  --dt-color-black-1000-hsl: var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l);
  --dt-color-black-1000-hsla: hsl(var(--dt-color-black-1000-h) var(--dt-color-black-1000-s) var(--dt-color-black-1000-l) / var(--alpha, 100%));
  --dt-color-black-1000: #000000;
  --dt-color-black-950-h: 0;
  --dt-color-black-950-s: 0%;
  --dt-color-black-950-l: 9.019607843137255%;
  --dt-color-black-950-a: 100%;
  --dt-color-black-950-hsl: var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l);
  --dt-color-black-950-hsla: hsl(var(--dt-color-black-950-h) var(--dt-color-black-950-s) var(--dt-color-black-950-l) / var(--alpha, 100%));
  --dt-color-black-950: #171717;
  --dt-color-black-900-h: 0;
  --dt-color-black-900-s: 0%;
  --dt-color-black-900-l: 10.980392156862745%;
  --dt-color-black-900-a: 100%;
  --dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);
  --dt-color-black-900-hsla: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
  --dt-color-black-900: #1C1C1C;
  --dt-color-black-800-h: 0;
  --dt-color-black-800-s: 0%;
  --dt-color-black-800-l: 14.50980392156863%;
  --dt-color-black-800-a: 100%;
  --dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);
  --dt-color-black-800-hsla: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
  --dt-color-black-800: #252525;
  --dt-color-black-700-h: 0;
  --dt-color-black-700-s: 0%;
  --dt-color-black-700-l: 22.745098039215687%;
  --dt-color-black-700-a: 100%;
  --dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);
  --dt-color-black-700-hsla: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
  --dt-color-black-700: #3A3A3A;
  --dt-color-black-600-h: 0;
  --dt-color-black-600-s: 0%;
  --dt-color-black-600-l: 32.549019607843135%;
  --dt-color-black-600-a: 100%;
  --dt-color-black-600-hsl: var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l);
  --dt-color-black-600-hsla: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
  --dt-color-black-600: #535353;
  --dt-color-black-500-h: 0;
  --dt-color-black-500-s: 0%;
  --dt-color-black-500-l: 50.19607843137255%;
  --dt-color-black-500-a: 100%;
  --dt-color-black-500-hsl: var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l);
  --dt-color-black-500-hsla: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));
  --dt-color-black-500: #808080;
  --dt-color-black-400-h: 0;
  --dt-color-black-400-s: 0%;
  --dt-color-black-400-l: 66.66666666666666%;
  --dt-color-black-400-a: 100%;
  --dt-color-black-400-hsl: var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l);
  --dt-color-black-400-hsla: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));
  --dt-color-black-400: #AAAAAA;
  --dt-color-black-300-h: 0;
  --dt-color-black-300-s: 0%;
  --dt-color-black-300-l: 82.35294117647058%;
  --dt-color-black-300-a: 100%;
  --dt-color-black-300-hsl: var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l);
  --dt-color-black-300-hsla: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));
  --dt-color-black-300: #D2D2D2;
  --dt-color-black-200-h: 0;
  --dt-color-black-200-s: 0%;
  --dt-color-black-200-l: 91.37254901960785%;
  --dt-color-black-200-a: 100%;
  --dt-color-black-200-hsl: var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l);
  --dt-color-black-200-hsla: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));
  --dt-color-black-200: #E9E9E9;
  --dt-color-black-100-h: 0;
  --dt-color-black-100-s: 0%;
  --dt-color-black-100-l: 97.6470588235294%;
  --dt-color-black-100-a: 100%;
  --dt-color-black-100-hsl: var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l);
  --dt-color-black-100-hsla: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));
  --dt-color-black-100: #F9F9F9;
  --dt-color-black-50-h: 0;
  --dt-color-black-50-s: 0%;
  --dt-color-black-50-l: 100%;
  --dt-color-black-50-a: 100%;
  --dt-color-black-50-hsl: var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l);
  --dt-color-black-50-hsla: hsl(var(--dt-color-black-50-h) var(--dt-color-black-50-s) var(--dt-color-black-50-l) / var(--alpha, 100%));
  --dt-color-black-50: #ffffff;
  --dt-color-neutral-transparent-h: 0;
  --dt-color-neutral-transparent-s: 0%;
  --dt-color-neutral-transparent-l: 0%;
  --dt-color-neutral-transparent-a: 0%;
  --dt-color-neutral-transparent-hsl: var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l);
  --dt-color-neutral-transparent-hsla: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 0%));
  --dt-color-neutral-transparent: transparent; /* Transparent color independent of any theme. */
  --dt-color-neutral-black-h: 0;
  --dt-color-neutral-black-s: 0%;
  --dt-color-neutral-black-l: 0%;
  --dt-color-neutral-black-a: 100%;
  --dt-color-neutral-black-hsl: var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l);
  --dt-color-neutral-black-hsla: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));
  --dt-color-neutral-black: #000000; /* Black color independent of any theme. */
  --dt-color-neutral-white-h: 0;
  --dt-color-neutral-white-s: 0%;
  --dt-color-neutral-white-l: 100%;
  --dt-color-neutral-white-a: 100%;
  --dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
  --dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
  --dt-color-neutral-white: #ffffff; /* White color independent of any theme. */
  --dt-space-100-percent: 100%;
  --dt-space-95-percent: 95%;
  --dt-space-90-percent: 90%;
  --dt-space-80-percent: 80%;
  --dt-space-75-percent: 75%;
  --dt-space-70-percent: 70%;
  --dt-space-66-percent: 66.7%;
  --dt-space-60-percent: 60%;
  --dt-space-50-percent: 50%;
  --dt-space-40-percent: 40%;
  --dt-space-33-percent: 33.333%;
  --dt-space-30-percent: 30%;
  --dt-space-25-percent: 25%;
  --dt-space-20-percent: 20%;
  --dt-space-10-percent: 10%;
  --dt-space-5-percent: 5%;
  --dt-space-0-percent: 0%;
  --dt-space-1200-negative: -204.8rem;
  --dt-space-1150-negative: -153.6rem;
  --dt-space-1130-negative: -134rem;
  --dt-space-1125-negative: -128rem;
  --dt-space-1120-negative: -126.8rem;
  --dt-space-1115-negative: -114rem;
  --dt-space-1100-negative: -102.4rem;
  --dt-space-1080-negative: -91.2rem;
  --dt-space-1060-negative: -82.8rem;
  --dt-space-1050-negative: -76.8rem;
  --dt-space-1040-negative: -76.4rem;
  --dt-space-1020-negative: -62.8rem;
  --dt-space-1000-negative: -51.2rem;
  --dt-space-975-negative: -46.4rem;
  --dt-space-950-negative: -38.4rem;
  --dt-space-925-negative: -33.2rem;
  --dt-space-905-negative: -26.4rem;
  --dt-space-900-negative: -25.6rem;
  --dt-space-875-negative: -21.6rem;
  --dt-space-850-negative: -19.2rem;
  --dt-space-825-negative: -16.4rem;
  --dt-space-800-negative: -12.8rem;
  --dt-space-775-negative: -11.4rem;
  --dt-space-760-negative: -10.2rem;
  --dt-space-750-negative: -9.6rem;
  --dt-space-730-negative: -8.4rem;
  --dt-space-720-negative: -7.2rem;
  --dt-space-700-negative: -6.4rem;
  --dt-space-650-negative: -4.8rem;
  --dt-space-625-negative: -4.2rem;
  --dt-space-600-negative: -3.2rem;
  --dt-space-550-negative: -2.4rem;
  --dt-space-525-negative: -2rem;
  --dt-space-500-negative: -1.6rem;
  --dt-space-450-negative: -1.2rem;
  --dt-space-400-negative: -0.8rem;
  --dt-space-350-negative: -0.6rem;
  --dt-space-300-negative: -0.4rem;
  --dt-space-200-negative: -0.2rem;
  --dt-space-100-negative: -0.1rem;
  --dt-space-50-negative: -0.05rem;
  --dt-space-1200: 204.8rem;
  --dt-space-1150: 153.6rem;
  --dt-space-1130: 134rem;
  --dt-space-1125: 128rem;
  --dt-space-1120: 126.8rem;
  --dt-space-1115: 114rem;
  --dt-space-1100: 102.4rem;
  --dt-space-1080: 91.2rem;
  --dt-space-1060: 82.8rem;
  --dt-space-1050: 76.8rem;
  --dt-space-1040: 76.4rem;
  --dt-space-1020: 62.8rem;
  --dt-space-1000: 51.2rem;
  --dt-space-975: 46.4rem;
  --dt-space-950: 38.4rem;
  --dt-space-925: 33.2rem;
  --dt-space-905: 26.4rem;
  --dt-space-900: 25.6rem;
  --dt-space-875: 21.6rem;
  --dt-space-850: 19.2rem;
  --dt-space-825: 16.4rem;
  --dt-space-800: 12.8rem;
  --dt-space-775: 11.4rem;
  --dt-space-760: 10.2rem;
  --dt-space-750: 9.6rem;
  --dt-space-730: 8.4rem;
  --dt-space-720: 7.2rem;
  --dt-space-700: 6.4rem;
  --dt-space-650: 4.8rem;
  --dt-space-625: 4.2rem;
  --dt-space-600: 3.2rem;
  --dt-space-550: 2.4rem;
  --dt-space-525: 2rem;
  --dt-space-500: 1.6rem;
  --dt-space-450: 1.2rem;
  --dt-space-400: 0.8rem;
  --dt-space-350: 0.6rem;
  --dt-space-300: 0.4rem;
  --dt-space-200: 0.2rem;
  --dt-space-100: 0.1rem;
  --dt-space-50: 0.05rem;
  --dt-space-0: 0rem;
  --dt-size-radius-circle: 50%;
  --dt-size-radius-pill: 10.2rem;
  --dt-size-radius-600: 3.2rem;
  --dt-size-radius-500: 1.6rem;
  --dt-size