@mario_hahn/jumpy-ui 0.5.0

package/tokens/web/css/jumpy/variables.css

@@ -0,0 +1,1184 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+:root {
+  --jumpy-actions-borderless-alarm-default-action: #DC2626;
+  --jumpy-actions-borderless-alarm-default-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-default-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-default-icon: #DC2626;
+  --jumpy-actions-borderless-alarm-default-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-default-text: #DC2626;
+  --jumpy-actions-borderless-alarm-disabled-action: rgba(42,42,74,0.72);
+  --jumpy-actions-borderless-alarm-disabled-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-disabled-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-borderless-alarm-disabled-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-disabled-text: #9CA3AF;
+  --jumpy-actions-borderless-alarm-focus-action: #DC2626;
+  --jumpy-actions-borderless-alarm-focus-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-focus-focus-ring: #FF5C00;
+  --jumpy-actions-borderless-alarm-focus-icon: #DC2626;
+  --jumpy-actions-borderless-alarm-focus-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-focus-text: #DC2626;
+  --jumpy-actions-borderless-alarm-hover-action: #FCA5A5;
+  --jumpy-actions-borderless-alarm-hover-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-hover-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-hover-icon: #FCA5A5;
+  --jumpy-actions-borderless-alarm-hover-surface: rgba(239,68,68,0.14);
+  --jumpy-actions-borderless-alarm-hover-surface-alternate: rgba(239,68,68,0.3);
+  --jumpy-actions-borderless-alarm-hover-text: #FCA5A5;
+  --jumpy-actions-borderless-alarm-pressed-action: #FCA5A5;
+  --jumpy-actions-borderless-alarm-pressed-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-pressed-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-alarm-pressed-icon: #52000FFF;
+  --jumpy-actions-borderless-alarm-pressed-surface: rgba(239,68,68,0.3);
+  --jumpy-actions-borderless-alarm-pressed-text: #52000FFF;
+  --jumpy-actions-borderless-regular-default-action: #F3F4F6;
+  --jumpy-actions-borderless-regular-default-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-default-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-default-icon: #FF5C00;
+  --jumpy-actions-borderless-regular-default-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-default-text: #FF5C00;
+  --jumpy-actions-borderless-regular-disabled-action: rgba(42,42,74,0.72);
+  --jumpy-actions-borderless-regular-disabled-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-disabled-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-borderless-regular-disabled-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-disabled-text: #9CA3AF;
+  --jumpy-actions-borderless-regular-focus-action: #F3F4F6;
+  --jumpy-actions-borderless-regular-focus-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-focus-focus-ring: #FF5C00;
+  --jumpy-actions-borderless-regular-focus-icon: #FF5C00;
+  --jumpy-actions-borderless-regular-focus-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-focus-text: #FF5C00;
+  --jumpy-actions-borderless-regular-hover-action: #343434FF;
+  --jumpy-actions-borderless-regular-hover-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-hover-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-hover-icon: #FF5C00;
+  --jumpy-actions-borderless-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-borderless-regular-hover-surface-alternate: rgba(255,92,0,0.1);
+  --jumpy-actions-borderless-regular-hover-text: #FF5C00;
+  --jumpy-actions-borderless-regular-pressed-action: #343434FF;
+  --jumpy-actions-borderless-regular-pressed-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-pressed-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-borderless-regular-pressed-icon: #FF5C00;
+  --jumpy-actions-borderless-regular-pressed-surface: rgba(255,92,0,0.1);
+  --jumpy-actions-borderless-regular-pressed-text: #FF5C00;
+  --jumpy-actions-primary-alarm-default-border: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-default-icon: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-default-surface: #DC2626;
+  --jumpy-actions-primary-alarm-default-text: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-disabled-border: #1A1A2E;
+  --jumpy-actions-primary-alarm-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-primary-alarm-disabled-surface: #1A1A2E;
+  --jumpy-actions-primary-alarm-disabled-surface-alternate: #F6F6F6FF;
+  --jumpy-actions-primary-alarm-disabled-text: #9CA3AF;
+  --jumpy-actions-primary-alarm-focus-border: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-focus-focus-ring: #FF5C00;
+  --jumpy-actions-primary-alarm-focus-icon: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-focus-surface: #DC2626;
+  --jumpy-actions-primary-alarm-focus-text: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-hover-border: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-hover-icon: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-hover-surface: #FCA5A5;
+  --jumpy-actions-primary-alarm-hover-text: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-pressed-border: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-pressed-icon: #FFFFFFFF;
+  --jumpy-actions-primary-alarm-pressed-surface: #FCA5A5;
+  --jumpy-actions-primary-alarm-pressed-text: #FFFFFFFF;
+  --jumpy-actions-primary-info-default-border: #000000FF;
+  --jumpy-actions-primary-info-default-icon: #000000FF;
+  --jumpy-actions-primary-info-default-surface: #1A1A2E;
+  --jumpy-actions-primary-info-default-text: #000000FF;
+  --jumpy-actions-primary-info-disabled-border: #1A1A2E;
+  --jumpy-actions-primary-info-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-primary-info-disabled-surface: #1A1A2E;
+  --jumpy-actions-primary-info-disabled-surface-alternate: #F6F6F6FF;
+  --jumpy-actions-primary-info-disabled-text: #9CA3AF;
+  --jumpy-actions-primary-info-focus-border: #000000FF;
+  --jumpy-actions-primary-info-focus-focus-ring: #FF5C00;
+  --jumpy-actions-primary-info-focus-icon: #000000FF;
+  --jumpy-actions-primary-info-focus-surface: #1A1A2E;
+  --jumpy-actions-primary-info-focus-text: #000000FF;
+  --jumpy-actions-primary-info-hover-border: #000000FF;
+  --jumpy-actions-primary-info-hover-icon: #000000FF;
+  --jumpy-actions-primary-info-hover-surface: rgba(42,42,74,0.72);
+  --jumpy-actions-primary-info-hover-text: #000000FF;
+  --jumpy-actions-primary-info-pressed-border: #000000FF;
+  --jumpy-actions-primary-info-pressed-icon: #000000FF;
+  --jumpy-actions-primary-info-pressed-surface: #F6F6F6FF;
+  --jumpy-actions-primary-info-pressed-text: #000000FF;
+  --jumpy-actions-primary-regular-default-border: #FF5C00;
+  --jumpy-actions-primary-regular-default-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-default-surface: #FF5C00;
+  --jumpy-actions-primary-regular-default-text: #FFFFFFFF;
+  --jumpy-actions-primary-regular-disabled-border: #1A1A2E;
+  --jumpy-actions-primary-regular-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-primary-regular-disabled-surface: #1A1A2E;
+  --jumpy-actions-primary-regular-disabled-surface-alternate: #F6F6F6FF;
+  --jumpy-actions-primary-regular-disabled-text: #9CA3AF;
+  --jumpy-actions-primary-regular-focus-border: #FF5C00;
+  --jumpy-actions-primary-regular-focus-focus-ring: #FF5C00;
+  --jumpy-actions-primary-regular-focus-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-focus-surface: #FF5C00;
+  --jumpy-actions-primary-regular-focus-text: #FFFFFFFF;
+  --jumpy-actions-primary-regular-hover-border: #FF5C00;
+  --jumpy-actions-primary-regular-hover-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-hover-surface: #E05200;
+  --jumpy-actions-primary-regular-hover-text: #FFFFFFFF;
+  --jumpy-actions-primary-regular-pressed-border: #FF5C00;
+  --jumpy-actions-primary-regular-pressed-icon: #F9FCF4FF;
+  --jumpy-actions-primary-regular-pressed-surface: #FF5C00;
+  --jumpy-actions-primary-regular-pressed-text: #FFFFFFFF;
+  --jumpy-actions-primary-warning-default-border: #1A1C1F;
+  --jumpy-actions-primary-warning-default-icon: #1A1C1F;
+  --jumpy-actions-primary-warning-default-surface: #F59E0B;
+  --jumpy-actions-primary-warning-default-text: #1A1C1F;
+  --jumpy-actions-primary-warning-disabled-border: #1A1A2E;
+  --jumpy-actions-primary-warning-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-primary-warning-disabled-surface: #1A1A2E;
+  --jumpy-actions-primary-warning-disabled-surface-alternate: #F6F6F6FF;
+  --jumpy-actions-primary-warning-disabled-text: #9CA3AF;
+  --jumpy-actions-primary-warning-focus-border: #1A1C1F;
+  --jumpy-actions-primary-warning-focus-focus-ring: #FF5C00;
+  --jumpy-actions-primary-warning-focus-icon: #1A1C1F;
+  --jumpy-actions-primary-warning-focus-surface: #F59E0B;
+  --jumpy-actions-primary-warning-focus-text: #1A1C1F;
+  --jumpy-actions-primary-warning-hover-border: #1A1C1F;
+  --jumpy-actions-primary-warning-hover-icon: #1A1C1F;
+  --jumpy-actions-primary-warning-hover-surface: #FFE28AFF;
+  --jumpy-actions-primary-warning-hover-text: #1A1C1F;
+  --jumpy-actions-primary-warning-pressed-border: #1A1C1F;
+  --jumpy-actions-primary-warning-pressed-icon: #1A1C1F;
+  --jumpy-actions-primary-warning-pressed-surface: rgba(245,158,11,0.3);
+  --jumpy-actions-primary-warning-pressed-text: #1A1C1F;
+  --jumpy-actions-secondary-alarm-default-action: #DC2626;
+  --jumpy-actions-secondary-alarm-default-border: #9CA3AF;
+  --jumpy-actions-secondary-alarm-default-icon: #DC2626;
+  --jumpy-actions-secondary-alarm-default-surface: #FFFFFFFF;
+  --jumpy-actions-secondary-alarm-default-text: #DC2626;
+  --jumpy-actions-secondary-alarm-disabled-action: rgba(42,42,74,0.72);
+  --jumpy-actions-secondary-alarm-disabled-border: #1A1A2E;
+  --jumpy-actions-secondary-alarm-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-secondary-alarm-disabled-surface: #FFFFFFFF;
+  --jumpy-actions-secondary-alarm-disabled-text: #9CA3AF;
+  --jumpy-actions-secondary-alarm-focus-action: #DC2626;
+  --jumpy-actions-secondary-alarm-focus-border: #9CA3AF;
+  --jumpy-actions-secondary-alarm-focus-focus-ring: #FF5C00;
+  --jumpy-actions-secondary-alarm-focus-icon: #DC2626;
+  --jumpy-actions-secondary-alarm-focus-surface: #FFFFFFFF;
+  --jumpy-actions-secondary-alarm-focus-text: #DC2626;
+  --jumpy-actions-secondary-alarm-hover-action: #FCA5A5;
+  --jumpy-actions-secondary-alarm-hover-border: #575B5E;
+  --jumpy-actions-secondary-alarm-hover-icon: #FCA5A5;
+  --jumpy-actions-secondary-alarm-hover-surface: rgba(239,68,68,0.14);
+  --jumpy-actions-secondary-alarm-hover-surface-alternate: rgba(239,68,68,0.3);
+  --jumpy-actions-secondary-alarm-hover-text: #FCA5A5;
+  --jumpy-actions-secondary-alarm-pressed-action: #FCA5A5;
+  --jumpy-actions-secondary-alarm-pressed-border: #9CA3AF;
+  --jumpy-actions-secondary-alarm-pressed-icon: #52000FFF;
+  --jumpy-actions-secondary-alarm-pressed-surface: rgba(239,68,68,0.3);
+  --jumpy-actions-secondary-alarm-pressed-text: #52000FFF;
+  --jumpy-actions-secondary-regular-default-action: #F3F4F6;
+  --jumpy-actions-secondary-regular-default-border: #9CA3AF;
+  --jumpy-actions-secondary-regular-default-icon: #FF5C00;
+  --jumpy-actions-secondary-regular-default-surface: #FFFFFFFF;
+  --jumpy-actions-secondary-regular-default-text: #FF5C00;
+  --jumpy-actions-secondary-regular-disabled-action: rgba(42,42,74,0.72);
+  --jumpy-actions-secondary-regular-disabled-border: #1A1A2E;
+  --jumpy-actions-secondary-regular-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-secondary-regular-disabled-surface: #FFFFFFFF;
+  --jumpy-actions-secondary-regular-disabled-text: #9CA3AF;
+  --jumpy-actions-secondary-regular-focus-action: #F3F4F6;
+  --jumpy-actions-secondary-regular-focus-border: #9CA3AF;
+  --jumpy-actions-secondary-regular-focus-focus-ring: #FF5C00;
+  --jumpy-actions-secondary-regular-focus-icon: #FF5C00;
+  --jumpy-actions-secondary-regular-focus-surface: #FFFFFFFF;
+  --jumpy-actions-secondary-regular-focus-text: #FF5C00;
+  --jumpy-actions-secondary-regular-hover-action: #343434FF;
+  --jumpy-actions-secondary-regular-hover-border: #575B5E;
+  --jumpy-actions-secondary-regular-hover-icon: #FF5C00;
+  --jumpy-actions-secondary-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-secondary-regular-hover-surface-alternate: rgba(255,92,0,0.1);
+  --jumpy-actions-secondary-regular-hover-text: #FF5C00;
+  --jumpy-actions-secondary-regular-pressed-action: #343434FF;
+  --jumpy-actions-secondary-regular-pressed-border: #9CA3AF;
+  --jumpy-actions-secondary-regular-pressed-icon: #FF5C00;
+  --jumpy-actions-secondary-regular-pressed-surface: rgba(255,92,0,0.1);
+  --jumpy-actions-secondary-regular-pressed-text: #FF5C00;
+  --jumpy-actions-tertiary-alarm-default-action: #DC2626;
+  --jumpy-actions-tertiary-alarm-default-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-default-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-default-icon: #DC2626;
+  --jumpy-actions-tertiary-alarm-default-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-default-text: #DC2626;
+  --jumpy-actions-tertiary-alarm-disabled-action: rgba(42,42,74,0.72);
+  --jumpy-actions-tertiary-alarm-disabled-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-disabled-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-tertiary-alarm-disabled-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-disabled-text: #9CA3AF;
+  --jumpy-actions-tertiary-alarm-focus-action: #DC2626;
+  --jumpy-actions-tertiary-alarm-focus-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-focus-focus-ring: #FF5C00;
+  --jumpy-actions-tertiary-alarm-focus-icon: #DC2626;
+  --jumpy-actions-tertiary-alarm-focus-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-focus-text: #DC2626;
+  --jumpy-actions-tertiary-alarm-hover-action: #FCA5A5;
+  --jumpy-actions-tertiary-alarm-hover-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-hover-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-hover-icon: #FCA5A5;
+  --jumpy-actions-tertiary-alarm-hover-surface: rgba(239,68,68,0.14);
+  --jumpy-actions-tertiary-alarm-hover-surface-alternate: rgba(239,68,68,0.3);
+  --jumpy-actions-tertiary-alarm-hover-text: #FCA5A5;
+  --jumpy-actions-tertiary-alarm-pressed-action: #FCA5A5;
+  --jumpy-actions-tertiary-alarm-pressed-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-pressed-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-alarm-pressed-icon: #52000FFF;
+  --jumpy-actions-tertiary-alarm-pressed-surface: rgba(239,68,68,0.3);
+  --jumpy-actions-tertiary-alarm-pressed-text: #52000FFF;
+  --jumpy-actions-tertiary-regular-default-action: #F3F4F6;
+  --jumpy-actions-tertiary-regular-default-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-default-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-default-icon: #FF5C00;
+  --jumpy-actions-tertiary-regular-default-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-default-text: #FF5C00;
+  --jumpy-actions-tertiary-regular-disabled-action: rgba(42,42,74,0.72);
+  --jumpy-actions-tertiary-regular-disabled-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-disabled-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-actions-tertiary-regular-disabled-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-disabled-text: #9CA3AF;
+  --jumpy-actions-tertiary-regular-focus-action: #F3F4F6;
+  --jumpy-actions-tertiary-regular-focus-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-focus-focus-ring: #FF5C00;
+  --jumpy-actions-tertiary-regular-focus-icon: #FF5C00;
+  --jumpy-actions-tertiary-regular-focus-surface: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-focus-text: #FF5C00;
+  --jumpy-actions-tertiary-regular-hover-action: #343434FF;
+  --jumpy-actions-tertiary-regular-hover-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-hover-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-hover-icon: #FF5C00;
+  --jumpy-actions-tertiary-regular-hover-surface: #F9FCF4FF;
+  --jumpy-actions-tertiary-regular-hover-surface-alternate: rgba(255,92,0,0.1);
+  --jumpy-actions-tertiary-regular-hover-text: #FF5C00;
+  --jumpy-actions-tertiary-regular-pressed-action: #343434FF;
+  --jumpy-actions-tertiary-regular-pressed-border: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-pressed-focus: rgba(255, 255, 255, 0);
+  --jumpy-actions-tertiary-regular-pressed-icon: #FF5C00;
+  --jumpy-actions-tertiary-regular-pressed-surface: rgba(255,92,0,0.1);
+  --jumpy-actions-tertiary-regular-pressed-text: #FF5C00;
+  --jumpy-animation-delay-large: 300ms;
+  --jumpy-animation-delay-medium: 200ms;
+  --jumpy-animation-delay-none: 0ms;
+  --jumpy-animation-delay-small: 100ms;
+  --jumpy-animation-delay-xsmall: 50ms;
+  --jumpy-animation-duration-2xlarge: 1000ms;
+  --jumpy-animation-duration-2xsmall: 100ms;
+  --jumpy-animation-duration-large: 600ms;
+  --jumpy-animation-duration-medium: 400ms;
+  --jumpy-animation-duration-none: 0ms;
+  --jumpy-animation-duration-small: 300ms;
+  --jumpy-animation-duration-xlarge: 800ms;
+  --jumpy-animation-duration-xsmall: 200ms;
+  --jumpy-animation-scale-pressed: 0.95;
+  --jumpy-animation-scale-soft-pressed: 0.97;
+  --jumpy-animation-time-easing-drift: cubic-bezier(0.22, 1, 0.36, 1);
+  --jumpy-animation-time-easing-impulse: cubic-bezier(0.2, 0, 0, 1);
+  --jumpy-animation-time-easing-release: cubic-bezier(0.4, 0, 0.2, 1);
+  --jumpy-border-width-large: 4px;
+  --jumpy-border-width-medium: 2px;
+  --jumpy-border-width-none: 0px;
+  --jumpy-border-width-outline-large: 4px;
+  --jumpy-border-width-outline-medium: 2px;
+  --jumpy-border-width-outline-none: 0px;
+  --jumpy-border-width-outline-small: 1px;
+  --jumpy-border-width-outline-xlarge: 8px;
+  --jumpy-border-width-small: 1px;
+  --jumpy-border-width-xlarge: 8px;
+  --jumpy-card-active-default-border: rgba(42,42,74,0.72);
+  --jumpy-card-active-default-icon: #F3F4F6;
+  --jumpy-card-active-default-subtext: #9CA3AF;
+  --jumpy-card-active-default-surface: rgba(255,92,0,0.1);
+  --jumpy-card-active-default-text: #F3F4F6;
+  --jumpy-card-active-disabled-border: #1A1A2E;
+  --jumpy-card-active-disabled-icon: #F3F4F6;
+  --jumpy-card-active-disabled-subtext: #9CA3AF;
+  --jumpy-card-active-disabled-surface: #1A1A2E;
+  --jumpy-card-active-disabled-text: #F3F4F6;
+  --jumpy-card-active-dragged-border: #FF5C00;
+  --jumpy-card-active-dragged-icon: #F3F4F6;
+  --jumpy-card-active-dragged-subtext: #9CA3AF;
+  --jumpy-card-active-dragged-surface: rgba(255,92,0,0.28);
+  --jumpy-card-active-dragged-text: #F3F4F6;
+  --jumpy-card-active-focus-border: rgba(42,42,74,0.72);
+  --jumpy-card-active-focus-focus-ring: #FF5C00;
+  --jumpy-card-active-focus-icon: #F3F4F6;
+  --jumpy-card-active-focus-subtext: #9CA3AF;
+  --jumpy-card-active-focus-surface: rgba(255,92,0,0.1);
+  --jumpy-card-active-focus-text: #F3F4F6;
+  --jumpy-card-active-hover-border: #FF7A2F;
+  --jumpy-card-active-hover-icon: #F3F4F6;
+  --jumpy-card-active-hover-subtext: #9CA3AF;
+  --jumpy-card-active-hover-surface: rgba(255,92,0,0.1);
+  --jumpy-card-active-hover-text: #F3F4F6;
+  --jumpy-card-active-pressed-border: #FF5C00;
+  --jumpy-card-active-pressed-icon: #F3F4F6;
+  --jumpy-card-active-pressed-subtext: #9CA3AF;
+  --jumpy-card-active-pressed-surface: rgba(255,92,0,0.28);
+  --jumpy-card-active-pressed-text: #F3F4F6;
+  --jumpy-card-inactive-default-border: rgba(42,42,74,0.72);
+  --jumpy-card-inactive-default-icon: #F3F4F6;
+  --jumpy-card-inactive-default-subtext: #9CA3AF;
+  --jumpy-card-inactive-default-surface: #1A1A2E;
+  --jumpy-card-inactive-default-text: #F3F4F6;
+  --jumpy-card-inactive-disabled-border: #1A1A2E;
+  --jumpy-card-inactive-disabled-icon: #F3F4F6;
+  --jumpy-card-inactive-disabled-subtext: #9CA3AF;
+  --jumpy-card-inactive-disabled-surface: #1A1A2E;
+  --jumpy-card-inactive-disabled-text: #F3F4F6;
+  --jumpy-card-inactive-dragged-border: #FF5C00;
+  --jumpy-card-inactive-dragged-icon: #F3F4F6;
+  --jumpy-card-inactive-dragged-subtext: #9CA3AF;
+  --jumpy-card-inactive-dragged-surface: rgba(255,92,0,0.1);
+  --jumpy-card-inactive-dragged-text: #F3F4F6;
+  --jumpy-card-inactive-focus-border: rgba(42,42,74,0.72);
+  --jumpy-card-inactive-focus-focus-ring: #FF5C00;
+  --jumpy-card-inactive-focus-icon: #F3F4F6;
+  --jumpy-card-inactive-focus-subtext: #9CA3AF;
+  --jumpy-card-inactive-focus-surface: #1A1A2E;
+  --jumpy-card-inactive-focus-text: #F3F4F6;
+  --jumpy-card-inactive-hover-border: #FF7A2F;
+  --jumpy-card-inactive-hover-icon: #F3F4F6;
+  --jumpy-card-inactive-hover-subtext: #9CA3AF;
+  --jumpy-card-inactive-hover-surface: #1A1A2E;
+  --jumpy-card-inactive-hover-text: #F3F4F6;
+  --jumpy-card-inactive-pressed-border: #FF5C00;
+  --jumpy-card-inactive-pressed-icon: #F3F4F6;
+  --jumpy-card-inactive-pressed-subtext: #9CA3AF;
+  --jumpy-card-inactive-pressed-surface: rgba(255,92,0,0.1);
+  --jumpy-card-inactive-pressed-text: #F3F4F6;
+  --jumpy-coachmark-default-inner-circle-outline: #FF5C00;
+  --jumpy-coachmark-default-inner-circle-surface: #FFFFFFFF;
+  --jumpy-coachmark-default-outer-circle-surface: rgba(255,92,0,0.1);
+  --jumpy-coachmark-default-surface: rgba(255, 255, 255, 0);
+  --jumpy-coachmark-disabled-inner-circle-outline: rgba(42,42,74,0.72);
+  --jumpy-coachmark-disabled-inner-circle-surface: #FFFFFFFF;
+  --jumpy-coachmark-disabled-outer-circle-surface: #F6F6F6FF;
+  --jumpy-coachmark-disabled-surface: rgba(255, 255, 255, 0);
+  --jumpy-coachmark-focus-focus-ring: #E05200;
+  --jumpy-coachmark-focus-inner-circle-outline: #FF5C00;
+  --jumpy-coachmark-focus-inner-circle-surface: #FFFFFFFF;
+  --jumpy-coachmark-focus-outer-circle-surface: rgba(255,92,0,0.1);
+  --jumpy-coachmark-focus-surface: rgba(255, 255, 255, 0);
+  --jumpy-coachmark-hover-inner-circle-outline: #FF5C00;
+  --jumpy-coachmark-hover-inner-circle-surface: #FFFFFFFF;
+  --jumpy-coachmark-hover-outer-circle-surface: rgba(255,92,0,0.1);
+  --jumpy-coachmark-hover-surface: #F9FCF4FF;
+  --jumpy-coachmark-pressed-inner-circle-outline: #FF5C00;
+  --jumpy-coachmark-pressed-inner-circle-surface: #FFFFFFFF;
+  --jumpy-coachmark-pressed-outer-circle-surface: #F9FCF4FF;
+  --jumpy-coachmark-pressed-surface: rgba(255,92,0,0.1);
+  --jumpy-color-alarm-base: #DC2626;
+  --jumpy-color-alarm-dark: #FCA5A5;
+  --jumpy-color-alarm-darkbase: #FCA5A5;
+  --jumpy-color-alarm-extradark: #52000FFF;
+  --jumpy-color-alarm-extralight: rgba(239,68,68,0.3);
+  --jumpy-color-alarm-light: #E68098FF;
+  --jumpy-color-alarm-lightbase: #DB4D67FF;
+  --jumpy-color-alarm-ultradark: #29000AFF;
+  --jumpy-color-alarm-ultralight: rgba(239,68,68,0.14);
+  --jumpy-color-background-default: #0F0F1A;
+  --jumpy-color-brand-0: rgba(255, 200, 0, 0);
+  --jumpy-color-brand-100: #FFF7D9FF;
+  --jumpy-color-brand-200: #FFEFB3FF;
+  --jumpy-color-brand-300: #FDE280FF;
+  --jumpy-color-brand-400: #FBD033FF;
+  --jumpy-color-brand-500: #FFC800FF;
+  --jumpy-color-brand-600: #C89D00FF;
+  --jumpy-color-brand-700: #8C6E00FF;
+  --jumpy-color-brand-800: #735A00FF;
+  --jumpy-color-brand-900: #E05200;
+  --jumpy-color-brand-base: #FF5C00;
+  --jumpy-color-brand-keyline: rgba(255, 200, 0, 0);
+  --jumpy-color-brand-ultralight: #FFEFB3FF;
+  --jumpy-color-illustration-solid-dark: #5D7B00FF;
+  --jumpy-color-illustration-solid-extra-light: #F9FCF4FF;
+  --jumpy-color-illustration-solid-glow: #F9FCF4FF;
+  --jumpy-color-illustration-solid-light: #DDEABEFF;
+  --jumpy-color-illustration-solid-medium: #8EB927FF;
+  --jumpy-color-illustration-solid-white: #FFFFFFFF;
+  --jumpy-color-illustration-translucid-dark: #5D7B0066;
+  --jumpy-color-illustration-translucid-extra-light: #F9FCF466;
+  --jumpy-color-illustration-translucid-glow: #F9FCF466;
+  --jumpy-color-illustration-translucid-light: #DDEABE66;
+  --jumpy-color-illustration-translucid-medium: #8EB92766;
+  --jumpy-color-illustration-translucid-white: #FFFFFF66;
+  --jumpy-color-illustration-transparent-glow: rgba(249, 252, 244, 0);
+  --jumpy-color-illustration-transparent-white: rgba(255, 255, 255, 0);
+  --jumpy-color-light-agp-background-high: #FBE5B8FF;
+  --jumpy-color-light-agp-background-in-range: #D5DFBCFF;
+  --jumpy-color-light-agp-background-low: #F4C0BAFF;
+  --jumpy-color-light-agp-background-very-high: #F6D1B2FF;
+  --jumpy-color-light-agp-background-very-low: #E2BBB7FF;
+  --jumpy-color-light-agp-dark-red-150: #E2BBB7FF;
+  --jumpy-color-light-agp-dark-red-300: #C5776FFF;
+  --jumpy-color-light-agp-dark-red-500: #9E1C0FFF;
+  --jumpy-color-light-agp-dark-red-700: #631E17FF;
+  --jumpy-color-light-agp-dark-red-950: #4F0E08FF;
+  --jumpy-color-light-agp-foreground-high: #C38500FF;
+  --jumpy-color-light-agp-foreground-in-range: #566C1DFF;
+  --jumpy-color-light-agp-foreground-low: #D92D1AFF;
+  --jumpy-color-light-agp-foreground-very-high: #E26500FF;
+  --jumpy-color-light-agp-foreground-very-low: #9E1C0FFF;
+  --jumpy-color-light-agp-green-150: #D5DFBCFF;
+  --jumpy-color-light-agp-green-300: #AABF79FF;
+  --jumpy-color-light-agp-green-500: #72941FFF;
+  --jumpy-color-light-agp-green-700: #566C1DFF;
+  --jumpy-color-light-agp-green-950: #394A10FF;
+  --jumpy-color-light-agp-interface-high: #F2AA13FF;
+  --jumpy-color-light-agp-interface-in-range: #72941FFF;
+  --jumpy-color-light-agp-interface-low: #D92D1AFF;
+  --jumpy-color-light-agp-interface-no-value: #B5B5B5FF;
+  --jumpy-color-light-agp-interface-very-high: #E26500FF;
+  --jumpy-color-light-agp-interface-very-low: #9E1C0FFF;
+  --jumpy-color-light-agp-orange-150: #F6D1B2FF;
+  --jumpy-color-light-agp-orange-300: #EEA366FF;
+  --jumpy-color-light-agp-orange-500: #E26500FF;
+  --jumpy-color-light-agp-orange-700: #BB5400FF;
+  --jumpy-color-light-agp-orange-950: #713300FF;
+  --jumpy-color-light-agp-red-150: #F4C0BAFF;
+  --jumpy-color-light-agp-red-300: #E88175FF;
+  --jumpy-color-light-agp-red-500: #D92D1AFF;
+  --jumpy-color-light-agp-red-700: #840F01FF;
+  --jumpy-color-light-agp-red-950: #6C170DFF;
+  --jumpy-color-light-agp-yellow-150: #FBE5B8FF;
+  --jumpy-color-light-agp-yellow-300: #F7CC71FF;
+  --jumpy-color-light-agp-yellow-500: #F2AA13FF;
+  --jumpy-color-light-agp-yellow-700: #C38500FF;
+  --jumpy-color-light-agp-yellow-950: #79550AFF;
+  --jumpy-color-light-beige-100: #FFF7F5FF;
+  --jumpy-color-light-beige-200: #FFE8DEFF;
+  --jumpy-color-light-beige-300: #FAD6C7FF;
+  --jumpy-color-light-beige-400: #FAC9B5FF;
+  --jumpy-color-light-beige-500: #F0B69EFF;
+  --jumpy-color-light-beige-600: #D8AB97FF;
+  --jumpy-color-light-beige-700: #BE9476FF;
+  --jumpy-color-light-beige-800: #86521DFF;
+  --jumpy-color-light-beige-900: #5D3921FF;
+  --jumpy-color-light-blue-100: #F5F9FFFF;
+  --jumpy-color-light-blue-200: #DAEDFBFF;
+  --jumpy-color-light-blue-300: #BDE3FFFF;
+  --jumpy-color-light-blue-400: #8CCFFFFF;
+  --jumpy-color-light-blue-500: #5E94EDFF;
+  --jumpy-color-light-blue-600: #1482FAFF;
+  --jumpy-color-light-blue-700: #0B41CDFF;
+  --jumpy-color-light-blue-800: #1942A3FF;
+  --jumpy-color-light-blue-900: #022366FF;
+  --jumpy-color-light-blue-1000: #071227FF;
+  --jumpy-color-light-green-100: #E7F3EAFF;
+  --jumpy-color-light-green-200: #CEE7D8FF;
+  --jumpy-color-light-green-300: #9DCEB6FF;
+  --jumpy-color-light-green-400: #54AA81FF;
+  --jumpy-color-light-green-500: #00874AFF;
+  --jumpy-color-light-green-600: #005F34FF;
+  --jumpy-color-light-green-700: #004425FF;
+  --jumpy-color-light-green-800: #00361EFF;
+  --jumpy-color-light-green-900: #001B0FFF;
+  --jumpy-color-light-magenta-100: #EAADD8FF;
+  --jumpy-color-light-magenta-200: #E87DC4FF;
+  --jumpy-color-light-magenta-300: #E557B3FF;
+  --jumpy-color-light-magenta-400: #E13EA2FF;
+  --jumpy-color-light-magenta-500: #DD2391FF;
+  --jumpy-color-light-magenta-600: #D60078FF;
+  --jumpy-color-light-magenta-700: #CB0174FF;
+  --jumpy-color-light-magenta-800: #B2046BFF;
+  --jumpy-color-light-my-amber-100: #FBF3E3FF;
+  --jumpy-color-light-my-amber-200: #F7E7C7FF;
+  --jumpy-color-light-my-amber-300: #F2D7A2FF;
+  --jumpy-color-light-my-amber-400: #EABF6AFF;
+  --jumpy-color-light-my-amber-500: #E5AF45FF;
+  --jumpy-color-light-my-amber-600: #B78C37FF;
+  --jumpy-color-light-my-amber-700: #7E6026FF;
+  --jumpy-color-light-my-amber-800: #654D1EFF;
+  --jumpy-color-light-my-amber-900: #453515FF;
+  --jumpy-color-light-my-aqua-100: #E5F6F3FF;
+  --jumpy-color-light-my-aqua-200: #CAEDE7FF;
+  --jumpy-color-light-my-aqua-300: #A7E1D8FF;
+  --jumpy-color-light-my-aqua-400: #72CEC0FF;
+  --jumpy-color-light-my-aqua-500: #4FC2B0FF;
+  --jumpy-color-light-my-aqua-600: #3F9B8DFF;
+  --jumpy-color-light-my-aqua-700: #327C71FF;
+  --jumpy-color-light-my-aqua-800: #2B6960FF;
+  --jumpy-color-light-my-aqua-900: #183A35FF;
+  --jumpy-color-light-my-azure-100: #E3F2FFFF;
+  --jumpy-color-light-my-azure-200: #C6E4FFFF;
+  --jumpy-color-light-my-azure-300: #A0D3FFFF;
+  --jumpy-color-light-my-azure-400: #67B8FFFF;
+  --jumpy-color-light-my-azure-500: #41A6FFFF;
+  --jumpy-color-light-my-azure-600: #3485CCFF;
+  --jumpy-color-light-my-azure-700: #2C71ADFF;
+  --jumpy-color-light-my-azure-800: #256093FF;
+  --jumpy-color-light-my-azure-900: #14324DFF;
+  --jumpy-color-light-my-blue-100: #DEF5F8FF;
+  --jumpy-color-light-my-blue-200: #BEECF1FF;
+  --jumpy-color-light-my-blue-300: #93DFE7FF;
+  --jumpy-color-light-my-blue-400: #51CBD9FF;
+  --jumpy-color-light-my-blue-500: #26BECFFF;
+  --jumpy-color-light-my-blue-600: #1E98A6FF;
+  --jumpy-color-light-my-blue-700: #1A818DFF;
+  --jumpy-color-light-my-blue-800: #156771FF;
+  --jumpy-color-light-my-blue-900: #0B393EFF;
+  --jumpy-color-light-my-orange-100: #FFEDDDFF;
+  --jumpy-color-light-my-orange-200: #FFDBBAFF;
+  --jumpy-color-light-my-orange-300: #FFC48CFF;
+  --jumpy-color-light-my-orange-400: #FFA047FF;
+  --jumpy-color-light-my-orange-500: #FF8819FF;
+  --jumpy-color-light-my-orange-600: #E86A0FFF;
+  --jumpy-color-light-my-orange-700: #BA550CFF;
+  --jumpy-color-light-my-orange-800: #95440AFF;
+  --jumpy-color-light-my-orange-900: #4D2908FF;
+  --jumpy-color-light-my-pink-100: #F8E6F8FF;
+  --jumpy-color-light-my-pink-200: #F0CCF1FF;
+  --jumpy-color-light-my-pink-300: #E7AAE7FF;
+  --jumpy-color-light-my-pink-400: #D877D9FF;
+  --jumpy-color-light-my-pink-500: #CE55CFFF;
+  --jumpy-color-light-my-pink-600: #A544A6FF;
+  --jumpy-color-light-my-pink-700: #8C3A8DFF;
+  --jumpy-color-light-my-pink-800: #773178FF;
+  --jumpy-color-light-my-pink-900: #3E1A3EFF;
+  --jumpy-color-light-my-purple-100: #F1ECF9FF;
+  --jumpy-color-light-my-purple-200: #E3DAF2FF;
+  --jumpy-color-light-my-purple-300: #D0C1EAFF;
+  --jumpy-color-light-my-purple-400: #B49CDDFF;
+  --jumpy-color-light-my-purple-500: #A183D4FF;
+  --jumpy-color-light-my-purple-600: #895AC3FF;
+  --jumpy-color-light-my-purple-700: #744DA6FF;
+  --jumpy-color-light-my-purple-800: #63418DFF;
+  --jumpy-color-light-my-purple-900: #302740FF;
+  --jumpy-color-light-orange-100: #FFF1E0FF;
+  --jumpy-color-light-orange-200: #FFDDB3FF;
+  --jumpy-color-light-orange-250: #FFBD69FF;
+  --jumpy-color-light-orange-300: #FF9B5AFF;
+  --jumpy-color-light-orange-400: #FF7D29FF;
+  --jumpy-color-light-orange-500: #FD6423FF;
+  --jumpy-color-light-orange-600: #ED4A0DFF;
+  --jumpy-color-light-orange-700: #B22B0DFF;
+  --jumpy-color-light-orange-800: #8E1C02FF;
+  --jumpy-color-light-purple-100: #F2D4FFFF;
+  --jumpy-color-light-purple-200: #EBB4FEFF;
+  --jumpy-color-light-purple-300: #E085FCFF;
+  --jumpy-color-light-purple-400: #D151FEFF;
+  --jumpy-color-light-purple-500: #BC36F0FF;
+  --jumpy-color-light-purple-600: #A320D3FF;
+  --jumpy-color-light-purple-700: #8A0BAAFF;
+  --jumpy-color-light-purple-800: #7D0096FF;
+  --jumpy-color-light-purple-base: #D151FEFF;
+  --jumpy-color-light-purple-darkbase: #BC36F0FF;
+  --jumpy-color-light-purple-lightbase: #E085FCFF;
+  --jumpy-color-light-purple-ultradark: #7D0096FF;
+  --jumpy-color-light-purple-ultralight: #F2D4FFFF;
+  --jumpy-color-light-red-100: #FFDDE1FF;
+  --jumpy-color-light-red-200: #F6B7BEFF;
+  --jumpy-color-light-red-300: #E68098FF;
+  --jumpy-color-light-red-400: #DB4D67FF;
+  --jumpy-color-light-red-500: #CC0033FF;
+  --jumpy-color-light-red-600: #A30014FF;
+  --jumpy-color-light-red-700: #7A000FFF;
+  --jumpy-color-light-red-800: #52000FFF;
+  --jumpy-color-light-red-900: #29000AFF;
+  --jumpy-color-light-yellow-100: #FFF9E8FF;
+  --jumpy-color-light-yellow-200: #FFEDB9FF;
+  --jumpy-color-light-yellow-250: #FFE28AFF;
+  --jumpy-color-light-yellow-300: #FFD043FF;
+  --jumpy-color-light-yellow-400: #FFC414FF;
+  --jumpy-color-light-yellow-500: #9B5400FF;
+  --jumpy-color-light-yellow-600: #67370AFF;
+  --jumpy-color-light-yellow-700: #391C00FF;
+  --jumpy-color-light-yellow-800: #1D0E00FF;
+  --jumpy-color-neutral-0: #121212FF;
+  --jumpy-color-neutral-50: #1212123D;
+  --jumpy-color-neutral-100: #F6F6F6FF;
+  --jumpy-color-neutral-200: #E3E3E3FF;
+  --jumpy-color-neutral-300: #D1D1D1FF;
+  --jumpy-color-neutral-400: #B5B5B5FF;
+  --jumpy-color-neutral-500: #949494FF;
+  --jumpy-color-neutral-600: #737373FF;
+  --jumpy-color-neutral-700: #666666FF;
+  --jumpy-color-neutral-800: #4D4D4DFF;
+  --jumpy-color-neutral-900: #343434FF;
+  --jumpy-color-neutral-1000: #121212FF;
+  --jumpy-color-neutral-base: #575B5E;
+  --jumpy-color-neutral-box-shadow: #1212123D;
+  --jumpy-color-neutral-dark: #343434FF;
+  --jumpy-color-neutral-darkbase: #F3F4F6;
+  --jumpy-color-neutral-extradark: #F3F4F6;
+  --jumpy-color-neutral-extralight: rgba(42,42,74,0.72);
+  --jumpy-color-neutral-light: #9CA3AF;
+  --jumpy-color-neutral-lightbase: #737373FF;
+  --jumpy-color-neutral-megalight: #F6F6F6FF;
+  --jumpy-color-neutral-modal: #121212FF;
+  --jumpy-color-neutral-superlight: #E3E3E3FF;
+  --jumpy-color-neutral-ultralight: #1A1A2E;
+  --jumpy-color-non-color-always-ultradark: #1A1C1F;
+  --jumpy-color-non-color-always-ultralight: #FFFFFF;
+  --jumpy-color-non-color-color-black: #000000FF;
+  --jumpy-color-non-color-color-white: #FFFFFFFF;
+  --jumpy-color-non-color-contrast-ultradark: #000000FF;
+  --jumpy-color-non-color-contrast-ultralight: #FFFFFFFF;
+  --jumpy-color-non-color-transparent: rgba(255, 255, 255, 0);
+  --jumpy-color-positive-base: #128A42;
+  --jumpy-color-positive-dark: #6EE7B7;
+  --jumpy-color-positive-darkbase: #005F34FF;
+  --jumpy-color-positive-extradark: #00361EFF;
+  --jumpy-color-positive-extralight: rgba(16,185,129,0.3);
+  --jumpy-color-positive-light: #9DCEB6FF;
+  --jumpy-color-positive-lightbase: #54AA81FF;
+  --jumpy-color-positive-ultradark: #001B0FFF;
+  --jumpy-color-positive-ultralight: rgba(16,185,129,0.14);
+  --jumpy-color-primary-100: #F9FCF4FF;
+  --jumpy-color-primary-200: #F4F8E9FF;
+  --jumpy-color-primary-300: #EEF5DFFF;
+  --jumpy-color-primary-400: #DDEABEFF;
+  --jumpy-color-primary-500: #C7DC93FF;
+  --jumpy-color-primary-600: #FF7A2F;
+  --jumpy-color-primary-700: #5D7B00FF;
+  --jumpy-color-primary-800: #556F17FF;
+  --jumpy-color-primary-900: #394A10FF;
+  --jumpy-color-primary-1000: #2B380CFF;
+  --jumpy-color-primary-base: #FF5C00;
+  --jumpy-color-primary-dark: #FF5C00;
+  --jumpy-color-primary-darkbase: #E05200;
+  --jumpy-color-primary-extradark: #2B380CFF;
+  --jumpy-color-primary-extralight: rgba(255,92,0,0.28);
+  --jumpy-color-primary-light: #DDEABEFF;
+  --jumpy-color-primary-lightbase: #FF7A2F;
+  --jumpy-color-primary-megalight: #F9FCF4FF;
+  --jumpy-color-primary-ultralight: rgba(255,92,0,0.1);
+  --jumpy-color-secondary-100: #FFF9F4FF;
+  --jumpy-color-secondary-200: #FFF3E8FF;
+  --jumpy-color-secondary-300: #FFEDDDFF;
+  --jumpy-color-secondary-400: #FFDBBAFF;
+  --jumpy-color-secondary-500: #FFC48CFF;
+  --jumpy-color-warning-base: #F59E0B;
+  --jumpy-color-warning-dark: #67370AFF;
+  --jumpy-color-warning-darkbase: #9B5400FF;
+  --jumpy-color-warning-extradark: #391C00FF;
+  --jumpy-color-warning-extralight: rgba(245,158,11,0.3);
+  --jumpy-color-warning-light: #FFE28AFF;
+  --jumpy-color-warning-lightbase: #FFD043FF;
+  --jumpy-color-warning-ultradark: #1D0E00FF;
+  --jumpy-color-warning-ultralight: rgba(245,158,11,0.14);
+  --jumpy-font-family-body-large-emphasized-font-size: 18px;
+  --jumpy-font-family-body-large-emphasized-font-weight: 600;
+  --jumpy-font-family-body-large-emphasized-letter-spacing: 0em;
+  --jumpy-font-family-body-large-emphasized-line-height: 1.55;
+  --jumpy-font-family-body-large-font-size: 18px;
+  --jumpy-font-family-body-large-font-weight: 400;
+  --jumpy-font-family-body-large-letter-spacing: 0em;
+  --jumpy-font-family-body-large-line-height: 1.55;
+  --jumpy-font-family-body-medium-emphasized-font-size: 16px;
+  --jumpy-font-family-body-medium-emphasized-font-weight: 600;
+  --jumpy-font-family-body-medium-emphasized-letter-spacing: 0em;
+  --jumpy-font-family-body-medium-emphasized-line-height: 1.5;
+  --jumpy-font-family-body-medium-font-size: 16px;
+  --jumpy-font-family-body-medium-font-weight: 400;
+  --jumpy-font-family-body-medium-letter-spacing: 0em;
+  --jumpy-font-family-body-medium-line-height: 1.5;
+  --jumpy-font-family-body-small-emphasized-font-size: 14px;
+  --jumpy-font-family-body-small-emphasized-font-weight: 600;
+  --jumpy-font-family-body-small-emphasized-letter-spacing: 0em;
+  --jumpy-font-family-body-small-emphasized-line-height: 1.5;
+  --jumpy-font-family-body-small-font-size: 14px;
+  --jumpy-font-family-body-small-font-weight: 400;
+  --jumpy-font-family-body-small-letter-spacing: 0em;
+  --jumpy-font-family-body-small-line-height: 1.5;
+  --jumpy-font-family-display-large-emphasized-font-size: 40px;
+  --jumpy-font-family-display-large-emphasized-font-weight: 800;
+  --jumpy-font-family-display-large-emphasized-letter-spacing: -0.03em;
+  --jumpy-font-family-display-large-emphasized-line-height: 1.05;
+  --jumpy-font-family-display-large-font-size: 40px;
+  --jumpy-font-family-display-large-font-weight: 700;
+  --jumpy-font-family-display-large-letter-spacing: -0.03em;
+  --jumpy-font-family-display-large-line-height: 1.05;
+  --jumpy-font-family-display-medium-emphasized-font-size: 34px;
+  --jumpy-font-family-display-medium-emphasized-font-weight: 800;
+  --jumpy-font-family-display-medium-emphasized-letter-spacing: -0.03em;
+  --jumpy-font-family-display-medium-emphasized-line-height: 1.08;
+  --jumpy-font-family-display-medium-font-size: 34px;
+  --jumpy-font-family-display-medium-font-weight: 700;
+  --jumpy-font-family-display-medium-letter-spacing: -0.03em;
+  --jumpy-font-family-display-medium-line-height: 1.08;
+  --jumpy-font-family-display-small-emphasized-font-size: 30px;
+  --jumpy-font-family-display-small-emphasized-font-weight: 800;
+  --jumpy-font-family-display-small-emphasized-letter-spacing: -0.02em;
+  --jumpy-font-family-display-small-emphasized-line-height: 1.1;
+  --jumpy-font-family-display-small-font-size: 30px;
+  --jumpy-font-family-display-small-font-weight: 700;
+  --jumpy-font-family-display-small-letter-spacing: -0.02em;
+  --jumpy-font-family-display-small-line-height: 1.1;
+  --jumpy-font-family-family-base: Arial, Helvetica, sans-serif;
+  --jumpy-font-family-headline-large-emphasized-font-size: 28px;
+  --jumpy-font-family-headline-large-emphasized-font-weight: 800;
+  --jumpy-font-family-headline-large-emphasized-letter-spacing: -0.02em;
+  --jumpy-font-family-headline-large-emphasized-line-height: 1.15;
+  --jumpy-font-family-headline-large-font-size: 28px;
+  --jumpy-font-family-headline-large-font-weight: 700;
+  --jumpy-font-family-headline-large-letter-spacing: -0.02em;
+  --jumpy-font-family-headline-large-line-height: 1.15;
+  --jumpy-font-family-headline-medium-emphasized-font-size: 24px;
+  --jumpy-font-family-headline-medium-emphasized-font-weight: 800;
+  --jumpy-font-family-headline-medium-emphasized-letter-spacing: -0.02em;
+  --jumpy-font-family-headline-medium-emphasized-line-height: 1.2;
+  --jumpy-font-family-headline-medium-font-size: 24px;
+  --jumpy-font-family-headline-medium-font-weight: 700;
+  --jumpy-font-family-headline-medium-letter-spacing: -0.02em;
+  --jumpy-font-family-headline-medium-line-height: 1.2;
+  --jumpy-font-family-headline-small-emphasized-font-size: 20px;
+  --jumpy-font-family-headline-small-emphasized-font-weight: 800;
+  --jumpy-font-family-headline-small-emphasized-letter-spacing: -0.01em;
+  --jumpy-font-family-headline-small-emphasized-line-height: 1.25;
+  --jumpy-font-family-headline-small-font-size: 20px;
+  --jumpy-font-family-headline-small-font-weight: 700;
+  --jumpy-font-family-headline-small-letter-spacing: -0.01em;
+  --jumpy-font-family-headline-small-line-height: 1.25;
+  --jumpy-font-family-label-large-emphasized-font-size: 14px;
+  --jumpy-font-family-label-large-emphasized-font-weight: 800;
+  --jumpy-font-family-label-large-emphasized-letter-spacing: 0.08em;
+  --jumpy-font-family-label-large-emphasized-line-height: 1.2;
+  --jumpy-font-family-label-large-font-size: 14px;
+  --jumpy-font-family-label-large-font-weight: 700;
+  --jumpy-font-family-label-large-letter-spacing: 0.08em;
+  --jumpy-font-family-label-large-line-height: 1.2;
+  --jumpy-font-family-label-medium-emphasized-font-size: 12px;
+  --jumpy-font-family-label-medium-emphasized-font-weight: 800;
+  --jumpy-font-family-label-medium-emphasized-letter-spacing: 0.12em;
+  --jumpy-font-family-label-medium-emphasized-line-height: 1.2;
+  --jumpy-font-family-label-medium-font-size: 12px;
+  --jumpy-font-family-label-medium-font-weight: 700;
+  --jumpy-font-family-label-medium-letter-spacing: 0.12em;
+  --jumpy-font-family-label-medium-line-height: 1.2;
+  --jumpy-font-family-label-small-emphasized-font-size: 11px;
+  --jumpy-font-family-label-small-emphasized-font-weight: 800;
+  --jumpy-font-family-label-small-emphasized-letter-spacing: 0.14em;
+  --jumpy-font-family-label-small-emphasized-line-height: 1.2;
+  --jumpy-font-family-label-small-font-size: 11px;
+  --jumpy-font-family-label-small-font-weight: 700;
+  --jumpy-font-family-label-small-letter-spacing: 0.14em;
+  --jumpy-font-family-label-small-line-height: 1.2;
+  --jumpy-font-family-title-large-emphasized-font-size: 28px;
+  --jumpy-font-family-title-large-emphasized-font-weight: 900;
+  --jumpy-font-family-title-large-emphasized-letter-spacing: -0.02em;
+  --jumpy-font-family-title-large-emphasized-line-height: 1.15;
+  --jumpy-font-family-title-large-font-size: 28px;
+  --jumpy-font-family-title-large-font-weight: 800;
+  --jumpy-font-family-title-large-letter-spacing: -0.02em;
+  --jumpy-font-family-title-large-line-height: 1.15;
+  --jumpy-font-family-title-medium-emphasized-font-size: 22px;
+  --jumpy-font-family-title-medium-emphasized-font-weight: 800;
+  --jumpy-font-family-title-medium-emphasized-letter-spacing: -0.01em;
+  --jumpy-font-family-title-medium-emphasized-line-height: 1.2;
+  --jumpy-font-family-title-medium-font-size: 22px;
+  --jumpy-font-family-title-medium-font-weight: 700;
+  --jumpy-font-family-title-medium-letter-spacing: -0.01em;
+  --jumpy-font-family-title-medium-line-height: 1.2;
+  --jumpy-font-family-title-small-emphasized-font-size: 18px;
+  --jumpy-font-family-title-small-emphasized-font-weight: 800;
+  --jumpy-font-family-title-small-emphasized-letter-spacing: 0em;
+  --jumpy-font-family-title-small-emphasized-line-height: 1.25;
+  --jumpy-font-family-title-small-font-size: 18px;
+  --jumpy-font-family-title-small-font-weight: 700;
+  --jumpy-font-family-title-small-letter-spacing: 0em;
+  --jumpy-font-family-title-small-line-height: 1.25;
+  --jumpy-input-alarm-default-alarm-icon: #DC2626;
+  --jumpy-input-alarm-default-border: #DC2626;
+  --jumpy-input-alarm-default-icon: #F3F4F6;
+  --jumpy-input-alarm-default-label: #DC2626;
+  --jumpy-input-alarm-default-subtext: #F3F4F6;
+  --jumpy-input-alarm-default-supporting: #DC2626;
+  --jumpy-input-alarm-default-surface: #FFFFFFFF;
+  --jumpy-input-alarm-default-value: #F3F4F6;
+  --jumpy-input-alarm-focus-alarm-icon: #DC2626;
+  --jumpy-input-alarm-focus-border: #DC2626;
+  --jumpy-input-alarm-focus-icon: #F3F4F6;
+  --jumpy-input-alarm-focus-label: #DC2626;
+  --jumpy-input-alarm-focus-placeholder: #737373FF;
+  --jumpy-input-alarm-focus-subtext: #F3F4F6;
+  --jumpy-input-alarm-focus-supporting: #DC2626;
+  --jumpy-input-alarm-focus-surface: #FFFFFFFF;
+  --jumpy-input-alarm-focus-value: #343434FF;
+  --jumpy-input-alarm-hover-alarm-icon: #DC2626;
+  --jumpy-input-alarm-hover-border: #E68098FF;
+  --jumpy-input-alarm-hover-icon: #F3F4F6;
+  --jumpy-input-alarm-hover-label: #FCA5A5;
+  --jumpy-input-alarm-hover-subtext: #F3F4F6;
+  --jumpy-input-alarm-hover-supporting: #DC2626;
+  --jumpy-input-alarm-hover-surface: #FFFFFFFF;
+  --jumpy-input-alarm-hover-value: #343434FF;
+  --jumpy-input-regular-default-border: #2A2A4A;
+  --jumpy-input-regular-default-icon: #F3F4F6;
+  --jumpy-input-regular-default-label: #9CA3AF;
+  --jumpy-input-regular-default-subtext: #9CA3AF;
+  --jumpy-input-regular-default-supporting: #9CA3AF;
+  --jumpy-input-regular-default-surface: #1A1A2E;
+  --jumpy-input-regular-default-surface-search: #1A1A2E;
+  --jumpy-input-regular-default-value: #F3F4F6;
+  --jumpy-input-regular-disabled-border: #2A2A4A;
+  --jumpy-input-regular-disabled-icon: #F3F4F6;
+  --jumpy-input-regular-disabled-label: #9CA3AF;
+  --jumpy-input-regular-disabled-subtext: #9CA3AF;
+  --jumpy-input-regular-disabled-supporting: #9CA3AF;
+  --jumpy-input-regular-disabled-surface: #1A1A2E;
+  --jumpy-input-regular-disabled-value: #F3F4F6;
+  --jumpy-input-regular-focus-border: #FF5C00;
+  --jumpy-input-regular-focus-icon: #F3F4F6;
+  --jumpy-input-regular-focus-label: #9CA3AF;
+  --jumpy-input-regular-focus-placeholder: #737373FF;
+  --jumpy-input-regular-focus-subtext: #9CA3AF;
+  --jumpy-input-regular-focus-supporting: #9CA3AF;
+  --jumpy-input-regular-focus-surface: #1A1A2E;
+  --jumpy-input-regular-focus-surface-search: #1A1A2E;
+  --jumpy-input-regular-focus-value: #F3F4F6;
+  --jumpy-input-regular-hover-border: #2A2A4A;
+  --jumpy-input-regular-hover-icon: #F3F4F6;
+  --jumpy-input-regular-hover-label: #9CA3AF;
+  --jumpy-input-regular-hover-subtext: #9CA3AF;
+  --jumpy-input-regular-hover-supporting: #9CA3AF;
+  --jumpy-input-regular-hover-surface: #1A1A2E;
+  --jumpy-input-regular-hover-surface-search: #1A1A2E;
+  --jumpy-input-regular-hover-value: #F3F4F6;
+  --jumpy-interactive-active-alarm-default-border: rgba(239,68,68,0.14);
+  --jumpy-interactive-active-alarm-default-icon: #DC2626;
+  --jumpy-interactive-active-alarm-default-subtext: #F3F4F6;
+  --jumpy-interactive-active-alarm-default-surface: rgba(239,68,68,0.14);
+  --jumpy-interactive-active-alarm-default-text: #DC2626;
+  --jumpy-interactive-active-alarm-disabled-border: #1A1A2E;
+  --jumpy-interactive-active-alarm-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-interactive-active-alarm-disabled-subtext: #9CA3AF;
+  --jumpy-interactive-active-alarm-disabled-surface: #1A1A2E;
+  --jumpy-interactive-active-alarm-disabled-text: #9CA3AF;
+  --jumpy-interactive-active-alarm-focus-border: rgba(239,68,68,0.14);
+  --jumpy-interactive-active-alarm-focus-focus-ring: #FF5C00;
+  --jumpy-interactive-active-alarm-focus-icon: #DC2626;
+  --jumpy-interactive-active-alarm-focus-subtext: #F3F4F6;
+  --jumpy-interactive-active-alarm-focus-surface: rgba(239,68,68,0.14);
+  --jumpy-interactive-active-alarm-focus-text: #DC2626;
+  --jumpy-interactive-active-alarm-hover-border: rgba(239,68,68,0.14);
+  --jumpy-interactive-active-alarm-hover-icon: #FCA5A5;
+  --jumpy-interactive-active-alarm-hover-subtext: #F3F4F6;
+  --jumpy-interactive-active-alarm-hover-surface: rgba(239,68,68,0.14);
+  --jumpy-interactive-active-alarm-hover-surface-alternate: rgba(239,68,68,0.3);
+  --jumpy-interactive-active-alarm-hover-text: #FCA5A5;
+  --jumpy-interactive-active-alarm-pressed-border: rgba(239,68,68,0.3);
+  --jumpy-interactive-active-alarm-pressed-icon: #FCA5A5;
+  --jumpy-interactive-active-alarm-pressed-subtext: #F3F4F6;
+  --jumpy-interactive-active-alarm-pressed-surface: rgba(239,68,68,0.3);
+  --jumpy-interactive-active-alarm-pressed-text: #FCA5A5;
+  --jumpy-interactive-active-regular-default-border: rgba(255,92,0,0.1);
+  --jumpy-interactive-active-regular-default-icon: #FF5C00;
+  --jumpy-interactive-active-regular-default-subtext: #F3F4F6;
+  --jumpy-interactive-active-regular-default-surface: rgba(255,92,0,0.1);
+  --jumpy-interactive-active-regular-default-text: #FF5C00;
+  --jumpy-interactive-active-regular-disabled-border: #1A1A2E;
+  --jumpy-interactive-active-regular-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-interactive-active-regular-disabled-subtext: #9CA3AF;
+  --jumpy-interactive-active-regular-disabled-surface: #1A1A2E;
+  --jumpy-interactive-active-regular-disabled-text: #9CA3AF;
+  --jumpy-interactive-active-regular-focus-border: rgba(255,92,0,0.1);
+  --jumpy-interactive-active-regular-focus-focus-ring: #FF5C00;
+  --jumpy-interactive-active-regular-focus-icon: #FF5C00;
+  --jumpy-interactive-active-regular-focus-subtext: #F3F4F6;
+  --jumpy-interactive-active-regular-focus-surface: rgba(255,92,0,0.1);
+  --jumpy-interactive-active-regular-focus-text: #FF5C00;
+  --jumpy-interactive-active-regular-hover-border: rgba(255,92,0,0.1);
+  --jumpy-interactive-active-regular-hover-icon: #FF5C00;
+  --jumpy-interactive-active-regular-hover-subtext: #F3F4F6;
+  --jumpy-interactive-active-regular-hover-surface: rgba(255,92,0,0.28);
+  --jumpy-interactive-active-regular-hover-surface-alternate: rgba(255,92,0,0.28);
+  --jumpy-interactive-active-regular-hover-text: #FF5C00;
+  --jumpy-interactive-active-regular-pressed-border: rgba(255,92,0,0.1);
+  --jumpy-interactive-active-regular-pressed-icon: #FF5C00;
+  --jumpy-interactive-active-regular-pressed-subtext: #F3F4F6;
+  --jumpy-interactive-active-regular-pressed-surface: #DDEABEFF;
+  --jumpy-interactive-active-regular-pressed-text: #FF5C00;
+  --jumpy-interactive-inactive-alarm-default-border: #9CA3AF;
+  --jumpy-interactive-inactive-alarm-default-icon: #DC2626;
+  --jumpy-interactive-inactive-alarm-default-subtext: #575B5E;
+  --jumpy-interactive-inactive-alarm-default-surface: #FFFFFFFF;
+  --jumpy-interactive-inactive-alarm-default-surface-alternate: #1A1A2E;
+  --jumpy-interactive-inactive-alarm-default-text: #DC2626;
+  --jumpy-interactive-inactive-alarm-disabled-border: #1A1A2E;
+  --jumpy-interactive-inactive-alarm-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-interactive-inactive-alarm-disabled-subtext: #9CA3AF;
+  --jumpy-interactive-inactive-alarm-disabled-surface: #FFFFFFFF;
+  --jumpy-interactive-inactive-alarm-disabled-text: #9CA3AF;
+  --jumpy-interactive-inactive-alarm-focus-border: #9CA3AF;
+  --jumpy-interactive-inactive-alarm-focus-focus-ring: #FF5C00;
+  --jumpy-interactive-inactive-alarm-focus-icon: #DC2626;
+  --jumpy-interactive-inactive-alarm-focus-subtext: #575B5E;
+  --jumpy-interactive-inactive-alarm-focus-surface: #FFFFFFFF;
+  --jumpy-interactive-inactive-alarm-focus-surface-alternate: #1A1A2E;
+  --jumpy-interactive-inactive-alarm-focus-text: #DC2626;
+  --jumpy-interactive-inactive-alarm-hover-border: #9CA3AF;
+  --jumpy-interactive-inactive-alarm-hover-icon: #FCA5A5;
+  --jumpy-interactive-inactive-alarm-hover-subtext: #575B5E;
+  --jumpy-interactive-inactive-alarm-hover-surface: rgba(239,68,68,0.14);
+  --jumpy-interactive-inactive-alarm-hover-surface-alternate: rgba(239,68,68,0.3);
+  --jumpy-interactive-inactive-alarm-hover-text: #FCA5A5;
+  --jumpy-interactive-inactive-alarm-pressed-border: #737373FF;
+  --jumpy-interactive-inactive-alarm-pressed-icon: #FCA5A5;
+  --jumpy-interactive-inactive-alarm-pressed-subtext: #575B5E;
+  --jumpy-interactive-inactive-alarm-pressed-surface: rgba(239,68,68,0.3);
+  --jumpy-interactive-inactive-alarm-pressed-text: #FCA5A5;
+  --jumpy-interactive-inactive-regular-default-border: #9CA3AF;
+  --jumpy-interactive-inactive-regular-default-icon: #F3F4F6;
+  --jumpy-interactive-inactive-regular-default-subtext: #575B5E;
+  --jumpy-interactive-inactive-regular-default-surface: #FFFFFFFF;
+  --jumpy-interactive-inactive-regular-default-surface-alternate: #1A1A2E;
+  --jumpy-interactive-inactive-regular-default-text: #343434FF;
+  --jumpy-interactive-inactive-regular-disabled-border: #1A1A2E;
+  --jumpy-interactive-inactive-regular-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-interactive-inactive-regular-disabled-subtext: #9CA3AF;
+  --jumpy-interactive-inactive-regular-disabled-surface: #FFFFFFFF;
+  --jumpy-interactive-inactive-regular-disabled-text: #9CA3AF;
+  --jumpy-interactive-inactive-regular-focus-border: #9CA3AF;
+  --jumpy-interactive-inactive-regular-focus-focus-ring: #FF5C00;
+  --jumpy-interactive-inactive-regular-focus-icon: #F3F4F6;
+  --jumpy-interactive-inactive-regular-focus-subtext: #575B5E;
+  --jumpy-interactive-inactive-regular-focus-surface: #FFFFFFFF;
+  --jumpy-interactive-inactive-regular-focus-surface-alternate: #1A1A2E;
+  --jumpy-interactive-inactive-regular-focus-text: #343434FF;
+  --jumpy-interactive-inactive-regular-hover-border: #9CA3AF;
+  --jumpy-interactive-inactive-regular-hover-icon: #343434FF;
+  --jumpy-interactive-inactive-regular-hover-subtext: #575B5E;
+  --jumpy-interactive-inactive-regular-hover-surface: #F9FCF4FF;
+  --jumpy-interactive-inactive-regular-hover-surface-alternate: rgba(255,92,0,0.1);
+  --jumpy-interactive-inactive-regular-hover-text: #343434FF;
+  --jumpy-interactive-inactive-regular-pressed-border: #737373FF;
+  --jumpy-interactive-inactive-regular-pressed-icon: #343434FF;
+  --jumpy-interactive-inactive-regular-pressed-subtext: #575B5E;
+  --jumpy-interactive-inactive-regular-pressed-surface: rgba(255,92,0,0.1);
+  --jumpy-interactive-inactive-regular-pressed-text: #343434FF;
+  --jumpy-non-interactive-background-alternative: #1A1A2E;
+  --jumpy-non-interactive-background-alternative-floating: #1A1A2E;
+  --jumpy-non-interactive-background-alternative-raised: #1A1A2E;
+  --jumpy-non-interactive-background-brand: #F9FCF4FF;
+  --jumpy-non-interactive-background-default: #0F0F1A;
+  --jumpy-non-interactive-background-default-floating: #1A1A2E;
+  --jumpy-non-interactive-background-default-raised: #1A1A2E;
+  --jumpy-non-interactive-foreground-primary: #F3F4F6;
+  --jumpy-non-interactive-foreground-secondary: #9CA3AF;
+  --jumpy-opacity-disabled: 0.48;
+  --jumpy-opacity-gentle: 0.24;
+  --jumpy-opacity-hard: 0.8;
+  --jumpy-opacity-medium: 0.48;
+  --jumpy-opacity-mild: 0.3;
+  --jumpy-opacity-muted: 0.64;
+  --jumpy-opacity-overlay: 0.8;
+  --jumpy-opacity-soft: 0.16;
+  --jumpy-opacity-softest: 0.08;
+  --jumpy-opacity-solid: 1;
+  --jumpy-opacity-strong: 0.64;
+  --jumpy-opacity-subtle: 0.24;
+  --jumpy-opacity-transparent: 0;
+  --jumpy-radius-full: 9999px;
+  --jumpy-radius-large: 16px;
+  --jumpy-radius-large-2xl: 20px;
+  --jumpy-radius-large-xl: 18px;
+  --jumpy-radius-medium: 12px;
+  --jumpy-radius-none: 0px;
+  --jumpy-radius-radius-2xlarge: 20px;
+  --jumpy-radius-radius-2xsmall: 4px;
+  --jumpy-radius-radius-3xsmall: 2px;
+  --jumpy-radius-radius-full: 9999px;
+  --jumpy-radius-radius-large: 16px;
+  --jumpy-radius-radius-medium: 12px;
+  --jumpy-radius-radius-none: 0px;
+  --jumpy-radius-radius-small: 8px;
+  --jumpy-radius-radius-xlarge: 18px;
+  --jumpy-radius-radius-xsmall: 6px;
+  --jumpy-radius-small: 8px;
+  --jumpy-radius-small-2xs: 4px;
+  --jumpy-radius-small-3xs: 2px;
+  --jumpy-radius-small-xs: 6px;
+  --jumpy-selectors-active-default-border: #FF5C00;
+  --jumpy-selectors-active-default-handle: #FFFFFFFF;
+  --jumpy-selectors-active-default-icon: #FFFFFFFF;
+  --jumpy-selectors-active-default-surface: #FF5C00;
+  --jumpy-selectors-active-default-text: #FF5C00;
+  --jumpy-selectors-active-disabled-border: #1A1A2E;
+  --jumpy-selectors-active-disabled-handle: #FFFFFFFF;
+  --jumpy-selectors-active-disabled-icon: #FFFFFFFF;
+  --jumpy-selectors-active-disabled-surface: #1A1A2E;
+  --jumpy-selectors-active-disabled-text: #9CA3AF;
+  --jumpy-selectors-active-focus-border: #FF5C00;
+  --jumpy-selectors-active-focus-focus-ring: #FF5C00;
+  --jumpy-selectors-active-focus-handle: #FFFFFFFF;
+  --jumpy-selectors-active-focus-icon: #FFFFFFFF;
+  --jumpy-selectors-active-focus-surface: #FF5C00;
+  --jumpy-selectors-active-focus-text: #FF5C00;
+  --jumpy-selectors-active-hover-border: #FF7A2F;
+  --jumpy-selectors-active-hover-handle: #FFFFFFFF;
+  --jumpy-selectors-active-hover-hover-ring: #F9FCF4FF;
+  --jumpy-selectors-active-hover-icon: #FFFFFFFF;
+  --jumpy-selectors-active-hover-surface: #FF7A2F;
+  --jumpy-selectors-active-hover-text: #FF5C00;
+  --jumpy-selectors-active-pressed-border: #DDEABEFF;
+  --jumpy-selectors-active-pressed-handle: #FFFFFFFF;
+  --jumpy-selectors-active-pressed-icon: #FFFFFFFF;
+  --jumpy-selectors-active-pressed-surface: #DDEABEFF;
+  --jumpy-selectors-active-pressed-text: #FF5C00;
+  --jumpy-selectors-active-read-only-border: #E3E3E3FF;
+  --jumpy-selectors-active-read-only-handle: #E3E3E3FF;
+  --jumpy-selectors-active-read-only-icon: #FF5C00;
+  --jumpy-selectors-active-read-only-surface: #FFFFFFFF;
+  --jumpy-selectors-active-read-only-text: #FF5C00;
+  --jumpy-selectors-inactive-default-border: #9CA3AF;
+  --jumpy-selectors-inactive-default-handle: #575B5E;
+  --jumpy-selectors-inactive-default-icon: #F3F4F6;
+  --jumpy-selectors-inactive-default-surface: #F6F6F6FF;
+  --jumpy-selectors-inactive-default-text: #343434FF;
+  --jumpy-selectors-inactive-disabled-border: #1A1A2E;
+  --jumpy-selectors-inactive-disabled-handle: rgba(42,42,74,0.72);
+  --jumpy-selectors-inactive-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-selectors-inactive-disabled-surface: #1A1A2E;
+  --jumpy-selectors-inactive-disabled-text: #9CA3AF;
+  --jumpy-selectors-inactive-focus-border: #9CA3AF;
+  --jumpy-selectors-inactive-focus-focus-ring: #FF5C00;
+  --jumpy-selectors-inactive-focus-handle: #575B5E;
+  --jumpy-selectors-inactive-focus-icon: #F3F4F6;
+  --jumpy-selectors-inactive-focus-surface: #F6F6F6FF;
+  --jumpy-selectors-inactive-focus-text: #343434FF;
+  --jumpy-selectors-inactive-hover-border: #575B5E;
+  --jumpy-selectors-inactive-hover-handle: #575B5E;
+  --jumpy-selectors-inactive-hover-hover-ring: #F9FCF4FF;
+  --jumpy-selectors-inactive-hover-icon: #575B5E;
+  --jumpy-selectors-inactive-hover-surface: #F9FCF4FF;
+  --jumpy-selectors-inactive-hover-text: #343434FF;
+  --jumpy-selectors-inactive-pressed-border: #9CA3AF;
+  --jumpy-selectors-inactive-pressed-handle: #575B5E;
+  --jumpy-selectors-inactive-pressed-icon: #575B5E;
+  --jumpy-selectors-inactive-pressed-surface: rgba(255,92,0,0.1);
+  --jumpy-selectors-inactive-pressed-text: #343434FF;
+  --jumpy-selectors-inactive-read-only-border: #E3E3E3FF;
+  --jumpy-selectors-inactive-read-only-handle: #E3E3E3FF;
+  --jumpy-selectors-inactive-read-only-icon: #575B5E;
+  --jumpy-selectors-inactive-read-only-surface: #FFFFFFFF;
+  --jumpy-selectors-inactive-read-only-text: #343434FF;
+  --jumpy-shadow-button: 0 18px 50px rgba(18,138,66,0.22);
+  --jumpy-shadow-card: 0 24px 90px rgba(26,28,31,0.08);
+  --jumpy-shadow-keyline-box-shadow: 0 1px 2px rgba(26,28,31,0.08);
+  --jumpy-shadow-loader: 0 24px 90px rgba(26,28,31,0.08);
+  --jumpy-shadow-negative-large: 0 -24px 60px rgba(26,28,31,0.14);
+  --jumpy-shadow-negative-medium: 0 -14px 32px rgba(26,28,31,0.1);
+  --jumpy-shadow-negative-small: 0 -8px 20px rgba(26,28,31,0.08);
+  --jumpy-shadow-positive-large: 0 18px 50px rgba(18,138,66,0.22);
+  --jumpy-shadow-positive-medium: 0 24px 90px rgba(26,28,31,0.08);
+  --jumpy-shadow-positive-small: 0 12px 24px rgba(26,28,31,0.08);
+  --jumpy-sizing-card-radius: 22px;
+  --jumpy-sizing-choice-radius: 18px;
+  --jumpy-sizing-control-height: 48px;
+  --jumpy-sizing-control-padding-x: 16px;
+  --jumpy-sizing-field-padding-x: 16px;
+  --jumpy-sizing-field-padding-y: 4px;
+  --jumpy-sizing-field-radius: 8px;
+  --jumpy-sizing-loader-size: 80px;
+  --jumpy-sizing-modal-width: 384px;
+  --jumpy-sizing-size-2xlarge: 56px;
+  --jumpy-sizing-size-2xsmall: 16px;
+  --jumpy-sizing-size-3xlarge: 64px;
+  --jumpy-sizing-size-3xsmall: 12px;
+  --jumpy-sizing-size-4xlarge: 72px;
+  --jumpy-sizing-size-4xsmall: 8px;
+  --jumpy-sizing-size-5xlarge: 80px;
+  --jumpy-sizing-size-5xsmall: 4px;
+  --jumpy-sizing-size-6xlarge: 88px;
+  --jumpy-sizing-size-7xlarge: 120px;
+  --jumpy-sizing-size-8xlarge: 128px;
+  --jumpy-sizing-size-large: 40px;
+  --jumpy-sizing-size-medium: 32px;
+  --jumpy-sizing-size-none: 0px;
+  --jumpy-sizing-size-small: 24px;
+  --jumpy-sizing-size-xlarge: 48px;
+  --jumpy-sizing-size-xsmall: 20px;
+  --jumpy-slider-active-default-handle: #FF5C00;
+  --jumpy-slider-active-default-handle-surface: rgba(255, 255, 255, 0);
+  --jumpy-slider-active-default-icon: #FF5C00;
+  --jumpy-slider-active-default-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-active-default-stop-text: #343434FF;
+  --jumpy-slider-active-default-track: #FF5C00;
+  --jumpy-slider-active-disabled-handle: rgba(42,42,74,0.72);
+  --jumpy-slider-active-disabled-handle-surface: rgba(255, 255, 255, 0);
+  --jumpy-slider-active-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-slider-active-disabled-stop-dot: #1A1A2E;
+  --jumpy-slider-active-disabled-stop-text: rgba(42,42,74,0.72);
+  --jumpy-slider-active-disabled-track: #1A1A2E;
+  --jumpy-slider-active-focus-handle: #FF5C00;
+  --jumpy-slider-active-focus-handle-focus-ring: #E05200;
+  --jumpy-slider-active-focus-handle-surface: rgba(255, 255, 255, 0);
+  --jumpy-slider-active-focus-icon: #FF5C00;
+  --jumpy-slider-active-focus-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-active-focus-stop-text: #343434FF;
+  --jumpy-slider-active-focus-track: #FF5C00;
+  --jumpy-slider-active-hover-handle: #FF5C00;
+  --jumpy-slider-active-hover-handle-surface: #F9FCF4FF;
+  --jumpy-slider-active-hover-icon: #FF5C00;
+  --jumpy-slider-active-hover-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-active-hover-stop-text: #343434FF;
+  --jumpy-slider-active-hover-track: #FF5C00;
+  --jumpy-slider-active-pressed-handle: #FF5C00;
+  --jumpy-slider-active-pressed-handle-surface: rgba(255,92,0,0.1);
+  --jumpy-slider-active-pressed-icon: #FF5C00;
+  --jumpy-slider-active-pressed-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-active-pressed-stop-text: #343434FF;
+  --jumpy-slider-active-pressed-track: #FF5C00;
+  --jumpy-slider-inactive-default-icon: #FF5C00;
+  --jumpy-slider-inactive-default-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-inactive-default-stop-text: #343434FF;
+  --jumpy-slider-inactive-default-track: #1A1A2E;
+  --jumpy-slider-inactive-disabled-icon: rgba(42,42,74,0.72);
+  --jumpy-slider-inactive-disabled-stop-dot: #1A1A2E;
+  --jumpy-slider-inactive-disabled-stop-text: rgba(42,42,74,0.72);
+  --jumpy-slider-inactive-disabled-track: #1A1A2E;
+  --jumpy-slider-inactive-focus-icon: #FF5C00;
+  --jumpy-slider-inactive-focus-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-inactive-focus-stop-text: #343434FF;
+  --jumpy-slider-inactive-focus-track: #1A1A2E;
+  --jumpy-slider-inactive-hover-icon: #FF5C00;
+  --jumpy-slider-inactive-hover-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-inactive-hover-stop-text: #343434FF;
+  --jumpy-slider-inactive-hover-track: #1A1A2E;
+  --jumpy-slider-inactive-pressed-icon: #FF5C00;
+  --jumpy-slider-inactive-pressed-stop-dot: rgba(42,42,74,0.72);
+  --jumpy-slider-inactive-pressed-stop-text: #343434FF;
+  --jumpy-slider-inactive-pressed-track: #1A1A2E;
+  --jumpy-spacing-gap-2xlarge: 24px;
+  --jumpy-spacing-gap-2xsmall: 6px;
+  --jumpy-spacing-gap-3xlarge: 32px;
+  --jumpy-spacing-gap-3xsmall: 4px;
+  --jumpy-spacing-gap-4xlarge: 40px;
+  --jumpy-spacing-gap-4xsmall: 2px;
+  --jumpy-spacing-gap-large: 16px;
+  --jumpy-spacing-gap-medium: 12px;
+  --jumpy-spacing-gap-none: 0px;
+  --jumpy-spacing-gap-small: 10px;
+  --jumpy-spacing-gap-xlarge: 20px;
+  --jumpy-spacing-gap-xsmall: 8px;
+  --jumpy-spacing-large: 16px;
+  --jumpy-spacing-large-2xl: 24px;
+  --jumpy-spacing-large-3xl: 32px;
+  --jumpy-spacing-large-4xl: 40px;
+  --jumpy-spacing-large-xl: 20px;
+  --jumpy-spacing-medium: 12px;
+  --jumpy-spacing-small: 10px;
+  --jumpy-spacing-small-2xs: 6px;
+  --jumpy-spacing-small-3xs: 4px;
+  --jumpy-spacing-small-4xs: 2px;
+  --jumpy-spacing-small-xs: 8px;
+  --jumpy-spacing-zero: 0px;
+  --jumpy-token-preset-name: jumpy;
+  --jumpy-typography-font-family: Arial, Helvetica, sans-serif;
+  --jumpy-typography-label-letter-spacing: 0.12em;
+  --jumpy-typography-label-transform: uppercase;
+}