// Do not edit directly
// Generated on Thu, 13 May 2021 21:14:01 GMT

$color-primary: #000001;
$color-secondary: #fffffe;
$color-white: #ffffff;
$color-black: #000000;
$color-neutral-base: #575757;
$color-neutral-light: #f7f7f7;
$color-neutral-dark: #333333;
$color-error-primary: #ee0011;
$color-error-secondary: #ffeef0;
$color-inactive: #d8d8d8;
$color-scrim-light: rgba(255, 255, 255, 0.5);
$color-scrim-dark: rgba(0, 0, 0, 0.75);
$color-standout-primary: #333333;
$color-standout-secondary: #edf4ff;
$color-success-primary: #2d9d78;
$color-success-secondary: #f0fff4;
$color-sale: #cc0000;
$shadow-l: -6px 0px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-t: 0px -6px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-r: 6px 0px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-b: 0px 6px 10px -3px rgba(0, 0, 0, 0.1);
$shadow-ltr: 0px -5px 10px -1px rgba(0, 0, 0, 0.05),
-6px 0px 10px -5px rgba(0, 0, 0, 0.05),  
6px 0px 10px -5px rgba(0, 0, 0, 0.05);
$shadow-ltrb: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
$font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
$font-primary-normal: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
$font-primary-bold: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
$font-secondary-normal: BemboMTPro-Regular, serif;
$font-track-url: http://fast.fonts.net/t/1.css?apiType=css&projectid=22d7b642-0ee0-41e4-ba50-8fc4bcba4bb4;
$letter-spacing-xs: 0.0125rem;
$letter-spacing-s: 0.025rem;
$letter-spacing-m: 0.05rem;
$letter-spacing-l: 0.0625rem;
$letter-spacing-xl: 0.078125rem;
$letter-spacing-2xl: 0.109375rem;
$line-height-xs: 1.15;
$line-height-s: 1.2;
$line-height-m: 1.25;
$line-height-l: 1.35;
$line-height-xl: 1.4;
$line-height-2xl: 1.5;
$spacing-1: 0.25rem;
$spacing-2: 0.5rem;
$spacing-3: 0.75rem;
$spacing-4: 1rem;
$spacing-6: 1.5rem;
$spacing-8: 2rem;
$spacing-12: 3rem;
$spacing-24: 6rem;
$text-8: 0.5rem;
$text-10: 0.625rem;
$text-12: 0.75rem;
$text-14: 0.875rem;
$text-16: 1rem;
$text-20: 1.25rem;
$text-24: 1.5rem;
$text-26: 1.625rem;
$text-28: 1.75rem;
$text-30: 1.875rem;
$text-32: 2rem;
$text-44: 2.75rem;
$text-60: 3.75rem;
$viewport-xs: screen and (min-width: 0); // 0px
$viewport-s: screen and (min-width: 34em); // 544px
$viewport-m: screen and (min-width: 48.0625em); // 769px
$viewport-l: screen and (min-width: 62em); // 992px
$viewport-xl: screen and (min-width: 75em); // 1200px