@dialpad/dialtone-tokens 1.15.0 → 1.17.0

package/dist/css/variables-dark.css

@@ -0,0 +1,894 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 29 May 2023 19:21:18 GMT
+ */
+
+.dialtone-theme-dark {
+  --dt-radio-color-border-unchecked: #808080;
+  --dt-radio-color-border-checked: #7C52FF;
+  --dt-radio-color-background-checked: #7C52FF;
+  --dt-radio-size-width: 1.6rem;
+  --dt-radio-size-height: 1.6rem;
+  --dt-radio-size-radius: 5rem;
+  --dt-icon-size-100: 1.2rem;
+  --dt-icon-size-200: 1.4rem;
+  --dt-icon-size-300: 1.8rem;
+  --dt-icon-size-400: 2rem;
+  --dt-icon-size-500: 2.4rem;
+  --dt-icon-size-600: 3.2rem;
+  --dt-icon-size-700: 3.8rem;
+  --dt-icon-size-800: 4.8rem;
+  --dt-icon-size-border-100: 0.1rem;
+  --dt-icon-size-border-200: 0.125rem;
+  --dt-icon-size-border-300: 0.15rem;
+  --dt-icon-size-border-400: 0.175rem;
+  --dt-icon-size-border-500: 0.175rem;
+  --dt-icon-size-border-600: 0.25rem;
+  --dt-icon-size-border-700: 0.275rem;
+  --dt-icon-size-border-800: 0.35rem;
+  --dt-checkbox-color-border-unchecked: #808080;
+  --dt-checkbox-color-border-checked: #7C52FF;
+  --dt-checkbox-color-background-checked: #7C52FF;
+  --dt-checkbox-size-width: 1.6rem;
+  --dt-checkbox-size-height: 1.6rem;
+  --dt-checkbox-size-radius: 0.4rem;
+  --dt-badge-color-background-default: #f9f9f936;
+  --dt-badge-color-background-info: #01326D;
+  --dt-badge-color-background-success: #124620;
+  --dt-badge-color-background-warning: #815008;
+  --dt-badge-color-background-critical: #5B0505;
+  --dt-badge-color-background-bulletin: #7C52FF;
+  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
+  --dt-badge-color-foreground-default: #F9F9F9;
+  --dt-badge-color-foreground-bulletin: #ffffff;
+  --dt-avatar-color-foreground: #000000;
+  --dt-avatar-color-background-100: #1aa340;
+  --dt-avatar-color-background-200: #aaff83;
+  --dt-avatar-color-background-300: #adea88;
+  --dt-avatar-color-background-400: #77eca6;
+  --dt-avatar-color-background-500: #7aedbd;
+  --dt-avatar-color-background-600: #77deec;
+  --dt-avatar-color-background-700: #5ed8ff;
+  --dt-avatar-color-background-800: #99e7ff;
+  --dt-avatar-color-background-900: #51a0fe;
+  --dt-avatar-color-background-1000: #b6cfff;
+  --dt-avatar-color-background-1100: #f1b7e8;
+  --dt-avatar-color-background-1200: #ec77bd;
+  --dt-avatar-color-background-1300: #ff67be;
+  --dt-avatar-color-background-1400: #f87e7e;
+  --dt-avatar-color-background-1500: #eca877;
+  --dt-avatar-color-background-1600: #ffbe41;
+  --dt-avatar-color-background-1700: #ffd646;
+  --dt-avatar-color-background-1800: #f1dab7;
+  --dt-avatar-color-background-000: #e0e0e0;
+  --dt-color-foreground-primary: #f9f9f9;
+  --dt-color-foreground-secondary: #d2d2d2;
+  --dt-color-foreground-tertiary: #aaaaaa;
+  --dt-color-foreground-muted: rgba(233, 233, 233, 0.6);
+  --dt-color-foreground-placeholder: #aaaaaa;
+  --dt-color-foreground-disabled: #aaaaaa;
+  --dt-color-foreground-critical: #ff8585;
+  --dt-color-foreground-critical-strong: #ffa4a4;
+  --dt-color-foreground-success: #b0ffa3;
+  --dt-color-foreground-success-strong: #cbffc3;
+  --dt-color-foreground-warning: #ffdb80;
+  --dt-color-foreground-primary-inverted: #000000;
+  --dt-color-foreground-secondary-inverted: #3a3a3a;
+  --dt-color-foreground-tertiary-inverted: #555555;
+  --dt-color-foreground-muted-inverted: rgba(34, 34, 34, 0.6);
+  --dt-color-foreground-placeholder-inverted: #808080;
+  --dt-color-foreground-disabled-inverted: #808080;
+  --dt-color-foreground-critical-inverted: #ec0e0e;
+  --dt-color-foreground-critical-strong-inverted: #b70b0b;
+  --dt-color-foreground-success-inverted: #1aa340;
+  --dt-color-foreground-success-strong-inverted: #124620;
+  --dt-color-foreground-warning-inverted: #815008;
+  --dt-color-link-primary: #ab7eff;
+  --dt-color-link-critical: #ff8585;
+  --dt-color-link-success: #b0ffa3;
+  --dt-color-link-warning: #ffdb80;
+  --dt-color-link-muted: rgba(233, 233, 233, 0.6);
+  --dt-color-link-disabled: #aaaaaa;
+  --dt-color-link-primary-hover: #dac7ff;
+  --dt-color-link-critical-hover: #ffe5e6;
+  --dt-color-link-success-hover: #edf9eb;
+  --dt-color-link-warning-hover: #fff4cc;
+  --dt-color-link-muted-hover: #f9f9f9;
+  --dt-color-link-disabled-hover: #aaaaaa;
+  --dt-color-link-primary-inverted: #7c52ff;
+  --dt-color-link-primary-inverted-hover: #3a1d95;
+  --dt-color-link-critical-inverted: #ec0e0e;
+  --dt-color-link-critical-inverted-hover: #b70b0b;
+  --dt-color-link-success-inverted: #1aa340;
+  --dt-color-link-success-inverted-hover: #124620;
+  --dt-color-link-warning-inverted: #815008;
+  --dt-color-link-warning-inverted-hover: #222222;
+  --dt-color-link-muted-inverted: rgba(34, 34, 34, 0.6);
+  --dt-color-link-muted-inverted-hover: #000000;
+  --dt-color-link-disabled-inverted: #808080;
+  --dt-color-link-disabled-inverted-hover: #808080;
+  --dt-color-surface-primary: #080808;
+  --dt-color-surface-secondary: #1b1b1b;
+  --dt-color-surface-moderate: #3a3a3a;
+  --dt-color-surface-bold: #555555;
+  --dt-color-surface-strong: #aaaaaa;
+  --dt-color-surface-contrast: #f9f9f9;
+  --dt-color-surface-critical: #5b0505;
+  --dt-color-surface-critical-subtle: #2d0202;
+  --dt-color-surface-warning: #815008;
+  --dt-color-surface-warning-subtle: #402804;
+  --dt-color-surface-success: #124620;
+  --dt-color-surface-success-subtle: #092310;
+  --dt-color-surface-info: #01326d;
+  --dt-color-surface-info-subtle: #011e41;
+  --dt-color-surface-secondary-opaque: rgba(249, 249, 249, 0.08);
+  --dt-color-surface-moderate-opaque: rgba(249, 249, 249, 0.21);
+  --dt-color-surface-bold-opaque: rgba(249, 249, 249, 0.32);
+  --dt-color-surface-strong-opaque: rgba(249, 249, 249, 0.67);
+  --dt-color-surface-contrast-opaque: rgba(249, 249, 249, 0.98);
+  --dt-color-surface-critical-opaque: rgba(183, 11, 11, 0.32);
+  --dt-color-surface-critical-subtle-opaque: rgba(45, 2, 2, 0.5);
+  --dt-color-surface-warning-opaque: rgba(210, 143, 43, 0.48);
+  --dt-color-surface-warning-subtle-opaque: rgba(64, 40, 4, 0.5);
+  --dt-color-surface-success-opaque: rgba(26, 163, 65, 0.26);
+  --dt-color-surface-success-subtle-opaque: rgba(9, 35, 16, 0.5);
+  --dt-color-surface-info-opaque: rgba(23, 105, 198, 0.29);
+  --dt-color-surface-info-subtle-opaque: rgba(1, 30, 65, 0.5);
+  --dt-color-surface-critical-strong: #ff8585;
+  --dt-color-surface-warning-strong: #d28f2b;
+  --dt-color-surface-success-strong: #b0ffa3;
+  --dt-color-surface-info-strong: #99c8ff;
+  --dt-color-border-subtle: rgba(255, 255, 255, 0.14);
+  --dt-color-border-default: rgba(255, 255, 255, 0.22);
+  --dt-color-border-moderate: rgba(255, 255, 255, 0.36);
+  --dt-color-border-bold: rgba(255, 255, 255, 0.5);
+  --dt-color-border-subtle-inverted: rgba(0, 0, 0, 0.1);
+  --dt-color-border-default-inverted: rgba(0, 0, 0, 0.18);
+  --dt-color-border-moderate-inverted: rgba(0, 0, 0, 0.34);
+  --dt-color-border-bold-inverted: rgba(0, 0, 0, 0.5);
+  --dt-color-border-focus: #51a0fe;
+  --dt-color-border-critical: #ff8585;
+  --dt-color-border-critical-inverted: #ec0e0e;
+  --dt-color-border-critical-strong: #ffe5e6;
+  --dt-color-border-success: #b0ffa3;
+  --dt-color-border-success-inverted: #1aa340;
+  --dt-color-border-warning: #ffdb80;
+  --dt-color-border-warning-inverted: #d28f2b;
+  --dt-color-border-warning-strong: #fff4cc;
+  --dt-color-border-brand-inverted: #7c52ff;
+  --dt-color-border-critical-subtle-inverted: #ff8585;
+  --dt-color-border-success-subtle-inverted: #b0ffa3;
+  --dt-color-border-warning-subtle-inverted: #ffdb80;
+  --dt-color-border-brand-subtle-inverted: #dac7ff;
+  --dt-color-border-critical-strong-inverted: #b70b0b;
+  --dt-color-border-success-strong-inverted: #124620;
+  --dt-color-border-warning-strong-inverted: #815008;
+  --dt-color-border-brand-strong-inverted: #3a1d95;
+  --dt-color-border-brand: #7c52ff;
+  --dt-color-border-ai: #000000;
+  --dt-color-border-accent: #f9008e;
+  --dt-color-border-critical-subtle: #b70b0b;
+  --dt-color-border-success-subtle: #1aa340;
+  --dt-color-border-success-strong: #edf9eb;
+  --dt-color-border-warning-subtle: #d28f2b;
+  --dt-color-border-brand-subtle: #3a1d95;
+  --dt-color-border-brand-strong: #dac7ff;
+  --dt-color-black-100: #000000;
+  --dt-color-black-200: #222222;
+  --dt-color-black-300: #3a3a3a;
+  --dt-color-black-400: #555555;
+  --dt-color-black-500: #808080;
+  --dt-color-black-600: #aaaaaa;
+  --dt-color-black-700: #d2d2d2;
+  --dt-color-black-800: #e9e9e9;
+  --dt-color-black-900: #f9f9f9;
+  --dt-color-purple-100: #10022c;
+  --dt-color-purple-200: #3a1d95;
+  --dt-color-purple-300: #7c52ff;
+  --dt-color-purple-400: #ab7eff;
+  --dt-color-purple-500: #dac7ff;
+  --dt-color-purple-600: #f5f0ff;
+  --dt-color-blue-100: #01326d;
+  --dt-color-blue-200: #1768c6;
+  --dt-color-blue-300: #51a0fe;
+  --dt-color-blue-400: #99c8ff;
+  --dt-color-blue-500: #eaf2fa;
+  --dt-color-magenta-100: #541a3b;
+  --dt-color-magenta-200: #8c0e56;
+  --dt-color-magenta-300: #f9008e;
+  --dt-color-magenta-400: #f985c7;
+  --dt-color-magenta-500: #ffe0f2;
+  --dt-color-gold-100: #815008;
+  --dt-color-gold-200: #d28f2b;
+  --dt-color-gold-300: #f6ab3c;
+  --dt-color-gold-400: #ffdb80;
+  --dt-color-gold-500: #fff4cc;
+  --dt-color-green-100: #124620;
+  --dt-color-green-200: #1aa340;
+  --dt-color-green-300: #45f777;
+  --dt-color-green-400: #b0ffa3;
+  --dt-color-green-500: #edf9eb;
+  --dt-color-red-100: #5b0505;
+  --dt-color-red-200: #b70b0b;
+  --dt-color-red-300: #ec0e0e;
+  --dt-color-red-400: #ff8585;
+  --dt-color-red-500: #ffe5e6;
+  --dt-color-tan-100: #121212;
+  --dt-color-tan-200: #3f3d3c;
+  --dt-color-tan-300: #87807b;
+  --dt-color-tan-400: #cec8c4;
+  --dt-color-tan-500: #f2f0ee;
+  --dt-color-neutral-white: #ffffff;
+  --dt-color-neutral-black: #000000;
+  --dt-color-neutral-transparent: rgba(0, 0, 0, 0);
+  --dt-color-gradient-magenta-purple: #000000;
+  --dt-color-brand-purple: #7c52ff;
+  --dt-color-brand-magenta: #f9008e;
+  --dt-inputs-color-foreground-default: #F9F9F9;
+  --dt-inputs-color-foreground-placeholder: #AAAAAA;
+  --dt-inputs-color-foreground-disabled: #AAAAAA;
+  --dt-inputs-color-border-focus: #51A0FE;
+  --dt-inputs-color-border-critical: #FF8585;
+  --dt-inputs-color-border-success: #B0FFA3;
+  --dt-inputs-color-border-warning: #FFDB80;
+  --dt-inputs-color-border-disabled: transparent;
+  --dt-inputs-color-border-default: #ffffff24;
+  --dt-inputs-color-background-default: #f9f9f90f;
+  --dt-inputs-color-background-focus: #f9f9f908;
+  --dt-inputs-color-background-disabled: #f9f9f926;
+  --dt-inputs-size-border-default: 0.15rem;
+  --dt-inputs-size-border-status: 0.2rem;
+  --dt-inputs-size-radius-xs: 0.4rem;
+  --dt-inputs-size-radius-sm: 0.8rem;
+  --dt-inputs-size-radius-md: 0.8rem;
+  --dt-inputs-size-radius-lg: 1.2rem;
+  --dt-inputs-size-radius-xl: 1.6rem;
+  --dt-inputs-line-height-default: 1.2;
+  --dt-inputs-font-size-xs: 1.2rem;
+  --dt-inputs-font-size-sm: 1.2rem;
+  --dt-inputs-font-size-md: 1.5rem;
+  --dt-inputs-font-size-lg: 1.9rem;
+  --dt-inputs-font-size-xl: 2.7rem;
+  --dt-action-color-foreground-base-hover: #be97ff;
+  --dt-action-color-foreground-base-default: #AB7EFF;
+  --dt-action-color-foreground-base-active: #be97ff;
+  --dt-action-color-foreground-base-primary-default: #ffffff;
+  --dt-action-color-foreground-critical-hover: #ffa5a2;
+  --dt-action-color-foreground-critical-default: #FF8585;
+  --dt-action-color-foreground-critical-active: #ffa5a2;
+  --dt-action-color-foreground-critical-primary-default: #ffffff;
+  --dt-action-color-foreground-inverted-default: #000000;
+  --dt-action-color-foreground-inverted-hover: #000000;
+  --dt-action-color-foreground-inverted-active: #000000;
+  --dt-action-color-foreground-inverted-primary-default: #AB7EFF;
+  --dt-action-color-foreground-inverted-primary-hover: #DAC7FF;
+  --dt-action-color-foreground-inverted-primary-active: #DAC7FF;
+  --dt-action-color-foreground-muted-default: #D2D2D2;
+  --dt-action-color-foreground-muted-hover: #D2D2D2;
+  --dt-action-color-foreground-muted-active: #D2D2D2;
+  --dt-action-color-foreground-disabled-default: #AAAAAA;
+  --dt-action-color-background-base-hover: #ab7eff1a;
+  --dt-action-color-background-base-active: #ab7eff33;
+  --dt-action-color-background-base-default: transparent;
+  --dt-action-color-background-base-primary-default: #7C52FF;
+  --dt-action-color-background-base-primary-hover: #6533FF;
+  --dt-action-color-background-base-primary-active: #4D14FF;
+  --dt-action-color-background-critical-hover: #ec0e0e33;
+  --dt-action-color-background-critical-active: #ec0e0e4d;
+  --dt-action-color-background-critical-default: transparent;
+  --dt-action-color-background-critical-primary-default: #EC0E0E;
+  --dt-action-color-background-critical-primary-hover: #D90D0D;
+  --dt-action-color-background-critical-primary-active: #C50C0C;
+  --dt-action-color-background-inverted-primary-active: #3A1D95;
+  --dt-action-color-background-inverted-primary-default: #080808;
+  --dt-action-color-background-inverted-primary-hover: #10022C;
+  --dt-action-color-background-inverted-default: transparent;
+  --dt-action-color-background-inverted-hover: #08080826;
+  --dt-action-color-background-inverted-active: #0808084d;
+  --dt-action-color-background-muted-default: transparent;
+  --dt-action-color-background-muted-hover: #e9e9e91a;
+  --dt-action-color-background-muted-active: #e9e9e929;
+  --dt-action-color-background-disabled-default: #3A3A3A;
+  --dt-action-color-border-base-outlined-default: #AB7EFF;
+  --dt-action-color-border-critical-outlined-default: #FF8585;
+  --dt-action-color-border-inverted-outlined-default: #000000;
+  --dt-action-color-border-muted-outlined-default: #AAAAAA;
+  --dt-theme-topbar-field-color-background-hover: #000;
+  --dt-theme-topbar-field-color-foreground: #f9f9f980;
+  --dt-theme-topbar-field-color-foreground-hover: #f9f9f9bf;
+  --dt-theme-topbar-field-color-background: #f9f9f90d;
+  --dt-theme-topbar-field-color-border: #f9f9f900;
+  --dt-theme-topbar-field-color-border-hover: #f9f9f91a;
+  --dt-theme-topbar-field-color-border-active: #f9f9f933;
+  --dt-theme-topbar-button-color-background-hover: #f9f9f926;
+  --dt-theme-topbar-button-color-foreground: #f9f9f9a6;
+  --dt-theme-topbar-button-color-foreground-hover: #F9F9F9;
+  --dt-theme-topbar-button-color-background: #f9f9f900;
+  --dt-theme-topbar-button-color-background-active: #f9f9f91a;
+  --dt-theme-topbar-color-foreground: #f9f9f9bf;
+  --dt-theme-topbar-color-background: #1b1b1b;
+  --dt-theme-sidebar-section-color-foreground: #a7a7a7;
+  --dt-theme-sidebar-icon-color-foreground: #c0c0c0;
+  --dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
+  --dt-theme-sidebar-row-color-background-active: #f9f9f93d;
+  --dt-theme-sidebar-row-color-background: #f9f9f900;
+  --dt-theme-sidebar-selected-row-color-background: #f9f9f933;
+  --dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
+  --dt-theme-sidebar-color-foreground: #F9F9F9;
+  --dt-theme-sidebar-color-background: #1b1b1b;
+  --dt-theme-sidebar-status-color-foreground: #fbfbfb;
+  --dt-theme-color-base: #F9F9F9;
+  --dt-theme-presence-color-background-available: #B0FFA3;
+  --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
+  --dt-theme-presence-color-background-busy: #F6AB3C;
+  --dt-theme-presence-color-background-offline: #ffffff;
+  --dt-theme-mention-color-foreground: #ffffff;
+  --dt-theme-mention-color-background: #7C52FF;
+  --dt-typography-body-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-body-small-font-weight: 400;
+  --dt-typography-body-small-line-height: 1.4;
+  --dt-typography-body-small-font-size: 1.2rem;
+  --dt-typography-body-small-text-case: none;
+  --dt-typography-body-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-body-base-font-weight: 400;
+  --dt-typography-body-base-line-height: 1.6;
+  --dt-typography-body-base-font-size: 1.5rem;
+  --dt-typography-body-base-text-case: none;
+  --dt-typography-body-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-body-compact-small-font-weight: 400;
+  --dt-typography-body-compact-small-line-height: 1.2;
+  --dt-typography-body-compact-small-font-size: 1.2rem;
+  --dt-typography-body-compact-small-text-case: none;
+  --dt-typography-body-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-body-compact-base-font-weight: 400;
+  --dt-typography-body-compact-base-line-height: 1.4;
+  --dt-typography-body-compact-base-font-size: 1.5rem;
+  --dt-typography-body-compact-base-text-case: none;
+  --dt-typography-headline-eyebrow-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-eyebrow-font-weight: 400;
+  --dt-typography-headline-eyebrow-line-height: 1.4;
+  --dt-typography-headline-eyebrow-font-size: 1.2rem;
+  --dt-typography-headline-eyebrow-text-case: uppercase;
+  --dt-typography-headline-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-small-font-weight: 700;
+  --dt-typography-headline-small-line-height: 1.4;
+  --dt-typography-headline-small-font-size: 1.2rem;
+  --dt-typography-headline-small-text-case: none;
+  --dt-typography-headline-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-medium-font-weight: 700;
+  --dt-typography-headline-medium-line-height: 1.6;
+  --dt-typography-headline-medium-font-size: 1.5rem;
+  --dt-typography-headline-medium-text-case: none;
+  --dt-typography-headline-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-large-font-weight: 700;
+  --dt-typography-headline-large-line-height: 1.6;
+  --dt-typography-headline-large-font-size: 1.9rem;
+  --dt-typography-headline-large-text-case: none;
+  --dt-typography-headline-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-extra-large-font-weight: 500;
+  --dt-typography-headline-extra-large-line-height: 1.2;
+  --dt-typography-headline-extra-large-font-size: 2.7rem;
+  --dt-typography-headline-extra-large-text-case: none;
+  --dt-typography-headline-extra-extra-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-extra-extra-large-font-weight: 500;
+  --dt-typography-headline-extra-extra-large-line-height: 1.2;
+  --dt-typography-headline-extra-extra-large-font-size: 3.8rem;
+  --dt-typography-headline-extra-extra-large-text-case: none;
+  --dt-typography-headline-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-soft-small-font-weight: 500;
+  --dt-typography-headline-soft-small-line-height: 1.4;
+  --dt-typography-headline-soft-small-font-size: 1.2rem;
+  --dt-typography-headline-soft-small-text-case: none;
+  --dt-typography-headline-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-compact-small-font-weight: 700;
+  --dt-typography-headline-compact-small-line-height: 1.2;
+  --dt-typography-headline-compact-small-font-size: 1.2rem;
+  --dt-typography-headline-compact-small-text-case: none;
+  --dt-typography-headline-compact-medium-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-compact-medium-font-weight: 700;
+  --dt-typography-headline-compact-medium-line-height: 1.4;
+  --dt-typography-headline-compact-medium-font-size: 1.5rem;
+  --dt-typography-headline-compact-medium-text-case: none;
+  --dt-typography-headline-compact-large-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-compact-large-font-weight: 700;
+  --dt-typography-headline-compact-large-line-height: 1.2;
+  --dt-typography-headline-compact-large-font-size: 1.9rem;
+  --dt-typography-headline-compact-large-text-case: none;
+  --dt-typography-headline-compact-soft-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-headline-compact-soft-small-font-weight: 500;
+  --dt-typography-headline-compact-soft-small-line-height: 1.2;
+  --dt-typography-headline-compact-soft-small-font-size: 1.2rem;
+  --dt-typography-headline-compact-soft-small-text-case: none;
+  --dt-typography-label-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-small-font-weight: 600;
+  --dt-typography-label-small-line-height: 1.4;
+  --dt-typography-label-small-font-size: 1.2rem;
+  --dt-typography-label-small-text-case: none;
+  --dt-typography-label-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-base-font-weight: 600;
+  --dt-typography-label-base-line-height: 1.6;
+  --dt-typography-label-base-font-size: 1.5rem;
+  --dt-typography-label-base-text-case: none;
+  --dt-typography-label-compact-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-compact-small-font-weight: 600;
+  --dt-typography-label-compact-small-line-height: 1.2;
+  --dt-typography-label-compact-small-font-size: 1.2rem;
+  --dt-typography-label-compact-small-text-case: none;
+  --dt-typography-label-compact-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-compact-base-font-weight: 600;
+  --dt-typography-label-compact-base-line-height: 1.4;
+  --dt-typography-label-compact-base-font-size: 1.5rem;
+  --dt-typography-label-compact-base-text-case: none;
+  --dt-typography-label-compact-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-compact-plain-small-font-weight: 400;
+  --dt-typography-label-compact-plain-small-line-height: 1.2;
+  --dt-typography-label-compact-plain-small-font-size: 1.2rem;
+  --dt-typography-label-compact-plain-small-text-case: none;
+  --dt-typography-label-compact-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-compact-plain-base-font-weight: 400;
+  --dt-typography-label-compact-plain-base-line-height: 1.4;
+  --dt-typography-label-compact-plain-base-font-size: 1.5rem;
+  --dt-typography-label-compact-plain-base-text-case: none;
+  --dt-typography-label-plain-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-plain-small-font-weight: 400;
+  --dt-typography-label-plain-small-line-height: 1.4;
+  --dt-typography-label-plain-small-font-size: 1.2rem;
+  --dt-typography-label-plain-small-text-case: none;
+  --dt-typography-label-plain-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-label-plain-base-font-weight: 400;
+  --dt-typography-label-plain-base-line-height: 1.6;
+  --dt-typography-label-plain-base-font-size: 1.5rem;
+  --dt-typography-label-plain-base-text-case: none;
+  --dt-typography-helper-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-helper-small-font-weight: 400;
+  --dt-typography-helper-small-line-height: 1.2;
+  --dt-typography-helper-small-font-size: 1.2rem;
+  --dt-typography-helper-small-text-case: none;
+  --dt-typography-helper-base-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+  --dt-typography-helper-base-font-weight: 400;
+  --dt-typography-helper-base-line-height: 1.4;
+  --dt-typography-helper-base-font-size: 1.5rem;
+  --dt-typography-helper-base-text-case: none;
+  --dt-typography-code-small-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  --dt-typography-code-small-font-weight: 400;
+  --dt-typography-code-small-line-height: 1.2;
+  --dt-typography-code-small-font-size: 1.2rem;
+  --dt-typography-code-small-text-case: none;
+  --dt-typography-code-base-font-family: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  --dt-typography-code-base-font-weight: 400;
+  --dt-typography-code-base-line-height: 1.2;
+  --dt-typography-code-base-font-size: 1.5rem;
+  --dt-typography-code-base-text-case: none;
+  --dt-size-0: 0rem;
+  --dt-size-50: 0.05rem;
+  --dt-size-100: 0.1rem;
+  --dt-size-200: 0.2rem;
+  --dt-size-300: 0.4rem;
+  --dt-size-350: 0.6rem;
+  --dt-size-400: 0.8rem;
+  --dt-size-450: 1.2rem;
+  --dt-size-500: 1.6rem;
+  --dt-size-550: 2.4rem;
+  --dt-size-600: 3.2rem;
+  --dt-size-625: 4.2rem;
+  --dt-size-650: 4.8rem;
+  --dt-size-700: 6.4rem;
+  --dt-size-720: 7.2rem;
+  --dt-size-730: 8.4rem;
+  --dt-size-750: 9.6rem;
+  --dt-size-760: 10.2rem;
+  --dt-size-775: 11.4rem;
+  --dt-size-800: 12.8rem;
+  --dt-size-825: 16.4rem;
+  --dt-size-850: 19.2rem;
+  --dt-size-875: 21.6rem;
+  --dt-size-900: 25.6rem;
+  --dt-size-905: 26.4rem;
+  --dt-size-925: 33.2rem;
+  --dt-size-950: 38.4rem;
+  --dt-size-975: 46.4rem;
+  --dt-size-1000: 51.2rem;
+  --dt-size-1020: 62.8rem;
+  --dt-size-1040: 76.4rem;
+  --dt-size-1050: 76.8rem;
+  --dt-size-1060: 82.8rem;
+  --dt-size-1080: 91.2rem;
+  --dt-size-1100: 102.4rem;
+  --dt-size-1115: 114rem;
+  --dt-size-1120: 126.8rem;
+  --dt-size-1125: 128rem;
+  --dt-size-1130: 134rem;
+  --dt-size-1150: 153.6rem;
+  --dt-size-1200: 204.8rem;
+  --dt-size-border-0: 0rem;
+  --dt-size-border-50: 0.05rem;
+  --dt-size-border-100: 0.1rem;
+  --dt-size-border-150: 0.15rem;
+  --dt-size-border-200: 0.2rem;
+  --dt-size-border-300: 0.4rem;
+  --dt-size-border-400: 0.8rem;
+  --dt-size-border-focus: 0.3rem;
+  --dt-size-50-negative: -0.05rem;
+  --dt-size-100-negative: -0.1rem;
+  --dt-size-200-negative: -0.2rem;
+  --dt-size-300-negative: -0.4rem;
+  --dt-size-350-negative: -0.6rem;
+  --dt-size-400-negative: -0.8rem;
+  --dt-size-450-negative: -1.2rem;
+  --dt-size-500-negative: -1.6rem;
+  --dt-size-550-negative: -2.4rem;
+  --dt-size-600-negative: -3.2rem;
+  --dt-size-625-negative: -4.2rem;
+  --dt-size-650-negative: -4.8rem;
+  --dt-size-700-negative: -6.4rem;
+  --dt-size-720-negative: -7.2rem;
+  --dt-size-730-negative: -8.4rem;
+  --dt-size-750-negative: -9.6rem;
+  --dt-size-760-negative: -10.2rem;
+  --dt-size-775-negative: -11.4rem;
+  --dt-size-800-negative: -12.8rem;
+  --dt-size-825-negative: -16.4rem;
+  --dt-size-850-negative: -19.2rem;
+  --dt-size-875-negative: -21.6rem;
+  --dt-size-900-negative: -25.6rem;
+  --dt-size-905-negative: -26.4rem;
+  --dt-size-925-negative: -33.2rem;
+  --dt-size-950-negative: -38.4rem;
+  --dt-size-975-negative: -46.4rem;
+  --dt-size-1000-negative: -51.2rem;
+  --dt-size-1020-negative: -62.8rem;
+  --dt-size-1040-negative: -76.4rem;
+  --dt-size-1050-negative: -76.8rem;
+  --dt-size-1060-negative: -82.8rem;
+  --dt-size-1080-negative: -91.2rem;
+  --dt-size-1100-negative: -102.4rem;
+  --dt-size-1115-negative: -114rem;
+  --dt-size-1120-negative: -126.8rem;
+  --dt-size-1125-negative: -128rem;
+  --dt-size-1130-negative: -134rem;
+  --dt-size-1150-negative: -153.6rem;
+  --dt-size-1200-negative: -204.8rem;
+  --dt-size-0-percent: 0rem;
+  --dt-size-5-percent: 0.5rem;
+  --dt-size-10-percent: 1rem;
+  --dt-size-20-percent: 2rem;
+  --dt-size-25-percent: 2.5rem;
+  --dt-size-30-percent: 3rem;
+  --dt-size-33-percent: 3.3333rem;
+  --dt-size-40-percent: 4rem;
+  --dt-size-50-percent: 5rem;
+  --dt-size-60-percent: 6rem;
+  --dt-size-66-percent: 6.67rem;
+  --dt-size-70-percent: 7rem;
+  --dt-size-75-percent: 7.5rem;
+  --dt-size-80-percent: 8rem;
+  --dt-size-90-percent: 9rem;
+  --dt-size-95-percent: 9.5rem;
+  --dt-size-100-percent: 10rem;
+  --dt-size-base: 0.8rem;
+  --dt-size-radius-0: 0rem;
+  --dt-size-radius-100: 0.1rem;
+  --dt-size-radius-200: 0.2rem;
+  --dt-size-radius-300: 0.4rem;
+  --dt-size-radius-400: 0.8rem;
+  --dt-size-radius-500: 1.6rem;
+  --dt-size-radius-600: 3.2rem;
+  --dt-size-radius-pill: 10rem;
+  --dt-size-radius-circle: 5rem;
+  --dt-shadow-small-0-x: 0;
+  --dt-shadow-small-0-y: 0.2rem;
+  --dt-shadow-small-0-blur: 0.4rem;
+  --dt-shadow-small-0-spread: 0;
+  --dt-shadow-small-0-color: #00000040;
+  --dt-shadow-small-0-type: dropShadow;
+  --dt-shadow-small-1-x: 0.05rem;
+  --dt-shadow-small-1-y: 0.05rem;
+  --dt-shadow-small-1-blur: 0;
+  --dt-shadow-small-1-spread: 0;
+  --dt-shadow-small-1-color: #000000;
+  --dt-shadow-small-1-type: dropShadow;
+  --dt-shadow-small-2-x: -0.05rem;
+  --dt-shadow-small-2-y: -0.05rem;
+  --dt-shadow-small-2-blur: 0;
+  --dt-shadow-small-2-spread: 0;
+  --dt-shadow-small-2-color: #000000;
+  --dt-shadow-small-2-type: dropShadow;
+  --dt-shadow-small-3-x: -0.05rem;
+  --dt-shadow-small-3-y: 0.05rem;
+  --dt-shadow-small-3-blur: 0;
+  --dt-shadow-small-3-spread: 0;
+  --dt-shadow-small-3-color: #000000;
+  --dt-shadow-small-3-type: dropShadow;
+  --dt-shadow-small-4-x: 0.05rem;
+  --dt-shadow-small-4-y: -0.05rem;
+  --dt-shadow-small-4-blur: 0;
+  --dt-shadow-small-4-spread: 0;
+  --dt-shadow-small-4-color: #000000;
+  --dt-shadow-small-4-type: dropShadow;
+  --dt-shadow-medium-0-x: 0;
+  --dt-shadow-medium-0-y: 0.2rem;
+  --dt-shadow-medium-0-blur: 0.8rem;
+  --dt-shadow-medium-0-spread: 0;
+  --dt-shadow-medium-0-color: #00000059;
+  --dt-shadow-medium-0-type: dropShadow;
+  --dt-shadow-medium-1-x: 0.05rem;
+  --dt-shadow-medium-1-y: 0.05rem;
+  --dt-shadow-medium-1-blur: 0;
+  --dt-shadow-medium-1-spread: 0;
+  --dt-shadow-medium-1-color: #000000;
+  --dt-shadow-medium-1-type: dropShadow;
+  --dt-shadow-medium-2-x: -0.05rem;
+  --dt-shadow-medium-2-y: -0.05rem;
+  --dt-shadow-medium-2-blur: 0;
+  --dt-shadow-medium-2-spread: 0;
+  --dt-shadow-medium-2-color: #000000;
+  --dt-shadow-medium-2-type: dropShadow;
+  --dt-shadow-medium-3-x: -0.05rem;
+  --dt-shadow-medium-3-y: 0.05rem;
+  --dt-shadow-medium-3-blur: 0;
+  --dt-shadow-medium-3-spread: 0;
+  --dt-shadow-medium-3-color: #000000;
+  --dt-shadow-medium-3-type: dropShadow;
+  --dt-shadow-medium-4-x: 0.05rem;
+  --dt-shadow-medium-4-y: -0.05rem;
+  --dt-shadow-medium-4-blur: 0;
+  --dt-shadow-medium-4-spread: 0;
+  --dt-shadow-medium-4-color: #000000;
+  --dt-shadow-medium-4-type: dropShadow;
+  --dt-shadow-large-0-x: 0;
+  --dt-shadow-large-0-y: 0.2rem;
+  --dt-shadow-large-0-blur: 1.6rem;
+  --dt-shadow-large-0-spread: 0;
+  --dt-shadow-large-0-color: #00000066;
+  --dt-shadow-large-0-type: dropShadow;
+  --dt-shadow-large-1-x: 0.05rem;
+  --dt-shadow-large-1-y: 0.05rem;
+  --dt-shadow-large-1-blur: 0;
+  --dt-shadow-large-1-spread: 0;
+  --dt-shadow-large-1-color: #000000;
+  --dt-shadow-large-1-type: dropShadow;
+  --dt-shadow-large-2-x: -0.05rem;
+  --dt-shadow-large-2-y: -0.05rem;
+  --dt-shadow-large-2-blur: 0;
+  --dt-shadow-large-2-spread: 0;
+  --dt-shadow-large-2-color: #000000;
+  --dt-shadow-large-2-type: dropShadow;
+  --dt-shadow-large-3-x: -0.05rem;
+  --dt-shadow-large-3-y: 0.05rem;
+  --dt-shadow-large-3-blur: 0;
+  --dt-shadow-large-3-spread: 0;
+  --dt-shadow-large-3-color: #000000;
+  --dt-shadow-large-3-type: dropShadow;
+  --dt-shadow-large-4-x: 0.05rem;
+  --dt-shadow-large-4-y: -0.05rem;
+  --dt-shadow-large-4-blur: 0;
+  --dt-shadow-large-4-spread: 0;
+  --dt-shadow-large-4-color: #000000;
+  --dt-shadow-large-4-type: dropShadow;
+  --dt-shadow-extra-large-0-x: 0;
+  --dt-shadow-extra-large-0-y: 0.2rem;
+  --dt-shadow-extra-large-0-blur: 3.2rem;
+  --dt-shadow-extra-large-0-spread: 0;
+  --dt-shadow-extra-large-0-color: #00000066;
+  --dt-shadow-extra-large-0-type: dropShadow;
+  --dt-shadow-extra-large-1-x: 0.05rem;
+  --dt-shadow-extra-large-1-y: 0.05rem;
+  --dt-shadow-extra-large-1-blur: 0;
+  --dt-shadow-extra-large-1-spread: 0;
+  --dt-shadow-extra-large-1-color: #000000;
+  --dt-shadow-extra-large-1-type: dropShadow;
+  --dt-shadow-extra-large-2-x: -0.05rem;
+  --dt-shadow-extra-large-2-y: -0.05rem;
+  --dt-shadow-extra-large-2-blur: 0;
+  --dt-shadow-extra-large-2-spread: 0;
+  --dt-shadow-extra-large-2-color: #000000;
+  --dt-shadow-extra-large-2-type: dropShadow;
+  --dt-shadow-extra-large-3-x: -0.05rem;
+  --dt-shadow-extra-large-3-y: 0.05rem;
+  --dt-shadow-extra-large-3-blur: 0;
+  --dt-shadow-extra-large-3-spread: 0;
+  --dt-shadow-extra-large-3-color: #000000;
+  --dt-shadow-extra-large-3-type: dropShadow;
+  --dt-shadow-extra-large-4-x: 0.05rem;
+  --dt-shadow-extra-large-4-y: -0.05rem;
+  --dt-shadow-extra-large-4-blur: 0;
+  --dt-shadow-extra-large-4-spread: 0;
+  --dt-shadow-extra-large-4-color: #000000;
+  --dt-shadow-extra-large-4-type: dropShadow;
+  --dt-shadow-card-0-x: 0;
+  --dt-shadow-card-0-y: 0.1rem;
+  --dt-shadow-card-0-blur: 0.2rem;
+  --dt-shadow-card-0-spread: 0;
+  --dt-shadow-card-0-color: #00000021;
+  --dt-shadow-card-0-type: dropShadow;
+  --dt-shadow-card-1-x: 0;
+  --dt-shadow-card-1-y: 0.2rem;
+  --dt-shadow-card-1-blur: 0.4rem;
+  --dt-shadow-card-1-spread: 0;
+  --dt-shadow-card-1-color: #00000024;
+  --dt-shadow-card-1-type: dropShadow;
+  --dt-shadow-card-2-x: 0;
+  --dt-shadow-card-2-y: 0.2rem;
+  --dt-shadow-card-2-blur: 1.6rem;
+  --dt-shadow-card-2-spread: 0;
+  --dt-shadow-card-2-color: #0000002e;
+  --dt-shadow-card-2-type: dropShadow;
+  --dt-shadow-card-3-x: 0.05rem;
+  --dt-shadow-card-3-y: 0.05rem;
+  --dt-shadow-card-3-blur: 0;
+  --dt-shadow-card-3-spread: 0;
+  --dt-shadow-card-3-color: #000000;
+  --dt-shadow-card-3-type: dropShadow;
+  --dt-shadow-card-4-x: -0.05rem;
+  --dt-shadow-card-4-y: -0.05rem;
+  --dt-shadow-card-4-blur: 0;
+  --dt-shadow-card-4-spread: 0;
+  --dt-shadow-card-4-color: #000000;
+  --dt-shadow-card-4-type: dropShadow;
+  --dt-shadow-card-5-x: -0.05rem;
+  --dt-shadow-card-5-y: 0.05rem;
+  --dt-shadow-card-5-blur: 0;
+  --dt-shadow-card-5-spread: 0;
+  --dt-shadow-card-5-color: #000000;
+  --dt-shadow-card-5-type: dropShadow;
+  --dt-shadow-card-6-x: 0.05rem;
+  --dt-shadow-card-6-y: -0.05rem;
+  --dt-shadow-card-6-blur: 0;
+  --dt-shadow-card-6-spread: 0;
+  --dt-shadow-card-6-color: #000000;
+  --dt-shadow-card-6-type: dropShadow;
+  --dt-shadow-focus-0-x: 0;
+  --dt-shadow-focus-0-y: 0;
+  --dt-shadow-focus-0-blur: 0;
+  --dt-shadow-focus-0-spread: 0.1rem;
+  --dt-shadow-focus-0-color: #000000;
+  --dt-shadow-focus-0-type: dropShadow;
+  --dt-shadow-focus-1-x: 0;
+  --dt-shadow-focus-1-y: 0;
+  --dt-shadow-focus-1-blur: 0;
+  --dt-shadow-focus-1-spread: 0.4rem;
+  --dt-shadow-focus-1-color: #51A0FE;
+  --dt-shadow-focus-1-type: dropShadow;
+  --dt-shadow-focus-inset-0-x: 0;
+  --dt-shadow-focus-inset-0-y: 0;
+  --dt-shadow-focus-inset-0-blur: 0;
+  --dt-shadow-focus-inset-0-spread: 0.3rem;
+  --dt-shadow-focus-inset-0-color: #51A0FE;
+  --dt-shadow-focus-inset-0-type: innerShadow;
+  --dt-opacity-0: 0;
+  --dt-opacity-100: 0.05;
+  --dt-opacity-200: 0.1;
+  --dt-opacity-300: 0.2;
+  --dt-opacity-400: 0.25;
+  --dt-opacity-500: 0.3;
+  --dt-opacity-600: 0.4;
+  --dt-opacity-700: 0.5;
+  --dt-opacity-800: 0.6;
+  --dt-opacity-900: 0.7;
+  --dt-opacity-1000: 0.75;
+  --dt-opacity-1100: 0.8;
+  --dt-opacity-1200: 0.9;
+  --dt-opacity-1300: 1;
+  --dt-font-family-body: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  --dt-font-family-expressive: Archivo,-apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  --dt-font-family-mono: SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
+  --dt-font-size-100: 1.2rem;
+  --dt-font-size-200: 1.5rem;
+  --dt-font-size-300: 1.9rem;
+  --dt-font-size-400: 2.7rem;
+  --dt-font-size-500: 3.8rem;
+  --dt-font-size-root: 1rem;
+  --dt-font-line-height-100: 1;
+  --dt-font-line-height-200: 1.2;
+  --dt-font-line-height-300: 1.4;
+  --dt-font-line-height-400: 1.6;
+  --dt-font-line-height-500: 1.8;
+  --dt-font-line-height-600: 2;
+  --dt-font-weight-normal: 400;
+  --dt-font-weight-medium: 500;
+  --dt-font-weight-semi-bold: 600;
+  --dt-font-weight-bold: 700;
+  --dt-font-text-case-uppercase: uppercase;
+  --dt-font-text-case-lowercase: lowercase;
+  --dt-font-text-case-capitalize: capitalize;
+  --dt-font-text-case-none: none;
+  --dt-space-0: 0;
+  --dt-space-50: 0.05rem;
+  --dt-space-100: 0.1rem;
+  --dt-space-200: 0.2rem;
+  --dt-space-300: 0.4rem;
+  --dt-space-350: 0.6rem;
+  --dt-space-400: 0.8rem;
+  --dt-space-450: 1.2rem;
+  --dt-space-500: 1.6rem;
+  --dt-space-550: 2.4rem;
+  --dt-space-600: 3.2rem;
+  --dt-space-625: 4.2rem;
+  --dt-space-650: 4.8rem;
+  --dt-space-700: 6.4rem;
+  --dt-space-720: 7.2rem;
+  --dt-space-730: 8.4rem;
+  --dt-space-750: 9.6rem;
+  --dt-space-760: 10.2rem;
+  --dt-space-775: 11.4rem;
+  --dt-space-800: 12.8rem;
+  --dt-space-825: 16.4rem;
+  --dt-space-850: 19.2rem;
+  --dt-space-875: 21.6rem;
+  --dt-space-900: 25.6rem;
+  --dt-space-905: 26.4rem;
+  --dt-space-925: 33.2rem;
+  --dt-space-950: 38.4rem;
+  --dt-space-975: 46.4rem;
+  --dt-space-1000: 51.2rem;
+  --dt-space-1020: 62.8rem;
+  --dt-space-1040: 76.4rem;
+  --dt-space-1050: 76.8rem;
+  --dt-space-1060: 82.8rem;
+  --dt-space-1080: 91.2rem;
+  --dt-space-1100: 102.4rem;
+  --dt-space-1115: 114rem;
+  --dt-space-1120: 126.8rem;
+  --dt-space-1125: 128rem;
+  --dt-space-1130: 134rem;
+  --dt-space-1150: 153.6rem;
+  --dt-space-1200: 204.8rem;
+  --dt-space-50-negative: -0.05rem;
+  --dt-space-100-negative: -0.1rem;
+  --dt-space-200-negative: -0.2rem;
+  --dt-space-300-negative: -0.4rem;
+  --dt-space-350-negative: -0.6rem;
+  --dt-space-400-negative: -0.8rem;
+  --dt-space-450-negative: -1.2rem;
+  --dt-space-500-negative: -1.6rem;
+  --dt-space-550-negative: -2.4rem;
+  --dt-space-600-negative: -3.2rem;
+  --dt-space-625-negative: -4.2rem;
+  --dt-space-650-negative: -4.8rem;
+  --dt-space-700-negative: -6.4rem;
+  --dt-space-720-negative: -7.2rem;
+  --dt-space-730-negative: -8.4rem;
+  --dt-space-750-negative: -9.6rem;
+  --dt-space-760-negative: -10.2rem;
+  --dt-space-775-negative: -11.4rem;
+  --dt-space-800-negative: -12.8rem;
+  --dt-space-825-negative: -16.4rem;
+  --dt-space-850-negative: -19.2rem;
+  --dt-space-875-negative: -21.6rem;
+  --dt-space-900-negative: -25.6rem;
+  --dt-space-905-negative: -26.4rem;
+  --dt-space-925-negative: -33.2rem;
+  --dt-space-950-negative: -38.4rem;
+  --dt-space-975-negative: -46.4rem;
+  --dt-space-1000-negative: -51.2rem;
+  --dt-space-1020-negative: -62.8rem;
+  --dt-space-1040-negative: -76.4rem;
+  --dt-space-1050-negative: -76.8rem;
+  --dt-space-1060-negative: -82.8rem;
+  --dt-space-1080-negative: -91.2rem;
+  --dt-space-1100-negative: -102.4rem;
+  --dt-space-1115-negative: -114rem;
+  --dt-space-1120-negative: -126.8rem;
+  --dt-space-1125-negative: -128rem;
+  --dt-space-1130-negative: -134rem;
+  --dt-space-1150-negative: -153.6rem;
+  --dt-space-1200-negative: -204.8rem;
+  --dt-space-0-percent: 0%;
+  --dt-space-5-percent: 5%;
+  --dt-space-10-percent: 10%;
+  --dt-space-20-percent: 20%;
+  --dt-space-25-percent: 25%;
+  --dt-space-30-percent: 30%;
+  --dt-space-33-percent: 33.333%;
+  --dt-space-40-percent: 40%;
+  --dt-space-50-percent: 50%;
+  --dt-space-60-percent: 60%;
+  --dt-space-66-percent: 66.7%;
+  --dt-space-70-percent: 70%;
+  --dt-space-75-percent: 75%;
+  --dt-space-80-percent: 80%;
+  --dt-space-90-percent: 90%;
+  --dt-space-95-percent: 95%;
+  --dt-space-100-percent: 100%;
+  --dt-space-base: 0.8rem;
+}