// Do not edit directly
// Generated on Sun, 03 May 2020 19:16:27 GMT

$asset-font-opensans-name: "Open Sans, sans-serif";
$asset-font-opensans-link: "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
$color-background-magenta: #d90086;
$color-background-cyan: #f5f6fb;
$color-background-blue-dark: #063254;
$color-background-purple: #8f69cf;
$color-background-grey: #f6f7f7;
$color-background-base: #fafdfd;
$color-gray-medium: #ced7de;
$color-black-petroleum: #063254;
$color-black-medium: #000000;
$color-black-light: rgba(0, 0, 0, 0);
$color-white-light: rgba(255, 255, 255, 0.33);
$color-white-medium: #ffffff;
$color-basic-darkside: #001b2f;
$color-basic-darker: #063254;
$color-basic-dark: #2e5573;
$color-basic-medium: #5c7e99;
$color-basic-light: #99b6cc;
$color-basic-lighter: #cfdbe6;
$color-basic-darker-died: rgba(46, 85, 115, 0.9);
$color-purple-darker: #9500b3;
$color-purple-dark: #b500d9;
$color-purple-medium: #d500ff;
$color-purple-light: #e666ff;
$color-purple-lighter: #f0a6ff;
$color-magenta-darker: #b3006e;
$color-magenta-dark: #d90086;
$color-magenta-medium: #ff009d;
$color-magenta-light: #ff66c4;
$color-magenta-lighter: #ff99d8;
$color-yellow-darker: #e67e00;
$color-yellow-dark: #ffb700;
$color-yellow-medium: #ffe200;
$color-yellow-light: #ffed66;
$color-yellow-lighter: #fff399;
$color-cyan-darker: #00b9bf;
$color-cyan-dark: #00d2d9;
$color-cyan-medium: #00f5ff;
$color-cyan-light: #66faff;
$color-cyan-lighter: #99fcff;
$color-cyan-disabled: rgba(0, 210, 217, 0.33);
$color-violet-darker: #4e0389;
$color-violet-dark: #8602c5;
$color-violet-medium: #986cb2;
$color-violet-light: #b415ff;
$color-violet-lighter: #cc2ce7;
$color-violet-light-weight: #e69cf2;
$color-violet-lighter-weight: #edcfff;
$border-color-cyan: rgba(222, 244, 244, 1);
$border-size-medium: 1.5px;
$shadow-light: 0px 3px 6px 0px rgba(46, 85, 115, 0.2);
$shadow-base: 0px 3px 6px 0px rgba(46, 85, 115, 0.08);
$shadow-large: 0px -10px 26px 0px rgba(0,0,0,0.13);
$layout-breakpoint-media-xxxs: 320px;
$layout-breakpoint-media-xxs: 375px;
$layout-breakpoint-media-xs: 600px;
$layout-breakpoint-media-xs-large: 768px;
$layout-breakpoint-media-sm: 960px;
$layout-breakpoint-media-sm-large: 1024px;
$layout-breakpoint-media-md-sm: 1280px;
$layout-breakpoint-media-md: 1440px;
$layout-breakpoint-media-lg: 1920px;
$font-base: 16px;
$font-display-1: 1.5rem;
$font-display-2: 1.25rem;
$font-display-3: 1rem;
$font-display-4: 0.875rem;
$font-display-5: 0.75rem;
$font-display-6: 0.625rem;
$font-display-7: 0.5rem;
$icon-small: 18px;
$icon-medium: 24px;
$icon-large: 32px;
$icon-xl: 36px;
$icon-xxl: 48px;
$font-breakpoint-small: 14px;
$font-breakpoint-medium: 16px;
$font-breakpoint-large: 18px;
$weight-font-light: 300;
$weight-font-regular: 400;
$weight-font-medium: 500;
$weight-font-semi-bold: 600;
$weight-font-bold: 700;
$weight-font-extra-bold: 800;
$weight-font-black: 900;
$weight-font-base: 500;
$radius-xs: 4px;
$radius-small: 8px;
$radius-medium: 24px;
$spacing-small: 8px;
$spacing-medium: 16px;
$spacing-large: 32px;
$spacing-base: 16px;