/*
* Thu Feb 20 2020 13:55:30 GMT+0000 (Coordinated Universal Time)
* THIS FILE IS GENERATED - DO NOT EDIT!
* Please edit '_data/_colours.json' instead
*/
.in-bg-col-action {
  background-color: #0611F5; }

.in-bg-col-good {
  background-color: #27AD5F; }

.in-bg-col-good-bg {
  background-color: #E7F7F4; }

.in-bg-col-bad {
  background-color: #D62F5B; }

.in-bg-col-bad-bg {
  background-color: #FAEDF4; }

.in-bg-col-warning {
  background-color: #ff6b42; }

.in-bg-col-warning-bg {
  background-color: #fff5ef; }

.in-bg-col-teal {
  background-color: #03A3B5; }

.in-bg-col-teal-bg {
  background-color: #03A3B5; }

.in-bg-col-brand-blue {
  background-color: #2A2A72; }

.in-bg-col-bg-highlight {
  background-color: #E3F5FE; }

.in-bg-col-blue-light {
  background-color: #CAEAFD; }

.in-bg-col-cyan {
  background-color: #53B2F7; }

.in-bg-col-cyan-dark {
  background-color: #068CF4; }

.in-bg-col-blue-text {
  background-color: #034A82; }

.in-bg-col-white {
  background-color: #ffffff; }

.in-bg-col-bg-light {
  background-color: #F8F8F8; }

.in-bg-col-grey-1 {
  background-color: #F1F4F7; }

.in-bg-col-grey-2 {
  background-color: #E4E8EB; }

.in-bg-col-grey-3 {
  background-color: #A7AAAC; }

.in-bg-col-grey-4 {
  background-color: #686A6C; }

.in-bg-col-grey-text {
  background-color: #444444; }

.in-fg-col-action {
  color: #0611F5; }

.in-fg-col-good {
  color: #27AD5F; }

.in-fg-col-good-bg {
  color: #E7F7F4; }

.in-fg-col-bad {
  color: #D62F5B; }

.in-fg-col-bad-bg {
  color: #FAEDF4; }

.in-fg-col-warning {
  color: #ff6b42; }

.in-fg-col-warning-bg {
  color: #fff5ef; }

.in-fg-col-teal {
  color: #03A3B5; }

.in-fg-col-teal-bg {
  color: #03A3B5; }

.in-fg-col-brand-blue {
  color: #2A2A72; }

.in-fg-col-bg-highlight {
  color: #E3F5FE; }

.in-fg-col-blue-light {
  color: #CAEAFD; }

.in-fg-col-cyan {
  color: #53B2F7; }

.in-fg-col-cyan-dark {
  color: #068CF4; }

.in-fg-col-blue-text {
  color: #034A82; }

.in-fg-col-white {
  color: #ffffff; }

.in-fg-col-bg-light {
  color: #F8F8F8; }

.in-fg-col-grey-1 {
  color: #F1F4F7; }

.in-fg-col-grey-2 {
  color: #E4E8EB; }

.in-fg-col-grey-3 {
  color: #A7AAAC; }

.in-fg-col-grey-4 {
  color: #686A6C; }

.in-fg-col-grey-text {
  color: #444444; }

/*
* Thu Feb 20 2020 13:55:30 GMT+0000 (Coordinated Universal Time)
* THIS FILE IS GENERATED - DO NOT EDIT!
* Please edit '_data/_sizes.json' instead
*/
.in-margin--xl {
  margin: 32px; }

.in-margin-top--xl {
  margin-top: 32px; }

.in-margin-right--xl {
  margin-right: 32px; }

.in-margin-bottom--xl {
  margin-bottom: 32px; }

.in-margin-left--xl {
  margin-left: 32px; }

.in-padding--xl {
  padding: 32px; }

.in-padding-top--xl {
  padding-top: 32px; }

.in-padding-right--xl {
  padding-right: 32px; }

.in-padding-bottom--xl {
  padding-bottom: 32px; }

.in-padding-left--xl {
  padding-left: 32px; }

.in-margin--lg {
  margin: 24px; }

.in-margin-top--lg {
  margin-top: 24px; }

.in-margin-right--lg {
  margin-right: 24px; }

.in-margin-bottom--lg {
  margin-bottom: 24px; }

.in-margin-left--lg {
  margin-left: 24px; }

.in-padding--lg {
  padding: 24px; }

.in-padding-top--lg {
  padding-top: 24px; }

.in-padding-right--lg {
  padding-right: 24px; }

.in-padding-bottom--lg {
  padding-bottom: 24px; }

.in-padding-left--lg {
  padding-left: 24px; }

.in-margin--md {
  margin: 16px; }

.in-margin-top--md {
  margin-top: 16px; }

.in-margin-right--md {
  margin-right: 16px; }

.in-margin-bottom--md {
  margin-bottom: 16px; }

.in-margin-left--md {
  margin-left: 16px; }

.in-padding--md {
  padding: 16px; }

.in-padding-top--md {
  padding-top: 16px; }

.in-padding-right--md {
  padding-right: 16px; }

.in-padding-bottom--md {
  padding-bottom: 16px; }

.in-padding-left--md {
  padding-left: 16px; }

.in-margin--sm {
  margin: 12px; }

.in-margin-top--sm {
  margin-top: 12px; }

.in-margin-right--sm {
  margin-right: 12px; }

.in-margin-bottom--sm {
  margin-bottom: 12px; }

.in-margin-left--sm {
  margin-left: 12px; }

.in-padding--sm {
  padding: 12px; }

.in-padding-top--sm {
  padding-top: 12px; }

.in-padding-right--sm {
  padding-right: 12px; }

.in-padding-bottom--sm {
  padding-bottom: 12px; }

.in-padding-left--sm {
  padding-left: 12px; }

.in-margin--xs {
  margin: 8px; }

.in-margin-top--xs {
  margin-top: 8px; }

.in-margin-right--xs {
  margin-right: 8px; }

.in-margin-bottom--xs {
  margin-bottom: 8px; }

.in-margin-left--xs {
  margin-left: 8px; }

.in-padding--xs {
  padding: 8px; }

.in-padding-top--xs {
  padding-top: 8px; }

.in-padding-right--xs {
  padding-right: 8px; }

.in-padding-bottom--xs {
  padding-bottom: 8px; }

.in-padding-left--xs {
  padding-left: 8px; }

.in-margin--xxs {
  margin: 4px; }

.in-margin-top--xxs {
  margin-top: 4px; }

.in-margin-right--xxs {
  margin-right: 4px; }

.in-margin-bottom--xxs {
  margin-bottom: 4px; }

.in-margin-left--xxs {
  margin-left: 4px; }

.in-padding--xxs {
  padding: 4px; }

.in-padding-top--xxs {
  padding-top: 4px; }

.in-padding-right--xxs {
  padding-right: 4px; }

.in-padding-bottom--xxs {
  padding-bottom: 4px; }

.in-padding-left--xxs {
  padding-left: 4px; }