/**
 * Do not edit directly
 * Generated on Wed, 23 Jul 2025 13:58:43 GMT
 */

:root {
  --ds-color-alias-alert-primary-success: #2e7d32;
  --ds-color-alias-alert-primary-error: #d50000;
  --ds-color-alias-alert-secondary-success: #246127;
  --ds-color-alias-alert-secondary-error: #a50000;
  --ds-color-alias-body-background-light: #f2f2f2; /* The background color of the body. */
  --ds-color-alias-body-background-dark: #000000;
  --ds-color-alias-border: #d8d8d8;
  --ds-color-alias-component-background-light: #ffffff;
  --ds-color-alias-component-background-dark: #000000;
  --ds-color-alias-cta-primary-white-default-background: #ffffff;
  --ds-color-alias-cta-primary-white-default-text: #000000;
  --ds-color-alias-cta-primary-white-hover-background: #f2f2f2;
  --ds-color-alias-cta-primary-white-hover-text: #000000;
  --ds-color-alias-cta-primary-white-active-background: #d8d8d8;
  --ds-color-alias-cta-primary-white-active-text: #000000;
  --ds-color-alias-cta-primary-black-default-background: #000000;
  --ds-color-alias-cta-primary-black-default-text: #ffffff;
  --ds-color-alias-cta-primary-black-hover-background: #262626;
  --ds-color-alias-cta-primary-black-hover-text: #ffffff;
  --ds-color-alias-cta-primary-black-active-background: #404040;
  --ds-color-alias-cta-primary-black-active-text: #ffffff;
  --ds-color-alias-cta-primary-default-background: #f06c00;
  --ds-color-alias-cta-primary-default-border: #f06c00;
  --ds-color-alias-cta-primary-default-text: #ffffff;
  --ds-color-alias-cta-primary-hover-background: #e55000;
  --ds-color-alias-cta-primary-hover-text: #ffffff;
  --ds-color-alias-cta-primary-active-background: #c15100;
  --ds-color-alias-cta-primary-active-border: #c15100;
  --ds-color-alias-cta-primary-active-text: #ffffff;
  --ds-color-alias-cta-primary-disabled-background: rgba(240,108,0,0.5);
  --ds-color-alias-cta-primary-disabled-text: rgba(255,255,255,0.5);
  --ds-color-alias-cta-secondary-white-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-secondary-white-default-border: #ffffff;
  --ds-color-alias-cta-secondary-white-default-text: #ffffff;
  --ds-color-alias-cta-secondary-white-hover-text: #ffffff;
  --ds-color-alias-cta-secondary-white-hover-background: rgba(255,255,255,0.1);
  --ds-color-alias-cta-secondary-white-hover-border: #ffffff;
  --ds-color-alias-cta-secondary-white-active-background: rgba(255,255,255,0.2);
  --ds-color-alias-cta-secondary-white-active-border: #ffffff;
  --ds-color-alias-cta-secondary-white-active-text: #ffffff;
  --ds-color-alias-cta-secondary-black-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-secondary-black-default-border: #000000;
  --ds-color-alias-cta-secondary-black-default-text: #000000;
  --ds-color-alias-cta-secondary-black-hover-text: #000000;
  --ds-color-alias-cta-secondary-black-hover-border: #000000;
  --ds-color-alias-cta-secondary-black-hover-background: rgba(0,0,0,0.1);
  --ds-color-alias-cta-secondary-black-active-background: rgba(0,0,0,0.2);
  --ds-color-alias-cta-secondary-black-active-border: #000000;
  --ds-color-alias-cta-secondary-black-active-text: #000000;
  --ds-color-alias-cta-secondary-brand-1-hover-text: #f06c00;
  --ds-color-alias-cta-secondary-brand-1-hover-background: rgba(254,245,240,0.6);
  --ds-color-alias-cta-secondary-brand-1-active-background: rgba(254,245,240,0.2);
  --ds-color-alias-cta-secondary-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-secondary-default-border: #f06c00;
  --ds-color-alias-cta-secondary-default-text: #f06c00;
  --ds-color-alias-cta-secondary-hover-background: rgba(240,108,0,0.1);
  --ds-color-alias-cta-secondary-hover-border: #e55000;
  --ds-color-alias-cta-secondary-hover-text: #e55000;
  --ds-color-alias-cta-secondary-active-background: rgba(240,108,0,0.2);
  --ds-color-alias-cta-secondary-active-border: #e55000;
  --ds-color-alias-cta-secondary-active-text: #e55000;
  --ds-color-alias-cta-secondary-disabled-background: rgba(0,0,0,0);
  --ds-color-alias-cta-secondary-disabled-border: rgba(240,108,0,0.5);
  --ds-color-alias-cta-secondary-disabled-text: rgba(240,108,0,0.5);
  --ds-color-alias-cta-secondary-disabled-opacity: 0.5; /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-secondary-disabled-overlay: rgba(255,255,255,0.5); /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-secondary-loading-indicator-active: #f06c00;
  --ds-color-alias-cta-tertiary-white-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-tertiary-white-default-text: #ffffff;
  --ds-color-alias-cta-tertiary-white-hover-background: rgba(255,255,255,0.1);
  --ds-color-alias-cta-tertiary-white-hover-text: #ffffff;
  --ds-color-alias-cta-tertiary-white-active-background: rgba(255,255,255,0.2);
  --ds-color-alias-cta-tertiary-white-active-text: #ffffff;
  --ds-color-alias-cta-tertiary-black-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-tertiary-black-default-text: #000000;
  --ds-color-alias-cta-tertiary-black-hover-background: rgba(0,0,0,0.1);
  --ds-color-alias-cta-tertiary-black-hover-text: #000000;
  --ds-color-alias-cta-tertiary-black-active-background: rgba(0,0,0,0.2);
  --ds-color-alias-cta-tertiary-black-active-text: #000000;
  --ds-color-alias-cta-tertiary-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-tertiary-default-text: #f06c00;
  --ds-color-alias-cta-tertiary-hover-background: rgba(240,108,0,0.1);
  --ds-color-alias-cta-tertiary-hover-border: #e55000;
  --ds-color-alias-cta-tertiary-hover-text: #e55000;
  --ds-color-alias-cta-tertiary-active-background: rgba(240,108,0,0.2);
  --ds-color-alias-cta-tertiary-active-border: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-tertiary-active-text: #e55000;
  --ds-color-alias-cta-tertiary-disabled-background: rgba(0,0,0,0);
  --ds-color-alias-cta-tertiary-disabled-text: rgba(240,108,0,0.5);
  --ds-color-alias-cta-tertiary-disabled-opacity: 0.5; /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-tertiary-disabled-overlay: rgba(255,255,255,0.5); /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-tertiary-loading-indicator-active: #f06c00;
  --ds-color-alias-cta-scheme-monochrome-dark-primary-hover-background: rgba(0,0,0,0.8);
  --ds-color-alias-cta-scheme-monochrome-dark-secondary-hover-background: rgba(0,0,0,0.1);
  --ds-color-alias-cta-scheme-monochrome-dark-secondary-active-background: rgba(0,0,0,0.1);
  --ds-color-alias-cta-scheme-monochrome-dark-tertiary-hover-background: rgba(0,0,0,0.1);
  --ds-color-alias-cta-scheme-monochrome-dark-tertiary-active-background: rgba(0,0,0,0.1);
  --ds-color-alias-cta-scheme-monochrome-light-secondary-default-background: rgba(0,0,0,0);
  --ds-color-alias-cta-scheme-brand-1-primary-default-background: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-primary-default-text: #ffffff;
  --ds-color-alias-cta-scheme-brand-1-primary-hover-background: rgba(240,108,0,0.8);
  --ds-color-alias-cta-scheme-brand-1-primary-hover-text: #ffffff;
  --ds-color-alias-cta-scheme-brand-1-primary-active-background: #e55000;
  --ds-color-alias-cta-scheme-brand-1-primary-active-border: #e55000;
  --ds-color-alias-cta-scheme-brand-1-primary-active-text: #ffffff;
  --ds-color-alias-cta-scheme-brand-1-primary-disabled-background: rgba(240,108,0,0.5);
  --ds-color-alias-cta-scheme-brand-1-primary-disabled-text: rgba(255,255,255,0.5);
  --ds-color-alias-cta-scheme-brand-1-secondary-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-scheme-brand-1-secondary-default-border: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-secondary-default-text: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-secondary-hover-background: rgba(254,245,240,0.6);
  --ds-color-alias-cta-scheme-brand-1-secondary-hover-border: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-secondary-hover-text: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-secondary-active-background: rgba(254,245,240,0.2);
  --ds-color-alias-cta-scheme-brand-1-secondary-active-border: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-secondary-active-text: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-secondary-disabled-background: rgba(0,0,0,0);
  --ds-color-alias-cta-scheme-brand-1-secondary-disabled-border: rgba(240,108,0,0.5);
  --ds-color-alias-cta-scheme-brand-1-secondary-disabled-text: rgba(240,108,0,0.5);
  --ds-color-alias-cta-scheme-brand-1-secondary-disabled-opacity: 0.5; /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-scheme-brand-1-secondary-disabled-overlay: rgba(255,255,255,0.5); /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-scheme-brand-1-tertiary-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-scheme-brand-1-tertiary-default-text: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-tertiary-hover-background: rgba(254,245,240,0.6);
  --ds-color-alias-cta-scheme-brand-1-tertiary-hover-border: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-tertiary-hover-text: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-tertiary-active-background: rgba(254,245,240,0.2);
  --ds-color-alias-cta-scheme-brand-1-tertiary-active-border: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-scheme-brand-1-tertiary-active-text: #f06c00;
  --ds-color-alias-cta-scheme-brand-1-tertiary-disabled-background: rgba(0,0,0,0);
  --ds-color-alias-cta-scheme-brand-1-tertiary-disabled-text: rgba(240,108,0,0.5);
  --ds-color-alias-cta-scheme-brand-1-tertiary-disabled-opacity: 0.5; /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-scheme-brand-1-tertiary-disabled-overlay: rgba(255,255,255,0.5); /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-scheme-brand-2-primary-default-background: #7f0442;
  --ds-color-alias-cta-scheme-brand-2-primary-default-text: #ffffff;
  --ds-color-alias-cta-scheme-brand-2-primary-hover-background: #660335;
  --ds-color-alias-cta-scheme-brand-2-primary-hover-text: #ffffff;
  --ds-color-alias-cta-scheme-brand-2-primary-active-background: #4c0228;
  --ds-color-alias-cta-scheme-brand-2-primary-active-border: #660335;
  --ds-color-alias-cta-scheme-brand-2-primary-active-text: #ffffff;
  --ds-color-alias-cta-scheme-brand-2-primary-disabled-background: rgba(127,4,66,0.5);
  --ds-color-alias-cta-scheme-brand-2-primary-disabled-text: rgba(255,255,255,0.5);
  --ds-color-alias-cta-scheme-brand-2-secondary-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-scheme-brand-2-secondary-default-border: #7f0442;
  --ds-color-alias-cta-scheme-brand-2-secondary-default-text: #7f0442;
  --ds-color-alias-cta-scheme-brand-2-secondary-hover-background: rgba(127,4,66,0.1);
  --ds-color-alias-cta-scheme-brand-2-secondary-hover-border: #660335;
  --ds-color-alias-cta-scheme-brand-2-secondary-hover-text: #660335;
  --ds-color-alias-cta-scheme-brand-2-secondary-active-background: rgba(127,4,66,0.2);
  --ds-color-alias-cta-scheme-brand-2-secondary-active-border: #660335;
  --ds-color-alias-cta-scheme-brand-2-secondary-active-text: #660335;
  --ds-color-alias-cta-scheme-brand-2-secondary-disabled-background: rgba(0,0,0,0);
  --ds-color-alias-cta-scheme-brand-2-secondary-disabled-text: rgba(127,4,66,0.5);
  --ds-color-alias-cta-scheme-brand-2-tertiary-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-scheme-brand-2-tertiary-default-text: #7f0442;
  --ds-color-alias-cta-scheme-brand-2-tertiary-hover-background: rgba(127,4,66,0.1);
  --ds-color-alias-cta-scheme-brand-2-tertiary-hover-border: #7f0442;
  --ds-color-alias-cta-scheme-brand-2-tertiary-hover-text: #7f0442;
  --ds-color-alias-cta-scheme-brand-2-tertiary-active-background: rgba(127,4,66,0.2);
  --ds-color-alias-cta-scheme-brand-2-tertiary-active-border: rgba(0, 0, 0, 0);
  --ds-color-alias-cta-scheme-brand-2-tertiary-active-text: #7f0442;
  --ds-color-alias-cta-scheme-brand-2-tertiary-disabled-background: rgba(0,0,0,0);
  --ds-color-alias-cta-scheme-brand-2-tertiary-disabled-text: rgba(127,4,66,0.5);
  --ds-color-alias-cta-scheme-brand-2-tertiary-disabled-opacity: 0.5; /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-cta-scheme-brand-2-tertiary-disabled-overlay: rgba(255,255,255,0.5); /* disabled versions of buttons reduce the opacity of the button */
  --ds-color-alias-dim-default: rgba(0,0,0,0.5);
  --ds-color-alias-form-default-hover-outline: #f06c00;
  --ds-color-alias-form-error-hover-outline: #d50000;
  --ds-color-alias-form-warning-hover-outline: #ffd600;
  --ds-color-alias-form-disabled-selected-background: rgba(240,108,0,0.3);
  --ds-color-alias-form-label-default: #404040;
  --ds-color-alias-link-default-color: #f06c00;
  --ds-color-alias-link-hover-text-color: #e55000;
  --ds-color-alias-link-hover-background-color: #fef5f0;
  --ds-color-alias-loading-indicator-default-inactive: rgba(240,108,0,0.3);
  --ds-color-alias-loading-indicator-default-active: #f06c00;
  --ds-color-alias-loading-indicator-light-inactive: rgba(255,255,255,0.3);
  --ds-color-alias-loading-indicator-light-active: #ffffff;
  --ds-color-alias-loading-indicator-dark-inactive: rgba(64,64,64,0.3);
  --ds-color-alias-loading-indicator-dark-active: #404040;
  --ds-color-alias-price-default: #8223fa; /* The color of the nectar price text in the price component. */
  --ds-color-alias-rating-filled-monochrome: #404040;
  --ds-color-alias-rating-filled: #e2be00;
  --ds-color-alias-rating-empty: #d8d8d8;
  --ds-color-alias-rating-empty-monochrome: #ffffff;
  --ds-color-alias-rating-stroke: #404040;
  --ds-color-alias-shadow-default: rgba(38,38,38,0.2); /* The default box shadow colour */
  --ds-color-alias-text-default: #404040; /* The font color which is used for the text in the body. */
  --ds-color-alias-toggletip-default-background: rgba(0, 0, 0, 0);
  --ds-color-alias-toggletip-default-text: #f06c00;
  --ds-color-alias-toggletip-hover-background: rgba(254,245,240,0.6);
  --ds-color-alias-toggletip-hover-border: #f06c00;
  --ds-color-alias-toggletip-hover-text: #f06c00;
  --ds-color-alias-toggletip-active-background: rgba(254,245,240,0.2);
  --ds-color-alias-toggletip-active-border: #f06c00;
  --ds-color-alias-toggletip-active-text: #f06c00;
  --ds-color-palette-brand-1: #f06c00;
  --ds-color-palette-brand-1-dark: #e55000;
  --ds-color-palette-brand-1-light: #fef5f0;
  --ds-color-palette-brand-2: #7f0442;
  --ds-color-palette-brand-2-dark: #660335;
  --ds-color-palette-brand-2-light: #991758;
  --ds-color-palette-brand-3: #737373;
  --ds-color-palette-brand-3-dark: #404040;
  --ds-color-palette-brand-3-light: #bfbfbf;
  --ds-color-palette-brand-4: #404040;
  --ds-color-palette-brand-4-dark: #0d0d0d;
  --ds-color-palette-brand-4-light: #737373;
  --ds-color-palette-black: #000000;
  --ds-color-palette-blue-100: #0e4174;
  --ds-color-palette-blue-90: #114e8b;
  --ds-color-palette-blue-80: #135ca3;
  --ds-color-palette-blue-70: #1669ba;
  --ds-color-palette-blue-60: #1976d2;
  --ds-color-palette-blue-50: #428fda;
  --ds-color-palette-blue-40: #6ca7e2;
  --ds-color-palette-blue-30: #95c0ea;
  --ds-color-palette-blue-20: #bfd9f2;
  --ds-color-palette-blue-10: #e8f1fb;
  --ds-color-palette-blue: #1976d2;
  --ds-color-palette-green-100: #19451c;
  --ds-color-palette-green-90: #1f5321;
  --ds-color-palette-green-80: #246127;
  --ds-color-palette-green-70: #296f2c;
  --ds-color-palette-green-60: #2e7d32;
  --ds-color-palette-green-50: #40a673;
  --ds-color-palette-green-40: #79ac97;
  --ds-color-palette-green-30: #9fc3ad;
  --ds-color-palette-green-20: #c5dbcf;
  --ds-color-palette-green-10: #e6f4ed;
  --ds-color-palette-green: #2e7d32;
  --ds-color-palette-grey-100: #0d0d0d;
  --ds-color-palette-grey-90: #262626;
  --ds-color-palette-grey-80: #404040;
  --ds-color-palette-grey-70: #595959;
  --ds-color-palette-grey-60: #737373;
  --ds-color-palette-grey-50: #8c8c8c;
  --ds-color-palette-grey-40: #a6a6a6;
  --ds-color-palette-grey-30: #bfbfbf;
  --ds-color-palette-grey-20: #d8d8d8;
  --ds-color-palette-grey-10: #f2f2f2;
  --ds-color-palette-grey: #737373;
  --ds-color-palette-orange-100: #7c2d12;
  --ds-color-palette-orange-90: #9a3412;
  --ds-color-palette-orange-80: #c2410c;
  --ds-color-palette-orange-70: #e55000;
  --ds-color-palette-orange-60: #f06c00;
  --ds-color-palette-orange-50: #ff8718;
  --ds-color-palette-orange-40: #fdba74;
  --ds-color-palette-orange-30: #fed7aa;
  --ds-color-palette-orange-20: #ffedd5;
  --ds-color-palette-orange-10: #fef5f0;
  --ds-color-palette-orange: #f06c00;
  --ds-color-palette-purple-100: #38005c;
  --ds-color-palette-purple-90: #4a0983;
  --ds-color-palette-purple-80: #5d11ab;
  --ds-color-palette-purple-70: #6c18cb;
  --ds-color-palette-purple-60: #8223fa;
  --ds-color-palette-purple-50: #994bfb;
  --ds-color-palette-purple-40: #af72fc;
  --ds-color-palette-purple-30: #c69afd;
  --ds-color-palette-purple-20: #dcc1fe;
  --ds-color-palette-purple-10: #f3e9ff;
  --ds-color-palette-red-100: #750000;
  --ds-color-palette-red-90: #8d0000;
  --ds-color-palette-red-80: #a50000;
  --ds-color-palette-red-70: #bd0000;
  --ds-color-palette-red-60: #d50000;
  --ds-color-palette-red-50: #dd2e2e;
  --ds-color-palette-red-40: #e45c5c;
  --ds-color-palette-red-30: #ec8a8a;
  --ds-color-palette-red-20: #f3b8b8;
  --ds-color-palette-red-10: #fbe6e6;
  --ds-color-palette-red: #d50000;
  --ds-color-palette-white: #ffffff;
  --ds-color-palette-yellow-100: #8c7600;
  --ds-color-palette-yellow-90: #a98e00;
  --ds-color-palette-yellow-80: #c6a600;
  --ds-color-palette-yellow-70: #e2be00;
  --ds-color-palette-yellow-60: #ffd600;
  --ds-color-palette-yellow-50: #ffdd2e;
  --ds-color-palette-yellow-40: #ffe55c;
  --ds-color-palette-yellow-30: #ffec8a;
  --ds-color-palette-yellow-20: #fff4b8;
  --ds-color-palette-yellow-10: #fffbe6;
  --ds-color-palette-yellow: #ffd600;
  --ds-color-palette-plum-50: #991758;
  --ds-color-palette-plum-60: #7f0442;
  --ds-color-palette-plum-70: #660335;
  --ds-color-palette-plum-80: #4c0228;
  --ds-color-content-argos-red: #d42114;
  --ds-color-content-klarna-pink: #ffa8cd;
  --ds-color-content-klarna-off-white: #f9f8f5;
  --ds-color-content-klarna-black: #0b051d;
  --ds-color-content-white: #ffffff;
  --ds-color-content-grey-light: #f2f2f2;
  --ds-color-content-grey-mid: #a6a6a6;
  --ds-color-content-grey: #737373;
  --ds-color-content-grey-dark: #404040;
  --ds-color-content-grey-darker: #262626;
  --ds-color-content-black: #000000;
  --ds-color-content-nectar-purple: #8223fa;
  --ds-color-content-new: #1976d2; /* Sainsburys colour values for blue roundels in brand guidelines */
  --ds-color-content-paypal-left-blue: #003087;
  --ds-color-content-paypal-right-blue: #0070e0;
  --ds-color-content-paypal-slate: #001435;
  --ds-color-content-paypal-middle-blue: #001c64;
  --ds-color-content-paypal-light-grey: #f3f3f6;
  --ds-color-content-paypal-off-white: #faf8f5;
  --ds-color-content-paypal-white: #ffffff;
  --ds-color-content-sainsburys-orange: #f06c00;
  --ds-color-content-sale: #d42114; /* Sainsburys colour values for red roundels in brand guidelines */
  --ds-color-content-info-blue: #1976d2;
  --ds-color-content-info-light: #e8f1fb;
  --ds-color-content-nectar-yellow: #ffcd00;
  --ds-color-content-promo-red: #d50000;
  --ds-color-content-ttd-purple: #36072f; /* Taste the difference purple campaign colour */
  --ds-color-content-ttd-purple-light: #a277a6; /* Taste the difference purple light campaign colour */
  --ds-color-content-xmas: #005225;
  --ds-color-content-xmas-dark: #003c1b;
  --ds-color-content-xmas-darker: #002412;
  --ds-color-interaction-error-default: rgba(251,230,230,0.4);
  --ds-color-interaction-error-hover: rgba(251,230,230,0.8);
  --ds-color-interaction-error-active: #fbe6e6;
  --ds-color-interaction-primary-disabled: #d8d8d8;
  --ds-color-interaction-primary-default: #f06c00;
  --ds-color-interaction-primary-hover: #e55000;
  --ds-color-interaction-primary-active: #c15100;
  --ds-color-interaction-secondary-disabled: #d8d8d8;
  --ds-color-interaction-secondary-default: #ffffff;
  --ds-color-interaction-secondary-hover: rgba(236,106,1,0.1);
  --ds-color-interaction-secondary-active: rgba(236,106,1,0.2);
  --ds-color-monochrome-white: #ffffff;
  --ds-color-monochrome-lighter: #f2f2f2;
  --ds-color-monochrome-light: #d8d8d8;
  --ds-color-monochrome-base: #737373;
  --ds-color-monochrome-dark: #404040;
  --ds-color-monochrome-darker: #262626;
  --ds-color-monochrome-black: #000000;
  --ds-color-transparent-white-10: rgba(255,255,255,0.1);
  --ds-color-transparent-white-20: rgba(255,255,255,0.2);
  --ds-color-transparent-black-10: rgba(0,0,0,0.1);
  --ds-color-transparent-black-20: rgba(0,0,0,0.2);
  --ds-color-semantic-error-lighter: #fbe6e6;
  --ds-color-semantic-error-light: #dd2e2e;
  --ds-color-semantic-error-base: #d50000;
  --ds-color-semantic-error-dark: #bd0000;
  --ds-color-semantic-error-darker: #a50000;
  --ds-color-semantic-error-text: #ffffff; /* The default accessible text on the base value */
  --ds-color-semantic-info-lighter: #e8f1fb;
  --ds-color-semantic-info-light: #428fda;
  --ds-color-semantic-info-base: #1976d2;
  --ds-color-semantic-info-dark: #1669ba;
  --ds-color-semantic-info-darker: #135ca3;
  --ds-color-semantic-info-text: #ffffff; /* The default accessible text on the base value */
  --ds-color-semantic-success-lighter: #e6f4ed;
  --ds-color-semantic-success-light: #40a673;
  --ds-color-semantic-success-base: #2e7d32;
  --ds-color-semantic-success-dark: #296f2c;
  --ds-color-semantic-success-darker: #246127;
  --ds-color-semantic-success-text: #ffffff; /* The default accessible text on the base value */
  --ds-color-semantic-warning-lighter: #fffbe6;
  --ds-color-semantic-warning-light: #ffdd2e;
  --ds-color-semantic-warning-base: #ffd600;
  --ds-color-semantic-warning-dark: #e2be00;
  --ds-color-semantic-warning-darker: #c6a600;
  --ds-color-semantic-warning-text: #404040; /* The default accessible text on the base value */
  --ds-font-family-base: Arial, Helvetica Neue, Helvetica, sans-serif; /* The default font stack */
  --ds-font-family-monospace: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace;
  --ds-font-family-system: system, -apple-system, '.SFNSText-Regular', 'San Francisco', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif; /* A web browser native font stack which will use the users operating system font if available (for example Android = 'Roboto' and Apple devices would default to 'San Fransisco', otherwise falling back to a web safe font stack. */
  --ds-font-family-ios: SF Pro;
  --ds-font-family-android: Roboto;
  --ds-font-family-brand: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif; /* The font stack for the chosen brand */
  --ds-font-family-display-6: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-family-display-5: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-family-display-4: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-family-display-3: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-family-display-2: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-family-display-1: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-family-label-2: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-family-label-1: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-family-body-2: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-family-body-1: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-family-caption: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-family-link: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-line-height-display-6: 1.267;
  --ds-font-line-height-display-5: 1.292;
  --ds-font-line-height-display-4: 1.316;
  --ds-font-line-height-display-3: 1.333;
  --ds-font-line-height-display-2: 1.333;
  --ds-font-line-height-display-1: 1.3;
  --ds-font-line-height-label-2: 1.5;
  --ds-font-line-height-label-1: 1.5;
  --ds-font-line-height-body-2: 1.4444;
  --ds-font-line-height-body-1: 1.5;
  --ds-font-line-height-caption: 1.571428571428571;
  --ds-font-line-height-base: 1.5;
  --ds-font-size-display-6: 3.75rem;
  --ds-font-size-display-5: 3rem;
  --ds-font-size-display-4: 2.375rem;
  --ds-font-size-display-3: 1.875rem;
  --ds-font-size-display-2: 1.5rem;
  --ds-font-size-display-1: 1.25rem;
  --ds-font-size-label-2: 1.125rem;
  --ds-font-size-label-1: 1rem;
  --ds-font-size-body-2: 1.125rem;
  --ds-font-size-body-1: 1rem;
  --ds-font-size-caption: 0.875rem;
  --ds-font-size-base: 1rem;
  --ds-font-size-root: 16px; /* The expected browser default root font-size */
  --ds-font-stack-display-6-font-family: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-stack-display-6-font-size: 3.75rem;
  --ds-font-stack-display-6-font-weight: 800;
  --ds-font-stack-display-6-line-height: 1.267;
  --ds-font-stack-display-5-font-family: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-stack-display-5-font-size: 3rem;
  --ds-font-stack-display-5-font-weight: 800;
  --ds-font-stack-display-5-line-height: 1.292;
  --ds-font-stack-display-4-font-family: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-stack-display-4-font-size: 2.375rem;
  --ds-font-stack-display-4-font-weight: 800;
  --ds-font-stack-display-4-line-height: 1.316;
  --ds-font-stack-display-3-font-family: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-stack-display-3-font-size: 1.875rem;
  --ds-font-stack-display-3-font-weight: 800;
  --ds-font-stack-display-3-line-height: 1.333;
  --ds-font-stack-display-2-font-family: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-stack-display-2-font-size: 1.5rem;
  --ds-font-stack-display-2-font-weight: 800;
  --ds-font-stack-display-2-line-height: 1.333;
  --ds-font-stack-display-1-font-family: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-stack-display-1-font-size: 1.25rem;
  --ds-font-stack-display-1-font-weight: 800;
  --ds-font-stack-display-1-line-height: 1.3;
  --ds-font-stack-label-2-font-family: MaryAnn, Trebuchet MS, Arial, Helvetica, sans-serif;
  --ds-font-stack-label-2-font-size: 1.125rem;
  --ds-font-stack-label-2-font-weight: 800;
  --ds-font-stack-label-2-line-height: 1.5;
  --ds-font-stack-label-1-font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-stack-label-1-font-size: 1rem;
  --ds-font-stack-label-1-font-weight: 700;
  --ds-font-stack-label-1-line-height: 1.5;
  --ds-font-stack-body-2-font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-stack-body-2-font-size: 1.125rem;
  --ds-font-stack-body-2-font-weight: 700;
  --ds-font-stack-body-2-line-height: 1.4444;
  --ds-font-stack-body-1-font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-stack-body-1-font-size: 1rem;
  --ds-font-stack-body-1-font-weight: 400;
  --ds-font-stack-body-1-line-height: 1.5;
  --ds-font-stack-caption-font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  --ds-font-stack-caption-font-size: 0.875rem;
  --ds-font-stack-caption-font-weight: 400;
  --ds-font-stack-caption-line-height: 1.571428571428571;
  --ds-font-weight-light: 300;
  --ds-font-weight-regular: 400;
  --ds-font-weight-medium: 500;
  --ds-font-weight-semi-bold: 600;
  --ds-font-weight-bold: 700;
  --ds-font-weight-extra-bold: 800;
  --ds-font-weight-display-6: 800;
  --ds-font-weight-display-5: 800;
  --ds-font-weight-display-4: 800;
  --ds-font-weight-display-3: 800;
  --ds-font-weight-display-2: 800;
  --ds-font-weight-display-1: 800;
  --ds-font-weight-label-2: 800;
  --ds-font-weight-label-1: 700;
  --ds-font-weight-body-2: 700;
  --ds-font-weight-body-1: 400;
  --ds-font-weight-caption: 400;
  --ds-font-weight-link: 400;
  --ds-modifier-alias-cta-primary-disabled-opacity: 0.5; /* disabled versions of buttons reduce the opacity of the button */
  --ds-modifier-layer-0: 0;
  --ds-modifier-layer-10: 100;
  --ds-modifier-layer-20: 200;
  --ds-modifier-layer-30: 300;
  --ds-modifier-layer-40: 400;
  --ds-modifier-layer-50: 500;
  --ds-modifier-layer-60: 600;
  --ds-modifier-layer-70: 700;
  --ds-modifier-layer-80: 800;
  --ds-modifier-layer-90: 900;
  --ds-modifier-layer-100: 1000;
  --ds-modifier-layer-base: auto;
  --ds-modifier-layer-bottom: -1;
  --ds-modifier-layer-top: 99999;
  --ds-modifier-opacity-0: 0;
  --ds-modifier-opacity-6: 0.6;
  --ds-modifier-opacity-10: 0.1;
  --ds-modifier-opacity-20: 0.2;
  --ds-modifier-opacity-30: 0.3;
  --ds-modifier-opacity-40: 0.4;
  --ds-modifier-opacity-50: 0.5;
  --ds-modifier-opacity-60: 0.6;
  --ds-modifier-opacity-70: 0.7;
  --ds-modifier-opacity-80: 0.8;
  --ds-modifier-opacity-90: 0.9;
  --ds-modifier-opacity-100: 1;
  --ds-modifier-opacity-hidden: 0;
  --ds-modifier-opacity-visible: 1;
  --ds-modifier-transition-default: ease-out;
  --ds-modifier-transition-duration: 0.2s;
  --ds-modifier-transition-timing: ease-out;
  --ds-size-alias-form-border-radius: 2px;
  --ds-size-alias-grid-gap-none: 0px;
  --ds-size-alias-grid-gap-sm: 8px;
  --ds-size-alias-grid-gap-md: 16px;
  --ds-size-alias-grid-gap-lg: 24px;
  --ds-size-alias-input-range-track-border-radius: 12px;
  --ds-size-alias-input-border-radius: 0px 2px 2px 0px; /* border radius value for button within input components */
  --ds-size-alias-menu-border-width-lg: 4px;
  --ds-size-alias-rating-stroke-width: 0.5px;
  --ds-size-alias-shadow-default-offset-x: 0px;
  --ds-size-alias-shadow-default-offset-y: 4px;
  --ds-size-alias-shadow-default-blur: 12px;
  --ds-size-alias-shadow-default-spread: 0px;
  --ds-size-aspect-0: 0px;
  --ds-size-aspect-1: 4px;
  --ds-size-aspect-2: 8px;
  --ds-size-aspect-3: 12px;
  --ds-size-aspect-4: 16px;
  --ds-size-aspect-5: 20px;
  --ds-size-aspect-6: 24px;
  --ds-size-aspect-7: 28px;
  --ds-size-aspect-8: 32px;
  --ds-size-aspect-9: 36px;
  --ds-size-aspect-10: 40px;
  --ds-size-aspect-11: 44px;
  --ds-size-aspect-12: 48px;
  --ds-size-aspect-13: 52px;
  --ds-size-aspect-14: 56px;
  --ds-size-aspect-15: 60px;
  --ds-size-aspect-16: 64px;
  --ds-size-aspect-17: 68px;
  --ds-size-aspect-18: 72px;
  --ds-size-aspect-19: 76px;
  --ds-size-aspect-20: 80px;
  --ds-size-aspect-21: 84px;
  --ds-size-aspect-22: 88px;
  --ds-size-aspect-23: 92px;
  --ds-size-aspect-24: 96px;
  --ds-size-aspect-25: 100px;
  --ds-size-aspect-26: 104px;
  --ds-size-aspect-27: 108px;
  --ds-size-aspect-28: 112px;
  --ds-size-aspect-29: 116px;
  --ds-size-aspect-30: 120px;
  --ds-size-aspect-31: 124px;
  --ds-size-aspect-32: 128px;
  --ds-size-aspect-33: 132px;
  --ds-size-aspect-34: 136px;
  --ds-size-aspect-35: 140px;
  --ds-size-aspect-36: 144px;
  --ds-size-aspect-37: 148px;
  --ds-size-aspect-38: 152px;
  --ds-size-aspect-39: 156px;
  --ds-size-aspect-40: 160px;
  --ds-size-aspect-41: 164px;
  --ds-size-aspect-42: 168px;
  --ds-size-aspect-43: 172px;
  --ds-size-aspect-44: 176px;
  --ds-size-aspect-45: 180px;
  --ds-size-aspect-46: 184px;
  --ds-size-aspect-47: 188px;
  --ds-size-aspect-48: 192px;
  --ds-size-aspect-49: 196px;
  --ds-size-aspect-50: 200px;
  --ds-size-aspect-51: 204px;
  --ds-size-aspect-52: 208px;
  --ds-size-aspect-53: 212px;
  --ds-size-aspect-54: 216px;
  --ds-size-aspect-55: 220px;
  --ds-size-aspect-56: 224px;
  --ds-size-aspect-57: 228px;
  --ds-size-aspect-58: 232px;
  --ds-size-aspect-59: 236px;
  --ds-size-aspect-60: 240px;
  --ds-size-aspect-61: 244px;
  --ds-size-aspect-62: 248px;
  --ds-size-aspect-63: 252px;
  --ds-size-aspect-64: 256px;
  --ds-size-aspect-65: 260px;
  --ds-size-aspect-66: 264px;
  --ds-size-aspect-67: 268px;
  --ds-size-aspect-68: 272px;
  --ds-size-aspect-69: 276px;
  --ds-size-aspect-70: 280px;
  --ds-size-aspect-71: 284px;
  --ds-size-aspect-72: 288px;
  --ds-size-aspect-73: 292px;
  --ds-size-aspect-74: 296px;
  --ds-size-aspect-75: 300px;
  --ds-size-aspect-76: 304px;
  --ds-size-aspect-77: 308px;
  --ds-size-aspect-78: 312px;
  --ds-size-aspect-79: 316px;
  --ds-size-aspect-80: 320px;
  --ds-size-aspect-81: 324px;
  --ds-size-aspect-82: 328px;
  --ds-size-aspect-83: 332px;
  --ds-size-aspect-84: 336px;
  --ds-size-aspect-85: 340px;
  --ds-size-aspect-86: 344px;
  --ds-size-aspect-87: 348px;
  --ds-size-aspect-88: 352px;
  --ds-size-aspect-89: 356px;
  --ds-size-aspect-90: 360px;
  --ds-size-aspect-91: 364px;
  --ds-size-aspect-92: 368px;
  --ds-size-aspect-93: 372px;
  --ds-size-aspect-94: 376px;
  --ds-size-aspect-95: 380px;
  --ds-size-aspect-96: 384px;
  --ds-size-aspect-97: 388px;
  --ds-size-aspect-98: 392px;
  --ds-size-aspect-99: 396px;
  --ds-size-aspect-100: 400px;
  --ds-size-aspect-px: 1px;
  --ds-size-aspect-0-5: 2px;
  --ds-size-aspect-1-5: 6px;
  --ds-size-aspect-2-5: 10px;
  --ds-size-aspect-3-5: 14px;
  --ds-size-border-width-xs: 0.5px;
  --ds-size-border-width-sm: 1px;
  --ds-size-border-width-md: 2px;
  --ds-size-border-width-lg: 4px;
  --ds-size-border-width-xl: 8px;
  --ds-size-border-width-base: 2px;
  --ds-size-border-radius-xs: 0.5px;
  --ds-size-border-radius-sm: 1px;
  --ds-size-border-radius-md: 2px;
  --ds-size-border-radius-lg: 4px;
  --ds-size-border-radius-xl: 12px;
  --ds-size-border-radius-base: 2px;
  --ds-size-border-radius-xs-hard-bottom: 0.5px 0.5px 0px 0px;
  --ds-size-border-radius-xs-hard-top: 0px 0px 0.5px 0.5px;
  --ds-size-border-radius-xs-hard-right: 0.5px 0px 0px 0.5px;
  --ds-size-border-radius-xs-hard-left: 0px 0.5px 0.5px 0px;
  --ds-size-border-radius-sm-hard-bottom: 1px 1px 0px 0px;
  --ds-size-border-radius-sm-hard-top: 0px 0px 1px 1px;
  --ds-size-border-radius-sm-hard-right: 1px 0px 0px 1px;
  --ds-size-border-radius-sm-hard-left: 0px 1px 1px 0px;
  --ds-size-border-radius-md-hard-bottom: 2px 2px 0px 0px;
  --ds-size-border-radius-md-hard-top: 0px 0px 2px 2px;
  --ds-size-border-radius-md-hard-right: 2px 0px 0px 2px;
  --ds-size-border-radius-md-hard-left: 0px 2px 2px 0px;
  --ds-size-border-radius-lg-hard-bottom: 4px 4px 0px 0px;
  --ds-size-border-radius-lg-hard-top: 0px 0px 4px 4px;
  --ds-size-border-radius-lg-hard-right: 4px 0px 0px 4px;
  --ds-size-border-radius-lg-hard-left: 0px 4px 4px 0px;
  --ds-size-border-radius-xl-hard-bottom: 12px 12px 0px 0px;
  --ds-size-border-radius-xl-hard-top: 0px 0px 12px 12px;
  --ds-size-border-radius-xl-hard-right: 12px 0px 0px 12px;
  --ds-size-border-radius-xl-hard-left: 0px 12px 12px 0px;
  --ds-size-border-radius-base-hard-bottom: 2px 2px 0px 0px;
  --ds-size-border-radius-base-hard-top: 0px 0px 2px 2px;
  --ds-size-border-radius-base-hard-right: 2px 0px 0px 2px;
  --ds-size-border-radius-base-hard-left: 0px 2px 2px 0px;
  --ds-size-breakpoint-max-width-2xs: 319.98px;
  --ds-size-breakpoint-max-width-xs: 575.98px;
  --ds-size-breakpoint-max-width-sm: 767.98px;
  --ds-size-breakpoint-max-width-md: 991.98px;
  --ds-size-breakpoint-max-width-lg: 1199.98px;
  --ds-size-breakpoint-max-width-xl: 1399.98px;
  --ds-size-breakpoint-min-width-2xs: 0px;
  --ds-size-breakpoint-min-width-xs: 320px;
  --ds-size-breakpoint-min-width-sm: 576px;
  --ds-size-breakpoint-min-width-md: 768px;
  --ds-size-breakpoint-min-width-lg: 992px;
  --ds-size-breakpoint-min-width-xl: 1200px;
  --ds-size-breakpoint-min-width-2xl: 1400px;
  --ds-size-icon-medium: 24px;
  --ds-size-button-medium: 48px;
  --ds-size-button-small: 32px;
  --ds-size-input-text-medium: 48px;
  --ds-size-input-radio-medium: 24px;
  --ds-size-input-checkbox-medium: 24px;
  --ds-size-swatch-medium: 32px;
  --ds-size-swatch-small: 24px;
  --ds-size-rating-medium: 24px;
  --ds-size-rating-small: 16px;
  --ds-size-semantic-2xs: 12px;
  --ds-size-semantic-xs: 24px;
  --ds-size-semantic-sm: 32px;
  --ds-size-semantic-md: 36px;
  --ds-size-semantic-lg: 40px;
  --ds-size-semantic-xl: 48px;
  --ds-size-space-0: 0px;
  --ds-size-space-1: 4px;
  --ds-size-space-2: 8px;
  --ds-size-space-3: 12px;
  --ds-size-space-4: 16px;
  --ds-size-space-5: 20px;
  --ds-size-space-6: 24px;
  --ds-size-space-7: 28px;
  --ds-size-space-8: 32px;
  --ds-size-space-9: 36px;
  --ds-size-space-10: 40px;
  --ds-size-space-11: 44px;
  --ds-size-space-12: 48px;
  --ds-size-space-13: 52px;
  --ds-size-space-14: 56px;
  --ds-size-space-15: 60px;
  --ds-size-space-16: 64px;
  --ds-size-space-17: 68px;
  --ds-size-space-18: 72px;
  --ds-size-space-19: 76px;
  --ds-size-space-20: 80px;
  --ds-size-space-21: 84px;
  --ds-size-space-22: 88px;
  --ds-size-space-23: 92px;
  --ds-size-space-24: 96px;
  --ds-size-space-25: 100px;
  --ds-size-space-26: 104px;
  --ds-size-space-27: 108px;
  --ds-size-space-28: 112px;
  --ds-size-space-29: 116px;
  --ds-size-space-30: 120px;
  --ds-size-space-31: 124px;
  --ds-size-space-32: 128px;
  --ds-size-space-33: 132px;
  --ds-size-space-34: 136px;
  --ds-size-space-35: 140px;
  --ds-size-space-36: 144px;
  --ds-size-space-37: 148px;
  --ds-size-space-38: 152px;
  --ds-size-space-39: 156px;
  --ds-size-space-40: 160px;
  --ds-size-space-41: 164px;
  --ds-size-space-42: 168px;
  --ds-size-space-43: 172px;
  --ds-size-space-44: 176px;
  --ds-size-space-45: 180px;
  --ds-size-space-46: 184px;
  --ds-size-space-47: 188px;
  --ds-size-space-48: 192px;
  --ds-size-space-49: 196px;
  --ds-size-space-50: 200px;
  --ds-size-space-51: 204px;
  --ds-size-space-52: 208px;
  --ds-size-space-53: 212px;
  --ds-size-space-54: 216px;
  --ds-size-space-55: 220px;
  --ds-size-space-56: 224px;
  --ds-size-space-57: 228px;
  --ds-size-space-58: 232px;
  --ds-size-space-59: 236px;
  --ds-size-space-60: 240px;
  --ds-size-space-61: 244px;
  --ds-size-space-62: 248px;
  --ds-size-space-63: 252px;
  --ds-size-space-64: 256px;
  --ds-size-space-65: 260px;
  --ds-size-space-66: 264px;
  --ds-size-space-67: 268px;
  --ds-size-space-68: 272px;
  --ds-size-space-69: 276px;
  --ds-size-space-70: 280px;
  --ds-size-space-71: 284px;
  --ds-size-space-72: 288px;
  --ds-size-space-73: 292px;
  --ds-size-space-74: 296px;
  --ds-size-space-75: 300px;
  --ds-size-space-76: 304px;
  --ds-size-space-77: 308px;
  --ds-size-space-78: 312px;
  --ds-size-space-79: 316px;
  --ds-size-space-80: 320px;
  --ds-size-space-81: 324px;
  --ds-size-space-82: 328px;
  --ds-size-space-83: 332px;
  --ds-size-space-84: 336px;
  --ds-size-space-85: 340px;
  --ds-size-space-86: 344px;
  --ds-size-space-87: 348px;
  --ds-size-space-88: 352px;
  --ds-size-space-89: 356px;
  --ds-size-space-90: 360px;
  --ds-size-space-91: 364px;
  --ds-size-space-92: 368px;
  --ds-size-space-93: 372px;
  --ds-size-space-94: 376px;
  --ds-size-space-95: 380px;
  --ds-size-space-96: 384px;
  --ds-size-space-97: 388px;
  --ds-size-space-98: 392px;
  --ds-size-space-99: 396px;
  --ds-size-space-100: 400px;
  --ds-size-space-px: 1px;
  --ds-size-space-0-5: 2px;
  --ds-size-space-1-5: 6px;
  --ds-size-space-2-5: 10px;
  --ds-size-space-3-5: 14px;
  --ds-size-spacing-xs: 2px;
  --ds-size-spacing-sm: 4px;
  --ds-size-spacing-md: 8px;
  --ds-size-spacing-lg: 16px;
  --ds-size-spacing-xl: 24px;
  --ds-size-spacing-2xl: 32px;
  --ds-size-spacing-3xl: 40px;
  --ds-size-spacing-4xl: 48px;
  --ds-size-spacing-5xl: 56px;
  --ds-size-spacing-6xl: 64px;
  --ds-size-spacing-7xl: 72px;
  --ds-size-spacing-8xl: 80px;
  --ds-size-spacing-base: 8px;
  --ds-time-instant: 0;
  --ds-time-slowest: 100000;
  --ds-time-slow: 10000;
  --ds-time-base: 1000;
  --ds-time-fast: 100;
  --ds-time-fastest: 10;
}
::backdrop {
  --ds-color-alias-dim-default: rgba(0,0,0,0.5);
}