/*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-12d64750]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-0bb4f6ec]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-18bb2a5a]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*/
.loader[data-v-18bb2a5a] {
  color: #00509C;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: load6-data-v-18bb2a5a 1.7s infinite ease,round-data-v-18bb2a5a 1.7s infinite ease;
          animation: load6-data-v-18bb2a5a 1.7s infinite ease,round-data-v-18bb2a5a 1.7s infinite ease;
}
@-webkit-keyframes load6-data-v-18bb2a5a {
0% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%, 95% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%, 59% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@keyframes load6-data-v-18bb2a5a {
0% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
5%, 95% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
10%, 59% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
}
20% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
}
38% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
}
100% {
    -webkit-box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
}
}
@-webkit-keyframes round-data-v-18bb2a5a {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes round-data-v-18bb2a5a {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}/*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-41a6a702]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-552d92f0]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*/
.grid-animate-item[data-v-552d92f0] {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: inline-block;
}
.grid-animate-enter[data-v-552d92f0], .grid-animate-leave-to[data-v-552d92f0] {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
.grid-animate-leave-active[data-v-552d92f0] {
  position: absolute;
}
.grid-no-results[data-v-552d92f0] {
  text-align: center;
  font-size: 1.5rem;
  padding: 2rem;
}/*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-5e6ce75e]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-9f34fb2e]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-877bf07a]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-3eab1654]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-437bcdff]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-65dc6a67]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-d108d198]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-0ac1ba8a]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-1f5a7c94]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-1bac0bb1]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-c5049afc]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*//*
 * black and white for mixing
 */
/*
* Standard error/warning/success
*/
/*
* Define base brand colors and gray variables here and then add them to the map below.
* Color names can be generated entering hex values into http://chir.ag/projects/name-that-color/
* Colors below are examples so you can cut/paste/replace
*/
/*
* Populate the map below with the brand colors you entered above gray in map for shades
* Helper classes are being generated by this sass map in styles/scss/base/_helpers.scss
* as well as populating in pug/styleguide.pug
* USAGE (scss):
 div {
	 color: palette(gray,500);
	 background-color: palette(gray,50);
	 border: 1px solid palette(gray,900);
 }
*/
[data-v-95b3b2ec]:root {
  --breakXs: 520px;
  --breakSm: 768px;
  --breakMd: 900px;
  --break: 1100px;
  --breakLg: 1400px;
  --breakXl: 1700px;
}

/*
* Call the color palette modifiers for scss usage
* USAGE (scss):
	div {
		color: palette(gray,500);
		background-color: palette(gray,50);
		border: 1px solid palette(gray,900);
	}
*/
/* FLUID FONT SIZE
========================================================================== */
/* more concise media queries than bootstraps oob
* always up, never down.
* USAGE:
@include mq(sm) {

}
*/