/**
* Reset
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, button, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th, td {
  text-align: left;
}
button {
  border: none;
  background: none;
  cursor: pointer;
  color: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/**
* General traits
*/
/* Borders */
.b-top-1 {
  border-top-width: 1px;
  border-top-style: solid;
}
.b-bottom-1 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.b-left-1 {
  border-left-width: 1px;
  border-left-style: solid;
}
.b-right-1 {
  border-right-width: 1px;
  border-right-style: solid;
}
.b-top-2 {
  border-top-width: 2px;
  border-top-style: solid;
}
.b-bottom-2 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.b-left-2 {
  border-left-width: 2px;
  border-left-style: solid;
}
.b-right-2 {
  border-right-width: 2px;
  border-right-style: solid;
}
.b-top-3 {
  border-top-width: 3px;
  border-top-style: solid;
}
.b-bottom-3 {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.b-left-3 {
  border-left-width: 3px;
  border-left-style: solid;
}
.b-right-3 {
  border-right-width: 3px;
  border-right-style: solid;
}
/* Colours */
:root {
  --colorWhite:        #fff;
  --colorBlue:         #73adf0;
  --colorBlueHint:     #dff1fc;
  --colorBlueLight:    #A4CAF7;
  --colorBlueDark:     #4e7096;
  --colorRed:          #eb4d5c;
  --colorRedHint:      #fff4f5;
  --colorGreen:        #2ca476;
  --colorGreyHint:     #f6f6f6;
  --colorGreyLight:    #eaeaea;
  --colorGreyMidLight: #ccc;
  --colorGreyMid:      #999;
  --colorGrey:         #747474;
  --colorGreyDark:     #4a4a4a;
  --colorPrimary:      var(--colorBlue);
  --colorNotice:       var(--colorBlue);
  --colorSuccess:      var(--colorGreen);
  --colorWarning:      var(--colorRed);
  --colorWarningHint:  var(--colorRedHint);
  --colorLink:         var(--colorBlue);
  --colorLinkDark:     var(--colorBlueDark);
  --colorLinkHover:    var(--colorRed);
  --colorDarkBlend:    rgba(0,0,0,0.9);
  --colorLightBlend:   rgba(0,0,0,0.2);
}
/* White */
.c-white {
  color: var(--colorWhite);
}
.bgc-white {
  background-color: var(--colorWhite);
}
.bc-white {
  border-color: var(--colorWhite);
}
/* Blue, notice */
.c-blue,
.c-notice {
  color: var(--colorBlue);
}
.bgc-blue,
.bgc-primary,
.bgc-notice {
  background-color: var(--colorBlue);
}
.bc-blue,
.bc-primary,
.bc-notice {
  border-color: var(--colorBlue);
}
/* Blue hint */
.c-blue-hint {
  color: var(--colorBlueHint);
}
.bgc-blue-hint {
  background-color: var(--colorBlueHint);
}
.bc-blue-hint {
  border-color: var(--colorBlueHint);
}
/* Blue dark */
.c-blue-dark {
  color: var(--colorBlueDark);
}
.bgc-blue-dark {
  background-color: var(--colorBlueDark);
}
.bc-blue-dark {
  border-color: var(--colorBlueDark);
}
/* Red, warning */
.c-red,
.c-warning {
  color: var(--colorRed);
}
.bgc-red,
.bgc-warning {
  background-color: var(--colorRed);
}
.bc-red,
.bc-warning {
  border-color: var(--colorRed);
}
/* Green, success */
.c-green,
.c-success {
  color: var(--colorGreen);
}
.bgc-green,
.bgc-success {
  background-color: var(--colorGreen);
}
.bc-green,
.bc-success {
  background-color: var(--colorGreen);
}
/* Grey hint */
.c-grey-hint {
  color: var(--colorGreyHint);
}
.bgc-grey-hint {
  background-color: var(--colorGreyHint);
}
.bc-grey-hint {
  border-color: var(--colorGreyHint);
}
/* Grey light */
.c-grey-light {
  color: var(--colorGreyLight);
}
.bgc-grey-light {
  background-color: var(--colorGreyLight);
}
.bc-grey-light {
  border-color: var(--colorGreyLight);
}
/* Grey mid */
.c-grey-midlight {
  color: var(--colorGreyMidLight);
}
.bgc-grey-midlight {
  background-color: var(--colorGreyMidLight);
}
.bc-grey-midlight {
  border-color: var(--colorGreyMidLight);
}
/* Grey mid */
.c-grey-mid {
  color: var(--colorGreyMid);
}
.bgc-grey-mid {
  background-color: var(--colorGreyMid);
}
.bc-grey-mid {
  border-color: var(--colorGreyMid);
}
/* Grey */
.c-grey {
  color: var(--colorGrey);
}
.bgc-grey {
  background-color: var(--colorGrey);
}
.bc-grey {
  border-color: var(--colorGrey);
}
/* Grey dark */
.c-grey-dark {
  color: var(--colorGreyDark);
}
.bgc-grey-dark {
  background-color: var(--colorGreyDark);
}
.bc-grey-dark {
  border-color: var(--colorGreyDark);
}
:root {
  --fontPrimary: "Work Sans", "Helvetica", sans-serif;
  --fontWeightPrimaryNormal: 400;
  --fontWeightPrimaryBold: 700;
  --fontMono: "Inconsolata", monospace;
}
.f-primary {
  font-family: var(--fontPrimary);
}
.f-primary-bold {
  font-family: var(--fontPrimary);
  font-weight: var(--fontWeightPrimaryBold);
}
.f-mono {
  font-family: var(--fontMono);
}
.f-fallthrough {
  font-family: "Helvetica", sans-serif;
}
/**
 * Clearfix
 */
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
/**
 * Floats
 */
.fl-left {
  float: left;
}
.fl-right {
  float: right;
}
/**
 * Display
 */
.d-inline {
  display: inline;
}
.d-inlineblock {
  display: inline-block;
}
.d-block {
  display: block;
}
.d-table {
  display: table;
}
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/**
 * Alignment
 */
.fba-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fb-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 1400px) {
  .fb-order-1--widescreen {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .fb-order-1--desktop {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fb-order-1--tablet-wide {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .fb-order-1--tablet {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media (max-width: 639px) {
  .fb-order-1--phone {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.fb-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 1400px) {
  .fb-order-2--widescreen {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .fb-order-2--desktop {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fb-order-2--tablet-wide {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .fb-order-2--tablet {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 639px) {
  .fb-order-2--phone {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.fb-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
@media (min-width: 1400px) {
  .fb-order-3--widescreen {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .fb-order-3--desktop {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fb-order-3--tablet-wide {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .fb-order-3--tablet {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media (max-width: 639px) {
  .fb-order-3--phone {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.fb-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
@media (min-width: 1400px) {
  .fb-order-4--widescreen {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .fb-order-4--desktop {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .fb-order-4--tablet-wide {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .fb-order-4--tablet {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
@media (max-width: 639px) {
  .fb-order-4--phone {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
/**
 * Globals
 */
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
/**
 * Headings
 */
.h-1,
.h-2,
.h-3,
.h-4,
.h-5,
.h-smallcaps {
  font-family: var(--fontPrimary);
  font-weight: var(--fontWeightPrimaryBold);
}
.h-1 {
  font-size: 2.4rem;
}
.h-2 {
  font-size: 1.8rem;
}
.h-3 {
  font-size: 1.6rem;
}
.h-4,
.h-5 {
  font-size: 1.5rem;
}
.h-smallcaps {
  font-size: 1.1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
/**
 * Type adjustments
 */
.t-center {
  text-align: center;
}
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.t-upper {
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.t-nowrap {
  white-space: nowrap;
}
.t-underline {
  text-decoration: underline;
}
.t-no-decoration {
  text-decoration: none;
}
/**
 * Sizes
 */
.t-xsmall {
  font-size: 1.2rem;
}
.t-small {
  font-size: 1.3rem;
}
.t-medium {
  font-size: 1.5rem;
}
.t-large {
  font-size: 1.8rem;
}
.t-xlarge {
  font-size: 2.4rem;
}
/* Relative */
.t-xsmall-rel {
  font-size: 0.8em;
}
.t-small-rel {
  font-size: 0.86em;
}
.t-medium-rel {
  font-size: 1em;
}
.t-large-rel {
  font-size: 1.2em;
}
.t-xlarge-rel {
  font-size: 1.6em;
}
/**
* Base
*/
/**
 * Base
 */
html {
  font-size: 62.5%;
}
@media (min-width: 640px) and (max-width: 767px) {
  html {
    font-size: 56.25%;
  }
}
@media (max-width: 639px) {
  html {
    font-size: 50%;
  }
}
body {
  background-color: var(--colorGreyHint);
  color: var(--colorGreyDark);
  font-family: var(--fontPrimary);
  font-size: 1.5rem;
  line-height: 1.4;
  overflow-x: hidden;
}
@media (min-width: 1400px) {
  body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/**
* Components
*/
/* Buttons */
.button {
  background-color: var(--colorGrey);
  border: none;
  border-radius: var(--borderRadiusMedium);
  cursor: pointer;
  color: var(--colorWhite);
  display: inline-block;
  font-family: var(--fontPrimary);
  margin-right: 0.3rem;
  padding: 0.35em 1.2em 0.55em 1.1em;
  text-decoration: none;
  text-align: center;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}
.button--bold {
  font-weight: var(--fontWeightPrimaryBold);
}
.button--primary,
.button--notice {
  background-color: var(--colorPrimary);
}
.button--primary:hover,
  .button--primary:focus,
  .button--notice:hover,
  .button--notice:focus {
    background-color: var(--colorBlueDark);
  }
.button--success {
  background-color: var(--colorSuccess);
}
.button--success:hover,
  .button--success:focus {
    background-color: color(var(--colorSuccess) shade(20%));
  }
.button--warning {
  background-color: var(--colorWarning);
}
.button--warning:hover,
  .button--warning:focus {
    background-color: color(var(--colorWarning) shade(20%));
  }
.button--ghost {
  background-color: var(--colorWhite);
  border: 1px solid var(--colorGreyLight);
  color: var(--colorGrey);
  padding: 0.3em 1.3em 0.55em 1.1em;
}
.button--ghost:hover,
  .button--ghost:focus {
    border-color: color(var(--colorGreyLight) shade(10%));
    background-color: var(--colorGreyLight);
  }
/* Sizes */
.button--xsmall {
  font-size: 1.2rem;
  padding: 0.3em 1em 0.45em 0.8em;
}
.button--small {
  font-size: 1.3rem;
  padding: 0.3em 1em 0.45em 0.8em;
}
.button--medium {
  font-size: 1.5rem;
}
.button--large {
  font-size: 1.8rem;
}
.button--xlarge {
  font-size: 2rem;
}
/* Define styles for blocks of content scoped within the .copy rather than
 * making them global. Global styles will be constantly overridden.
 *
 *      <div class="copy your-content-area">
 */
/* Set the baseline on all elements directly inside a copy block
 * Margin won't work on inline elements anyway
 */
.copy {
  line-height: 1.4;
}
.copy > *,
.copy > blockquote > *,
.copy section > *,
.copy section > blockquote > * {
  margin-bottom: 0.7rem;
}
.copy > hr {
  margin-top: 1.7rem;
  margin-bottom: 1em;
}
/* Leading quotes
---------------------------------------- */
.copy .quo {
  margin-left: -0.2em;
}
.copy .dquo {
  margin-left: -0.3em;
}
/* Block Elements
---------------------------------------- */
.copy > blockquote {
  border-left: 2px solid var(--colorGreyLight);
  color: var(--colorGrey);
  font-size: 1.6rem;
  line-height: 1.45;
  padding-left: 2rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
  clear: both;
}
.copy > hr {
  border: none;
  border-bottom: 1px solid var(--colorGreyLight);
  clear: both;
}
/* Lists
---------------------------------------- */
.copy > ul,
.copy > ol {
  margin-left: 1.6em;
}
.copy > ul > li {
  list-style-type: disc;
}
.copy > ol {
  margin-left: 1.6em;
}
.copy > ol > li {
  list-style-type: decimal;
}
.copy > ul > li,
.copy > ol > li {
  display: list-item;
  margin-bottom: 0.4rem;
}
/* Headings
---------------------------------------- */
.copy > h1,
.copy > h2,
.copy > h3,
.copy > h4,
.copy > h5,
.copy > h6 {
  font-weight: var(--fontWeightPrimaryBold);
}
.copy > h1 a,
  .copy > h2 a,
  .copy > h3 a,
  .copy > h4 a,
  .copy > h5 a,
  .copy > h6 a {
    text-decoration: none;
  }
.copy > h1 a:hover,
  .copy > h1 a:focus,
  .copy > h2 a:hover,
  .copy > h2 a:focus,
  .copy > h3 a:hover,
  .copy > h3 a:focus,
  .copy > h4 a:hover,
  .copy > h4 a:focus,
  .copy > h5 a:hover,
  .copy > h5 a:focus,
  .copy > h6 a:hover,
  .copy > h6 a:focus {
    text-decoration: underline;
  }
.copy > p + h1,
.copy > p + h2,
.copy > p + h3,
.copy > p + h4,
.copy > p + h5,
.copy > p + h6 {
  padding-top: 0.8em;
}
.copy .h-1 {
  font-size: 2.4rem;
}
.copy .h-2 {
  font-size: 1.8rem;
}
.copy .h-3 {
  font-size: 1.6rem;
}
.copy .h-4,
.copy .h-5 {
  font-size: 1.5rem;
}
/* Inline Elements
---------------------------------------- */
.copy em {
  font-style: italic;
}
.copy strong {
  font-weight: bold;
}
.copy img,
.copy video,
.copy embed,
.copy iframe {
  max-width: 100%;
}
/* Links
---------------------------------------- */
.copy > p a,
.copy > blockquote a,
.copy > ul li a,
.copy > ol li a {
  color: var(--colorLink);
  text-decoration: underline;
}
.copy > p a:visited,
.copy > blockquote a:visited,
.copy > ul li a:visited {
  color: var(--colorLinkDark);
}
.copy > p a:hover,
.copy > p a:focus,
.copy > blockquote a:hover,
.copy > blockquote a:focus,
.copy > ul li a:hover,
.copy > ul li a:focus
.copy > ol li a:hover,
.copy > ol li a:focus {
  color: var(--colorLinkHover);
}
/**
 * Flash messages
 */
.flash {
  height: 0;
  left: 2rem;
  position: absolute;
  right: 2rem;
  top: 2rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-duration: var(--navOpenDuration);
          transition-duration: var(--navOpenDuration);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  z-index: 100;
}
.flash.nav-open {
    -webkit-transform: translate3d(var(--navWidth), 0, 0);
            transform: translate3d(var(--navWidth), 0, 0);
  }
.flash__message {
    -webkit-box-shadow: 0 3px 3px rgba(255, 255, 255, 0.5);
            box-shadow: 0 3px 3px rgba(255, 255, 255, 0.5);
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 50rem;
    opacity: 0.95;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
    -webkit-transition-timing-function: cubic-bezier(0.79, 0.04, 0.27, 1);
            transition-timing-function: cubic-bezier(0.79, 0.04, 0.27, 1);
  }
.flash__message--hidden {
      -webkit-transform: translate3d(0, -100px, 0);
              transform: translate3d(0, -100px, 0);
      opacity: 0;
    }
.flash button {
    outline: none;
  }
.form-input {
  color: var(--colorGreyDark);
  border-color: var(--colorGreyMidLight);
  background-color: var(--colorGreyHint);
  -webkit-box-shadow: inset 0px 2px 0px 0px rgba(20,15,10,0.03);
          box-shadow: inset 0px 2px 0px 0px rgba(20,15,10,0.03);
  border-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
  border-radius: 0;
  font-family: var(--fontPrimary);
  font-size: 1.5rem;
  padding: 0.6em 0.7em 0.8em;
  width: 100%;
  -webkit-transition-property: border-color, background-color;
  transition-property: border-color, background-color;
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
}
.form-input:focus {
    color: var(--colorDarkBlend);
    border-color: var(--colorBlue);
    background-color: var(--colorBlueHint);
    outline: none;
  }
.form-input:focus::-webkit-input-placeholder {
      color: lightBlend;
    }
.form-input:focus::-moz-placeholder {
      color: lightBlend;
    }
.form-input:focus:-ms-input-placeholder {
      color: lightBlend;
    }
.form-input:focus::-ms-input-placeholder {
      color: lightBlend;
    }
.form-input:focus::placeholder {
      color: lightBlend;
    }
.form-input--xsmall {
  font-size: 1.2rem;
}
.form-input--small {
  font-size: 1.3rem;
}
.form-input--medium {
  font-size: 1.5rem;
}
.form-input--large {
  font-size: 1.8rem;
}
.form-input--xlarge {
  font-size: 2rem;
}
.form-input--error {
  color: var(--colorWarning);
  border-color: var(--colorWarning);
  background-color: var(--colorWarningHint);
}
.form-input--error::-webkit-input-placeholder {
      color: rgba(0,0,0,0.2);
    }
.form-input--error::-moz-placeholder {
      color: rgba(0,0,0,0.2);
    }
.form-input--error:-ms-input-placeholder {
      color: rgba(0,0,0,0.2);
    }
.form-input--error::-ms-input-placeholder {
      color: rgba(0,0,0,0.2);
    }
.form-input--error::placeholder {
      color: rgba(0,0,0,0.2);
    }
.form-label {
  display: inline-block;
  font-family: var(--fontPrimary);
  font-weight: var(--fontWeightPrimaryBold);
}
.form-label--error {
    color: var(--colorWarning);
  }
.form-label--inline,
.form-input--inline {
  display: inline-block;
  width: auto;
}
/* Header */
:root {
  --headerHeightDesktop: 6rem;
  --headerHeightPhone: 6rem;
}
.header {
  border-bottom: 1px solid var(--colorGreyLight);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--headerHeightDesktop);
  left: 0;
  position: absolute;
  padding-left: var(--spacingXLarge);
  padding-right: var(--spacingXLarge);
  right: 0;
  top: 0;
  width: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: var(--navOpenDuration);
          transition-duration: var(--navOpenDuration);
  -webkit-transition-timing-function: var(--navOpenTiming);
          transition-timing-function: var(--navOpenTiming);
  z-index: 6;
}
.header.nav-open {
    -webkit-transform: translate3d(var(--navWidth), 0, 0);
            transform: translate3d(var(--navWidth), 0, 0);
  }
.header__name {
    font-size: 1.8rem;
    font-weight: bold;
  }
.header__name a {
      color: var(--colorGreyDark);
      text-decoration: none;
    }
.header__name a:hover,
    .header__name a:focus {
      color: var(--colorBlueDark);
      text-decoration: underline;
    }
@media (max-width: 639px) {
      .header {
        background-color: var(--colorGreyHint);
        height: var(--headerHeightPhone);
        padding-left: var(--spacingMedium);
        padding-right: var(--spacingMedium);
        position: fixed;
      }
    }
.header-nav {
  margin-left: auto;
}
.header-nav__link {
    color: var(--colorLink);
    display: inline-block;
    margin-left: var(--spacingXLarge);
    text-decoration: none;
  }
.header-nav__link:hover,
  .header-nav__link:focus {
    color: var(--colorLinkHover);
    text-decoration: underline;
  }
/* Header Add new dropdown */
.add-new__show:hover {
  background-color: var(--colorBlueLight);
  position: relative;
  cursor: default;
}
.add-new__show:hover .add-new__panel {
  display: block;
  position: absolute;
  right: 0;
  top: 3rem;
  padding-top: 0.3rem;
}
.add-new__panel {
  display: none;
}
.add-new__link {
    display: block;
    padding: 0.35em 1.2em 0.55em 1.1em;
    background-color: var(--colorPrimary);
    border: none;
    border-bottom: 1px solid #F6F6F6;
    color: var(--colorWhite);
    text-align: center;
    -webkit-transition-property: background-color, border-color, color;
    transition-property: background-color, border-color, color;
    -webkit-transition-duration: 100ms;
            transition-duration: 100ms;
    text-decoration: none;
  }
.add-new__link:hover {
    background-color: var(--colorBlueDark);
  }
.add-new__link:first-child {
    border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;
  }
.add-new__link:last-child {
    border-radius: 0 0 var(--borderRadiusMedium) var(--borderRadiusMedium);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
    border: none;
  }
.caret-down {
    border-bottom: 5px solid var(--colorWhite);
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
/* Nav toggle */
.nav-toggle {
  border-right: 1px solid var(--colorGreyLight);
  color: var(--colorLink);
  margin-right: var(--spacingLarge);
  padding-right: var(--spacingLarge);
}
.nav-toggle:hover,
  .nav-toggle:focus {
    color: var(--colorLinkHover);
    text-decoration: underline;
  }
.link,
.link-children a:not(.button) {
  color: var(--colorLink);
  text-decoration: underline;
}
.link:visited,
  .link-children a:not(.button):visited {
    color: var(--colorLinkDark);
  }
.link:focus,
  .link:hover,
  .link-children a:not(.button):focus,
  .link-children a:not(.button):hover {
    color: var(--colorLinkHover);
  }
.link--no-decoration,
.link-children--no-decoration a:not(.button) {
  text-decoration: none;
}
/* Labels */
.label {
  background-color: var(--colorGrey);
  border-radius: var(--borderRadiusMedium);
  color: var(--colorWhite);
  display: inline-block;
  font-family: var(--fontPrimary);
  font-size: 1.1rem;
  font-weight: var(--fontWeightPrimaryBold);
  letter-spacing: 0.2em;
  margin-right: 0.3rem;
  padding: 0.3rem 0.8rem 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
.label--primary,
.label--notice {
  background-color: var(--colorPrimary);
}
.label--success {
  background-color: var(--colorSuccess);
}
.label--warning {
  background-color: var(--colorWarning);
}
.label--ghost {
  background-color: var(--colorWhite);
  border: 1px solid var(--colorGreyLight);
  color: var(--colorGrey);
  padding: 0.2rem 0.8rem 0.5rem;
}
/**
 * Minimal layout wrapper
 */
.minimal {
  display: block;
  width: 100%;
}
/* Nav */
:root {
  --navWidth: 26rem;
  --navOpenDuration: 170ms;
  --navOpenTiming: cubic-bezier(.2,.3,.25,.9);
}
.nav {
  bottom: 0;
  left: 0;
  max-width: var(--navWidth);
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(calc(var(--navWidth) * -1), 0, 0);
          transform: translate3d(calc(var(--navWidth) * -1), 0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: var(--navOpenDuration);
          transition-duration: var(--navOpenDuration);
  -webkit-transition-timing-function: var(--navOpenTiming);
          transition-timing-function: var(--navOpenTiming);
  z-index: 5;
}
.nav:after {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.05)), to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
    bottom: 0;
    content: "";
    display: block;
    left: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: var(--navOpenDuration);
            transition-duration: var(--navOpenDuration);
    width: 2rem;
  }
@media (min-width: 1400px) {
    .nav:after {
      display: none;
    }
  }
@media (min-width: 1400px) {
    .nav {
      padding-top: var(--headerHeightDesktop);
    }
  }
.nav.nav-open {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
.nav.nav-open:after {
      opacity: 1;
    }
@media (min-width: 1400px) {
    .nav {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      overflow: visible;
    }
  }
.nav__content {
    padding: var(--spacingXLarge);
    top: 0;
    position: sticky;
  }
/* Group */
.nav-group {
  padding-bottom: var(--spacingXLarge);
}
.nav-group__header {
    color: var(--colorGrey);
    font-family: var(--fontPrimary);
    font-size: 1.1rem;
    font-weight: var(--fontWeightPrimaryBold);
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
  }
.nav-list__link {
  color: var(--colorLinkDark);
  display: block;
  text-decoration: none;
  margin-bottom: var(--spacingXSmall);
}
.nav-list__link:hover,
  .nav-list__link:focus {
    color: var(--colorLinkHover);
    text-decoration: underline;
  }
/* User */
.nav-user {
  border-top: 0.3rem solid var(--colorGreyLight);
  font-size: 1.3rem;
  padding-top: var(--spacingXLarge);
}
.nav-user p {
    margin-bottom: var(--spacingSmall);
  }
/* Page */
.page {
  padding-right: var(--spacingXLarge);
  padding-left: var(--spacingXLarge);
  padding-top: var(--headerHeightDesktop);
  padding-bottom: var(--spacingXLarge);
  position: relative;
  opacity: 1;
  height: 100%;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: var(--navOpenDuration);
          transition-duration: var(--navOpenDuration);
  -webkit-transition-timing-function: var(--navOpenTiming);
          transition-timing-function: var(--navOpenTiming);
  position: relative;
  z-index: 2;
}
.page--inactive {
    opacity: 0.5;
  }
.page.nav-open {
    -webkit-transform: translate3d(var(--navWidth), 0, 0);
            transform: translate3d(var(--navWidth), 0, 0);
  }
@media (min-width: 1400px) {
    .page {
      -webkit-box-flex: 3;
          -ms-flex: 3;
              flex: 3;
      padding-left: 0;
    }
  }
@media (max-width: 639px) {
    .page {
      overflow-x: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      padding-top: var(--headerHeightPhone);
      padding-right: var(--spacingMedium);
      padding-left: var(--spacingMedium);
    }
  }
.page__contents {
  margin-left: auto;
  margin-right: auto;
  max-width: 144rem;
  padding-top: var(--spacingLarge);
}
@media (max-width: 639px) {
    .page__contents {
      padding-top: var(--spacingMedium);
    }
  }
/* Overlay */
.page-overlay {
  background-color: rgba(0,0,0,0.1);
  bottom: 0;
  display: block;
  left: 0;
  opacity: 0;
  outline: none;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-duration: var(--navOpenDuration);
          transition-duration: var(--navOpenDuration);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  width: 100%;
  z-index: 100;
}
.nav-open.page-overlay {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translate3d(var(--navWidth), 0, 0);
            transform: translate3d(var(--navWidth), 0, 0);
  }
/* Panel */
.panel {
  background-color: var(--colorWhite);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
  border-bottom-left-radius: var(--borderRadiusMedium);
  border-bottom-right-radius: var(--borderRadiusMedium);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--spacingXLarge);
  margin-top: var(--spacingXLarge);
  padding: var(--spacingXLarge);
}
@media (min-width: 640px) and (max-width: 767px) {
    .panel {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
@media (max-width: 639px) {
    .panel {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: var(--spacingMedium);
      padding: var(--spacingLarge);
    }
  }
.tabs + .panel {
  margin-top: 0;
}
.panel__primary {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
  max-width: 100%;
}
.panel__secondary {
  margin-left: var(--spacingXLarge);
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
@media (max-width: 767px) {
    .panel__secondary {
      margin-top: var(--spacingXLarge);
      margin-left: 0;
      width: 100%;
    }
  }
@media (max-width: 767px) {
    .panel__secondary[class*="fb-order-1"] {
      margin-bottom: var(--spacingXLarge);
      margin-top: auto;
    }
  }
.panel__left {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.panel__right {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.panel__thirds {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.panel__thirds:nth-of-type(2n+0) {
    margin-left: var(--spacingXLarge);
    margin-right: var(--spacingXLarge);
  }
@media (max-width: 767px) {
    .panel__thirds {
      margin-left: 0;
      margin-right: 0;
    }
  }
/* Tables */
.table {
  font-size: 1.4rem;
  margin-bottom: var(--spacingXSmall);
  max-width: 100%;
}
.table--overflow {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
  }
@media (max-width: 767px) {
    .table {
      -webkit-overflow-scrolling: touch;
      overflow-x: scroll;
    }
  }
.table table {
    width: 100%;
  }
.table--top-border {
    border-top: 0.3rem solid var(--colorGreyLight);
  }
.table--bottom-border {
    border-bottom: 0.3rem solid var(--colorGreyLight);
  }
.table th,
.table td {
  padding: var(--spacingXSmall) var(--spacingSmall);
}
.table th {
  border-bottom: 0.3rem solid var(--colorGreyLight);
  font-weight: var(--fontWeightPrimaryBold);
}
.table td {
  border-top: 0.1rem solid var(--colorGreyLight);
}
.table tr:first-child td {
    border-top: none;
  }
/* Hovers for items bound with `rowLink` */
.table tr[data-view-row-link]:hover {
  cursor: pointer;
}
.table tr[data-view-row-link]:hover td {
    background-color: transparent;
    -webkit-transition-property: border-color, background-color, color;
    transition-property: border-color, background-color, color;
    -webkit-transition-duration: 80ms;
            transition-duration: 80ms;
  }
.table tr[data-view-row-link]:hover td {
    background-color: var(--colorBlueHint);
    border-color: var(--colorBlueLight);
    color: var(--colorBlueDark);
  }
.table th a,
.table th button {
  color: var(--colorGreyDark);
  text-decoration: none;
}
.table th a:hover,
  .table th a:focus,
  .table th button:hover,
  .table th button:focus {
    color: var(--colorLinkHover);
    text-decoration: underline;
  }
/* Sorting */
.sort--desc:after {
  border: solid transparent;
  border-color: transparent;
  border-top-color: currentColor;
  border-width: 4px;
  content: " ";
  display: inline-block;
  position: relative;
  height: 0;
  margin-left: var(--spacingXSmall);
  pointer-events: none;
  top: 0.2rem;
  width: 0;
}
.sort--asc:after {
  border: solid transparent;
  border-color: transparent;
  border-bottom-color: currentColor;
  border-width: 4px;
  content: " ";
  display: inline-block;
  position: relative;
  height: 0;
  margin-left: var(--spacingXSmall);
  pointer-events: none;
  top: -0.2rem;
  width: 0;
}
/* Alignment */
.va-top {
  vertical-align: top;
}
.va-middle {
  vertical-align: middle;
}
.va-bottom {
  vertical-align: bottom;
}
/* Tabs */
.tabs {
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.05);
          box-shadow: 0 0 3px rgba(0,0,0,0.05);
  background-color: var(--colorWhite);
  border-bottom: 1px solid var(--colorGreyLight);
  border-top-left-radius: var(--borderRadiusMedium);
  border-top-right-radius: var(--borderRadiusMedium);
  margin-top: var(--spacingXLarge);
}
.tab {
  border-right: 1px solid var(--colorGreyLight);
  color: var(--colorLink);
  display: inline-block;
  padding: 1.8rem var(--spacingXLarge) 2.2rem;
  margin-bottom: -1px;
  text-decoration: none;
}
.tab:first-child {
    border-top-left-radius: var(--borderRadiusMedium);
  }
.tab:last-child {
    border-right-width: 0;
  }
.tab:hover,
  .tab:focus {
    color: var(--colorLinkHover);
    text-decoration: underline;
  }
.tab--active,
  .tab--active:hover,
  .tab--active:focus {
    background-color: var(--colorWhite);
    color: var(--colorGreyDark);
  }
.tab--active:last-child {
      border-right-width: 1px;
    }
/**
* Overriding traits
*/
:root {
  --spacingXSmall: 0.5rem;
  --spacingSmall: 1rem;
  --spacingMedium: 1.5rem;
  --spacingLarge: 2rem;
  --spacingXLarge: 3rem;
}
.flush {
  margin: 0;
  padding: 0;
}
.m-xsmall {
  margin: var(--spacingXSmall);
}
.m-small {
  margin: var(--spacingSmall);
}
.m-medium {
  margin: var(--spacingMedium);
}
.m-large {
  margin: var(--spacingLarge);
}
.m-xlarge {
  margin: var(--spacingXLarge);
}
.mt-xsmall {
  margin-top: var(--spacingXSmall);
}
.mt-small {
  margin-top: var(--spacingSmall);
}
.mt-medium {
  margin-top: var(--spacingMedium);
}
.mt-large {
  margin-top: var(--spacingLarge);
}
.mt-xlarge {
  margin-top: var(--spacingXLarge);
}
.mr-xsmall {
  margin-right: var(--spacingXSmall);
}
.mr-small {
  margin-right: var(--spacingSmall);
}
.mr-medium {
  margin-right: var(--spacingMedium);
}
.mr-large {
  margin-right: var(--spacingLarge);
}
.mr-xlarge {
  margin-right: var(--spacingXLarge);
}
.mb-xsmall {
  margin-bottom: var(--spacingXSmall);
}
.mb-small {
  margin-bottom: var(--spacingSmall);
}
.mb-medium {
  margin-bottom: var(--spacingMedium);
}
.mb-large {
  margin-bottom: var(--spacingLarge);
}
.mb-xlarge {
  margin-bottom: var(--spacingXLarge);
}
.ml-xsmall {
  margin-left: var(--spacingXSmall);
}
.ml-small {
  margin-left: var(--spacingSmall);
}
.ml-medium {
  margin-left: var(--spacingMedium);
}
.ml-large {
  margin-left: var(--spacingLarge);
}
.ml-xlarge {
  margin-left: var(--spacingXLarge);
}
.my-xsmall {
  margin-top: var(--spacingXSmall);
  margin-bottom: var(--spacingXSmall);
}
.my-small {
  margin-top: var(--spacingSmall);
  margin-bottom: var(--spacingSmall);
}
.my-medium {
  margin-top: var(--spacingMedium);
  margin-bottom: var(--spacingMedium);
}
.my-large {
  margin-top: var(--spacingLarge);
  margin-bottom: var(--spacingLarge);
}
.my-xlarge {
  margin-top: var(--spacingXLarge);
  margin-bottom: var(--spacingXLarge);
}
.mx-xsmall {
  margin-left: var(--spacingXSmall);
  margin-right: var(--spacingXSmall);
}
.mx-small {
  margin-left: var(--spacingSmall);
  margin-right: var(--spacingSmall);
}
.mx-medium {
  margin-left: var(--spacingMedium);
  margin-right: var(--spacingMedium);
}
.mx-large {
  margin-left: var(--spacingLarge);
  margin-right: var(--spacingLarge);
}
.mx-xlarge {
  margin-left: var(--spacingXLarge);
  margin-right: var(--spacingXLarge);
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.p-xsmall {
  padding: var(--spacingXSmall);
}
.p-small {
  padding: var(--spacingSmall);
}
.p-medium {
  padding: var(--spacingMedium);
}
.p-large {
  padding: var(--spacingLarge);
}
.p-xlarge {
  padding: var(--spacingXLarge);
}
.pt-xsmall {
  padding-top: var(--spacingXSmall);
}
.pt-small {
  padding-top: var(--spacingSmall);
}
.pt-medium {
  padding-top: var(--spacingMedium);
}
.pt-large {
  padding-top: var(--spacingLarge);
}
.pt-xlarge {
  padding-top: var(--spacingXLarge);
}
.pr-xsmall {
  padding-right: var(--spacingXSmall);
}
.pr-small {
  padding-right: var(--spacingSmall);
}
.pr-medium {
  padding-right: var(--spacingMedium);
}
.pr-large {
  padding-right: var(--spacingLarge);
}
.pr-xlarge {
  padding-right: var(--spacingXLarge);
}
.pb-xsmall {
  padding-bottom: var(--spacingXSmall);
}
.pb-small {
  padding-bottom: var(--spacingSmall);
}
.pb-medium {
  padding-bottom: var(--spacingMedium);
}
.pb-large {
  padding-bottom: var(--spacingLarge);
}
.pb-xlarge {
  padding-bottom: var(--spacingXLarge);
}
.pl-xsmall {
  padding-left: var(--spacingXSmall);
}
.pl-small {
  padding-left: var(--spacingSmall);
}
.pl-medium {
  padding-left: var(--spacingMedium);
}
.pl-large {
  padding-left: var(--spacingLarge);
}
.pl-xlarge {
  padding-left: var(--spacingXLarge);
}
.py-xsmall {
  padding-top: var(--spacingXSmall);
  padding-bottom: var(--spacingXSmall);
}
.py-small {
  padding-top: var(--spacingSmall);
  padding-bottom: var(--spacingSmall);
}
.py-medium {
  padding-top: var(--spacingMedium);
  padding-bottom: var(--spacingMedium);
}
.py-large {
  padding-top: var(--spacingLarge);
  padding-bottom: var(--spacingLarge);
}
.py-xlarge {
  padding-top: var(--spacingXLarge);
  padding-bottom: var(--spacingXLarge);
}
.px-xsmall {
  padding-left: var(--spacingXSmall);
  padding-right: var(--spacingXSmall);
}
.px-small {
  padding-left: var(--spacingSmall);
  padding-right: var(--spacingSmall);
}
.px-medium {
  padding-left: var(--spacingMedium);
  padding-right: var(--spacingMedium);
}
.px-large {
  padding-left: var(--spacingLarge);
  padding-right: var(--spacingLarge);
}
.px-xlarge {
  padding-left: var(--spacingXLarge);
  padding-right: var(--spacingXLarge);
}
/* Miscellaneous traits */
:root {
  --borderRadiusXSmall: 1px;
  --borderRadiusSmall: 2px;
  --borderRadiusMedium: 3px;
  --borderRadiusLarge: 5px;
  --borderRadiusHuge: 8px;
}
/* Radius */
.br-none {
  border-radius: 0;
}
.br-xsmall {
  border-radius: var(--borderRadiusXSmall);
}
.br-small {
  border-radius: var(--borderRadiusSmall);
}
.br-medium {
  border-radius: var(--borderRadiusMedium);
}
.br-large {
  border-radius: var(--borderRadiusLarge);
}
.br-huge {
  border-radius: var(--borderRadiusHuge);
}
/* Visibility */
.hide-all {
  display: none;
}
@media (min-width: 1400px) {
  .hide-widescreen {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .hide-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hide-tablet-wide {
    display: none;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .hide-tablet {
    display: none;
  }
}
@media (max-width: 639px) {
  .hide-phone {
    display: none;
  }
}
@media (min-width: 1400px) {
  .show-widescreen {
    display: block;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .show-desktop {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-tablet-wide {
    display: block;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .show-tablet {
    display: block;
  }
}
@media (max-width: 639px) {
  .show-phone {
    display: block;
  }
}
@media (min-width: 1400px) {
  .show-widescreen--i {
    display: inline;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .show-desktop--i {
    display: inline;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-tablet-wide--i {
    display: inline;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .show-tablet--i {
    display: inline;
  }
}
@media (max-width: 639px) {
  .show-phone--i {
    display: inline;
  }
}
@media (min-width: 1400px) {
  .show-widescreen--ib {
    display: inline-block;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .show-desktop--ib {
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .show-tablet-wide--ib {
    display: inline-block;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .show-tablet--ib {
    display: inline-block;
  }
}
@media (max-width: 639px) {
  .show-phone--ib {
    display: inline-block;
  }
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.hide-visually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.hide-visually.focusable:active,
.hide-visually.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/**
 * Width helpers
 * Mostly relevant for tables.
 */
.w-100 {
  width: 100%;
}
.w-75 {
  width: 75%;
}
.w-50 {
  width: 50%;
}
.w-25 {
  width: 25%;
}
.w-0 {
  width: 0;
}
.minw-10r {
  min-width: 10rem;
}
.minw-20r {
  min-width: 20rem;
}
.minw-30r {
  min-width: 30rem;
}
/* TODO: Move this into Roneo */
/* Butt up against preceding panel */
.panel--flush {
  margin-top: -2.8rem;
}
/* phone */
@media (max-width: 639px) {
  .panel--flush {
    margin-top: -2.8rem;
  }
}
.panel__left {
  margin-right: var(--spacingMedium);
}
.panel__right {
  margin-left: var(--spacingMedium);
}
/* phone */
@media (max-width: 639px) {
  .panel__left,
  .right {
    margin-left: 0;
    margin-right: 0;
  }
}
/* tablet */
@media (min-width: 640px) and (max-width: 767px) {
  .panel__left,
  .panel__right {
    margin-left: 0;
    margin-right: 0;
  }
}
/* Busy states for forms */
.form--busy button[type="submit"] {
  cursor: progress;
  opacity: 0.5;
}
.form-busy-message {
  opacity: 0;
  -webkit-transition: opacity 150ms;
  transition: opacity 150ms;
}
.form--busy .form-busy-message {
  opacity: 1;
}
.nav-group__your-program-list {
  padding-bottom: 2rem;
}
.nav-list__link--child {
  position: relative;
  margin-left: 1.6rem;
}
.nav-list__link--child:before {
  content: "";
  display: block;
  position: absolute;
  left: -1.6rem;
  width: 1rem;
  height: 1px;
  background-color: #aaa;
  top: 0.7em;
}
.label--caution {
  background-color: #f0ad4e;
}
.bgc-advisory {
  background-color: #fafad2;
}
/* custom components */
_:-moz-tree-row(hover),
.nav__content {
  position: static;
}
.panel {
  position: relative;
}
.download-csv-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.download-csv-link__anchor-container {
  padding-top: 0.4rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
/* Search results table on collection edit page */
.product__query-results {
  margin-top: 4rem;
}
.product__query-results tbody td {
  vertical-align: middle;
}
.product__query-results img.thumbnail {
  max-width: 8rem;
}
.copy-to-clipboard__textarea {
  width: 100%;
  font-family: "Work Sans", Helvetica, sans-serif;
  font-size: 1.4rem;
  border-color: #ccc;
  background-color: #f1f1f1;
  padding-top: 0.6em;
  padding-right: 0.7em;
  padding-bottom: 0.8em;
  padding-left: 0.7em;
}
.error-messages__heading {
  color: white;
}
.error-messages__list {
  list-style: square;
}
.error_messages__list-item {
  color: white;
}
.help-button {
  position: absolute;
  right: var(--spacingXLarge);
  top: -1em;
}
/* tablet, tablet-wide */
@media (min-width: 640px) and (max-width: 767px),
  @media (min-width: 768px) and (max-width: 1023px) {
  .help-button {
    top: -1.1em;
  }
}
/* phone */
@media (max-width: 639px) {
  .help-button {
    right: var(--spacingLarge);
    top: -1.3em;
  }
}
.help {
  padding-left: var(--spacingLarge);
  border-left: 1px solid var(--colorGreyLight);
}
.help-content {
  max-height: 100rem;
  overflow-y: scroll;
  position: sticky;
  top: 2rem;
}
/* phone, tablet */
@media (max-width: 639px), @media (min-width: 640px) and (max-width: 767px) {
  .help-content {
    max-height: 33rem;
  }
}
/* phone, tablet */
@media (max-width: 639px), @media (min-width: 640px) and (max-width: 767px) {
  .help {
    padding-left: 0;
    border-left: 0;
    border-bottom: 1px solid var(--colorGreyLight);
    padding-bottom: var(--spacingLarge);
  }
}
.help .field-title {
  font-size: 1.5rem;
  font-weight: 700;
}
.help.copy > *,
.help.copy > blockquote > *,
.help.copy section > *,
.help.copy section > blockquote > * {
  margin-bottom: 1.5rem;
}
.help-button {
  border: 1px solid color(#fffeb0 shade(10%));
  background-color: #fffeb0;
  color: var(--colorGreyDark);
}
.help-button:hover,
.help-button:focus {
  background-color: color(#fffeb0 shade(5%));
  border-color: color(#fffeb0 shade(20%));
}
#home-page-fieldset span,
#home-page-fieldset label,
#home-page-fieldset [data-field-header="true"],
#home-page-fieldset section {
  margin-bottom: 0;
}
#home-page-fieldset h2 {
  margin-bottom: 0;
  display: none;
}
#home-page-fieldset input,
#home-page-fieldset select {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#home-page-fieldset [data-field-type="check-box"],
#home-page-fieldset [data-field-type="search-selection-field"],
#home-page-fieldset [data-field-type="rich-text-area"] {
  margin-bottom: 1rem;
}
.search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.search-form input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal-wrapper.closed {
  display: none;
}
.modal {
  bottom: 0;
  left: 0;
  overflow-scroll: touch;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10010;
}
.modal__container {
  max-width: 100%;
  width: 600px;
  margin: 0 auto;
  z-index: 10005;
}
.modal__container > * {
  position: relative;
}
.modal__overlay {
  border: none;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10001;
  background-color: rgba(0, 0, 0, 0.2);
}
.sign-in {
  max-width: 50rem;
}
/* Inactive class applied to order fulfill line items that aren't being supplied by MUP */
.inactive {
  opacity: 0.3;
}
/* Roneo includes success, warning and ghost variants on the default label class.
   I'm adding an additional failure variant as the .label--failure class is being
   added to an order product status label. The order decorator is s/cancelled/failure
   Roneo does have a .label--warning that uses the same red background as this class.
*/
.label--failure {
  background-color: #eb4d5c;
}
.thumbnail {
  max-width: 12rem;
}
/* Activity indicator */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.activity-indicator {
  background: var(--colorPrimary);
  border-radius: 0.5rem;
  display: inline-block;
  margin-top: 0.5rem;
  margin-left: 1rem;
  opacity: 1;
  position: absolute;
  padding: 0.4rem 0 0.4rem 0.4rem;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
}
.activity-indicator__dot {
  background: var(--colorWhite);
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.4rem;
  height: 3px;
  width: 3px;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  animation-direction: alternate-reverse;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.activity-indicator__dot:nth-child(2n) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.activity-indicator__dot:nth-child(3n) {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.activity-indicator--hidden {
  opacity: 0;
}
.activity-indicator--reversed {
  background: none;
}
.activity-indicator--reversed .activity-indicator__dot {
  background: var(--colorPrimary);
}
/* custom view css */
.newsletter-sticky-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;

  padding: 0.8rem;

  background: #fff;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.05);

  font-size: 1.5rem;
}
.newsletter-sticky-bar .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  gap: 0.8rem;
}
.staging-env body {
  background-image: linear-gradient(rgba(100%,0%,50%,0.25), transparent 120px);
  background-attachment: fixed;
}

/**
 * Draft v0.4.0
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
    height: inherit;
    text-align: left;
    text-align: initial;
    word-break: break-word;
}

.DraftEditor-root {
  line-height: 1.5;
  position: relative;
  font-size: 1.5rem;
}

.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}

.public-DraftEditor-block {
  position: relative;
}

.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}

.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
  left: 0;
  text-align: left;
}

.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}

.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}

.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
  right: 0;
  text-align: right;
}

.public-DraftEditorPlaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0;
}

.public-DraftEditorPlaceholder-hasFocus {
  color: #bdc1c9;
}

.DraftEditorPlaceholder-hidden {
  display: none;
}

.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}

.public-DraftEditor-content h1 {
  font-weight: bold;
  font-size: 2rem;
}

.public-DraftEditor-content pre {
  font-family: monospace;
}

.public-DraftEditor-content hr {
  background: none;
  margin: 2rem auto;
  border: none;
  border-bottom: 2px #ddd solid;
  max-width: 40rem;
}

.public-DraftEditor-content pre pre .public-DraftStyleDefault-block {
  margin-bottom: 0;
}

.public-DraftEditor-content blockquote {
  border-left: 2px #ddd solid;
  padding-left: 2rem;
}

.public-DraftEditor-content h2 {
  font-weight: bold;
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

.public-DraftEditor-content a {
  color: #3980ab;
}

.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}

.rte-block__pullquote {
  font-size: 2rem;
}

.rte-block__pullquote .public-DraftStyleDefault-ltr {
  text-align: center;
}

.rte-block__hr hr {
  background: none;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid #ddd;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}

.public-DraftStyleDefault-listLTR {
  direction: ltr;
}

.public-DraftStyleDefault-listRTL {
  direction: rtl;
}

.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  padding: 0;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}

.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}

.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}

.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}

.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0)". ";
  counter-increment: ol0;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1)". ";
  counter-increment: ol1;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2)". ";
  counter-increment: ol2;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3)". ";
  counter-increment: ol3;
}

.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4)". ";
  counter-increment: ol4;
}

.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}

.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}

.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}

.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}

.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}

/*  */

.DraftEditor-root {
  font-family: "Work Sans";
}

.public-DraftEditor-content > [data-contents="true"] > pre {
  background-color: #fafafa;
  border-radius: 3px;
  padding: 1.3rem 1.8rem;
}

.public-DraftEditor-content > [data-contents="true"] > pre,
.public-DraftStyleDefault-block {
  margin-bottom: 1.2rem;
}


/*# sourceMappingURL=/assets/admin__admin.ecfb0d3fbe88a057.css.map*/