{
  "globals": [
    {
      "variable": "$gradient-blue-color",
      "value": "linear-gradient(207.85deg, #CFECFF 5.4%, #F4F7FA 43.44%)",
      "compiledValue": "linear-gradient(207.85deg,#CFECFF5.4%,#F4F7FA43.44%)"
    },
    {
      "variable": "$blue-color",
      "value": "#2A72EA",
      "compiledValue": "#2A72EA"
    },
    {
      "variable": "$royal-blue-color",
      "value": "#2366D6",
      "compiledValue": "#2366D6"
    },
    {
      "variable": "$white-color",
      "value": "#fff",
      "compiledValue": "#fff"
    },
    {
      "variable": "$silver-color",
      "value": "#F0F5FA",
      "compiledValue": "#F0F5FA"
    },
    {
      "variable": "$green-color",
      "value": "#31C6A2",
      "compiledValue": "#31C6A2"
    },
    {
      "variable": "$light-grey-color",
      "value": "#DDDEDF",
      "compiledValue": "#DDDEDF"
    },
    {
      "variable": "$pale-white-color",
      "value": "#FBFCFF",
      "compiledValue": "#FBFCFF"
    },
    {
      "variable": "$pale-silver-color",
      "value": "#E8ECF2",
      "compiledValue": "#E8ECF2"
    },
    {
      "variable": "$dark-silver-color",
      "value": "#E5EAF3",
      "compiledValue": "#E5EAF3"
    },
    {
      "variable": "$navy-blue-color",
      "value": "#193B65",
      "compiledValue": "#193B65"
    },
    {
      "variable": "$navy-blue-90-color",
      "value": "rgba(25, 59, 101, 0.9)",
      "compiledValue": "rgba(25,59,101,0.9)"
    },
    {
      "variable": "$navy-blue-80-color",
      "value": "rgba(25, 59, 101, 0.8)",
      "compiledValue": "rgba(25,59,101,0.8)"
    },
    {
      "variable": "$navy-blue-70-color",
      "value": "rgba(25, 59, 101, 0.7)",
      "compiledValue": "rgba(25,59,101,0.7)"
    },
    {
      "variable": "$navy-blue-60-color",
      "value": "rgba(25, 59, 101, 0.6)",
      "compiledValue": "rgba(25,59,101,0.6)"
    },
    {
      "variable": "$navy-blue-50-color",
      "value": "rgba(25, 59, 101, 0.5)",
      "compiledValue": "rgba(25,59,101,0.5)"
    },
    {
      "variable": "$navy-blue-40-color",
      "value": "rgba(25, 59, 101, 0.4)",
      "compiledValue": "rgba(25,59,101,0.4)"
    },
    {
      "variable": "$navy-blue-30-color",
      "value": "rgba(25, 59, 101, 0.3)",
      "compiledValue": "rgba(25,59,101,0.3)"
    },
    {
      "variable": "$navy-blue-20-color",
      "value": "rgba(25, 59, 101, 0.2)",
      "compiledValue": "rgba(25,59,101,0.2)"
    },
    {
      "variable": "$navy-blue-10-color",
      "value": "rgba(25, 59, 101, 0.1)",
      "compiledValue": "rgba(25,59,101,0.1)"
    },
    {
      "variable": "$light-blue-color",
      "value": "#0496E4",
      "compiledValue": "#0496E4"
    },
    {
      "variable": "$blue-alternate-color",
      "value": "#0397E5",
      "compiledValue": "#0397E5"
    },
    {
      "variable": "$dark-blue-color",
      "value": "#068DDC",
      "compiledValue": "#068DDC"
    },
    {
      "variable": "$darker-blue-color",
      "value": "#18529F",
      "compiledValue": "#18529F"
    },
    {
      "variable": "$black-color",
      "value": "#263348",
      "compiledValue": "#263348"
    },
    {
      "variable": "$solid-black-color",
      "value": "#000",
      "compiledValue": "#000"
    },
    {
      "variable": "$dark-cyan-blue-color",
      "value": "#4D5767",
      "compiledValue": "#4D5767"
    },
    {
      "variable": "$red-color",
      "value": "#B42525",
      "compiledValue": "#B42525"
    },
    {
      "variable": "$faint-dark-hairline-border",
      "value": "1px solid #000",
      "compiledValue": "1pxsolid#000"
    },
    {
      "variable": "$quarter-space",
      "value": "2px",
      "compiledValue": "2px"
    },
    {
      "variable": "$half-space",
      "value": "4px",
      "compiledValue": "4px"
    },
    {
      "variable": "$default-space",
      "value": "8px",
      "compiledValue": "8px"
    },
    {
      "variable": "$secondary-space",
      "value": "12px",
      "compiledValue": "12px"
    },
    {
      "variable": "$double-space",
      "value": "16px",
      "compiledValue": "16px"
    },
    {
      "variable": "$twenty-space",
      "value": "20px",
      "compiledValue": "20px"
    },
    {
      "variable": "$triple-space",
      "value": "24px",
      "compiledValue": "24px"
    },
    {
      "variable": "$quad-space",
      "value": "32px",
      "compiledValue": "32px"
    },
    {
      "variable": "$fourty-space",
      "value": "40px",
      "compiledValue": "40px"
    },
    {
      "variable": "$double-triple-space",
      "value": "48px",
      "compiledValue": "48px"
    },
    {
      "variable": "$fifty-six-space",
      "value": "56px",
      "compiledValue": "56px"
    },
    {
      "variable": "$double-quad-space",
      "value": "64px",
      "compiledValue": "64px"
    },
    {
      "variable": "$big-space",
      "value": "72px",
      "compiledValue": "72px"
    },
    {
      "variable": "$eighty-space",
      "value": "80px",
      "compiledValue": "80px"
    },
    {
      "variable": "$wide-space",
      "value": "96px",
      "compiledValue": "96px"
    },
    {
      "variable": "$clear-padding",
      "value": "0",
      "compiledValue": "0"
    },
    {
      "variable": "$full-padding",
      "value": "$quad-space",
      "compiledValue": "32px"
    },
    {
      "variable": "$centered-position",
      "value": "auto",
      "compiledValue": "auto"
    },
    {
      "variable": "$lateral-centered-position",
      "value": "0 auto",
      "compiledValue": "0auto"
    },
    {
      "variable": "$vertically-centered-position",
      "value": "auto 0",
      "compiledValue": "auto0"
    },
    {
      "variable": "$push-the-right-position",
      "value": "0 0 0 auto",
      "compiledValue": "000auto"
    },
    {
      "variable": "$push-the-left-position",
      "value": "0 auto 0 0",
      "compiledValue": "0auto00"
    },
    {
      "variable": "$ui-font",
      "value": "FS Elliot Pro, Helvetica, sans-serif",
      "compiledValue": "FSElliotPro,Helvetica,sans-serif"
    },
    {
      "variable": "$body-font",
      "value": "Barlow, Arial, sans-serif",
      "compiledValue": "Barlow,Arial,sans-serif"
    },
    {
      "variable": "$light-font-weight",
      "value": "300",
      "compiledValue": "300"
    },
    {
      "variable": "$regular-font-weight",
      "value": "400",
      "compiledValue": "400"
    },
    {
      "variable": "$semi-bold-font-weight",
      "value": "600",
      "compiledValue": "600"
    },
    {
      "variable": "$bold-font-weight",
      "value": "700",
      "compiledValue": "700"
    },
    {
      "variable": "$double-xl-font-size",
      "value": "3rem",
      "compiledValue": "3rem"
    },
    {
      "variable": "$very-large-font-size",
      "value": "2.500rem",
      "compiledValue": "2.5rem"
    },
    {
      "variable": "$larger-font-size",
      "value": "2rem",
      "compiledValue": "2rem"
    },
    {
      "variable": "$extra-large-font-size",
      "value": "1.5rem",
      "compiledValue": "1.5rem"
    },
    {
      "variable": "$large-font-size",
      "value": "1.250rem",
      "compiledValue": "1.25rem"
    },
    {
      "variable": "$medium-font-size",
      "value": "1.125rem",
      "compiledValue": "1.125rem"
    },
    {
      "variable": "$base-font-size",
      "value": "1rem",
      "compiledValue": "1rem"
    },
    {
      "variable": "$small-font-size",
      "value": "0.875rem",
      "compiledValue": "0.875rem"
    },
    {
      "variable": "$extra-small-font-size",
      "value": "0.750rem",
      "compiledValue": "0.75rem"
    },
    {
      "variable": "$extra-extra-small-font-size",
      "value": "0.625rem",
      "compiledValue": "0.625rem"
    },
    {
      "variable": "$fourty-eight-font-size",
      "value": "3.000rem",
      "compiledValue": "3rem"
    },
    {
      "variable": "$wide-letter-tracking",
      "value": "0.18em",
      "compiledValue": "0.18em"
    },
    {
      "variable": "$tight-letter-tracking",
      "value": "0.12em",
      "compiledValue": "0.12em"
    },
    {
      "variable": "$tiny-icon-size",
      "value": "8px",
      "compiledValue": "8px"
    },
    {
      "variable": "$smallest-icon-size",
      "value": "10px",
      "compiledValue": "10px"
    },
    {
      "variable": "$small-icon-size",
      "value": "12px",
      "compiledValue": "12px"
    },
    {
      "variable": "$default-icon-size",
      "value": "16px",
      "compiledValue": "16px"
    },
    {
      "variable": "$medium-icon-size",
      "value": "18px",
      "compiledValue": "18px"
    },
    {
      "variable": "$double-medium-icon-size",
      "value": "36px",
      "compiledValue": "36px"
    },
    {
      "variable": "$large-icon-size",
      "value": "24px",
      "compiledValue": "24px"
    },
    {
      "variable": "$largest-icon-size",
      "value": "32px",
      "compiledValue": "32px"
    },
    {
      "variable": "$wrapper-width",
      "value": "1440px",
      "compiledValue": "1440px"
    },
    {
      "variable": "$max-container-width",
      "value": "1600px",
      "compiledValue": "1600px"
    },
    {
      "variable": "$icon-size",
      "value": "24px",
      "compiledValue": "24px"
    },
    {
      "variable": "$icon-sprite-file",
      "value": "'../images/icons-sprite-sheet.svg'",
      "compiledValue": "../images/icons-sprite-sheet.svg"
    },
    {
      "variable": "$icon-column-count",
      "value": "12",
      "compiledValue": "12"
    },
    {
      "variable": "$icon-row-count",
      "value": "12",
      "compiledValue": "12"
    },
    {
      "variable": "$fully-opaque",
      "value": "1",
      "compiledValue": "1"
    },
    {
      "variable": "$opaque",
      "value": "0.8",
      "compiledValue": "0.8"
    },
    {
      "variable": "$slightly-opaque",
      "value": "0.5",
      "compiledValue": "0.5"
    },
    {
      "variable": "$transparent",
      "value": "0.2",
      "compiledValue": "0.2"
    },
    {
      "variable": "$almost-transparent",
      "value": "0.1",
      "compiledValue": "0.1"
    },
    {
      "variable": "$fully-transparent",
      "value": "0",
      "compiledValue": "0"
    },
    {
      "variable": "$amount",
      "value": "0",
      "compiledValue": "0"
    },
    {
      "variable": "$gradient-spread",
      "value": "100%",
      "compiledValue": "100%"
    },
    {
      "variable": "$overlay-height",
      "value": "40%",
      "compiledValue": "40%"
    },
    {
      "variable": "$overlay-transparency",
      "value": "1",
      "compiledValue": "1"
    },
    {
      "variable": "$content-limit",
      "value": "768px",
      "compiledValue": "768px"
    },
    {
      "variable": "$red",
      "value": "transparentize($color: red, $amount: 0.75)",
      "mapValue": [
        {
          "variable": "color",
          "value": "red",
          "compiledValue": "red"
        },
        {
          "variable": "amount",
          "value": "0.75",
          "compiledValue": "0.75"
        }
      ],
      "compiledValue": "rgba(255,0,0,0.25)"
    },
    {
      "variable": "$position",
      "value": "left",
      "compiledValue": "left"
    },
    {
      "variable": "$size",
      "value": "$default-icon-size, $position:left) {text-decoration: none",
      "mapValue": [
        {
          "variable": "position",
          "value": "left",
          "compiledValue": "left"
        },
        {
          "variable": "text-decoration",
          "value": "none",
          "compiledValue": "none"
        }
      ],
      "compiledValue": "16px,left"
    }
  ],
  "mixins": [
    {
      "name": "debug",
      "parameters": []
    },
    {
      "name": "vertical-display",
      "parameters": []
    },
    {
      "name": "horizontal-display",
      "parameters": []
    },
    {
      "name": "rotate-180deg",
      "parameters": []
    },
    {
      "name": "rotate-element",
      "parameters": [
        "$rotate-value : 90deg"
      ]
    },
    {
      "name": "visually-hidden",
      "parameters": []
    },
    {
      "name": "on",
      "parameters": [
        "$media"
      ]
    },
    {
      "name": "icon",
      "parameters": [
        "$col",
        "$row",
        "$size:$icon-size",
        "$is-responsive:false"
      ]
    },
    {
      "name": "square",
      "parameters": [
        "$size"
      ]
    },
    {
      "name": "square-icon",
      "parameters": [
        "$col",
        "$row",
        "$size:$icon-size"
      ]
    },
    {
      "name": "labeled-icon",
      "parameters": [
        "$col",
        "$row",
        "$size:$default-icon-size",
        "$position:left"
      ]
    },
    {
      "name": "hide-icon",
      "parameters": []
    },
    {
      "name": "wrapper-no-paddings-margin",
      "parameters": []
    },
    {
      "name": "wrapper",
      "parameters": [
        "$offset:0"
      ]
    },
    {
      "name": "wrapper-no-paddings",
      "parameters": []
    },
    {
      "name": "wrapped-content--clear-side-padding",
      "parameters": []
    },
    {
      "name": "side-paddings",
      "parameters": []
    },
    {
      "name": "custom-scrollbar-horizontal",
      "parameters": []
    },
    {
      "name": "custom-scrollbar-vertical",
      "parameters": []
    },
    {
      "name": "button-primary",
      "parameters": [
        "$background-color : $blue-color"
      ]
    },
    {
      "name": "button-primary--mobile",
      "parameters": []
    }
  ]
}