/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
} /**/

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

/* pre {
    font-family: monospace, monospace;
    font-size: 1em
} /**/

/* a {
    background-color: transparent
} /**/

/* abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
} /**/

/* b,
strong {
    font-weight: bolder
} /**/

/* code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
} /**/

/* small {
    font-size: 80%
} /**/

/* sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
} /**/

/* sub {
    bottom: -.25em
} /**/

/* sup {
    top: -.5em
} /**/

/* img {
    border-style: none
} /**/

/* button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
} /**/

/* button,
input {
    overflow: visible
} /**/

/* button,
select {
    text-transform: none
} /**/

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

/* fieldset {
    padding: .35em .75em .625em
} /**/

/* legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
} /**/

/* progress {
    vertical-align: baseline
} /**/

/* textarea {
    overflow: auto
} /**/

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

/* details {
    display: block
} /**/

/* summary {
    display: list-item
} /**/

[hidden],
template {
    display: none
}

*,
:after,
:before {
    box-sizing: border-box
}

body {
    font-family: var(--font-family-open-sans);
    font-size: 15px;
    font-weight: var(--font-weight-regular);
    line-height: 1.2
}

/* .bold,
b,
strong {
    font-weight: var(--font-weight-bold)
}  /**/

/* .muted {
    font-size: 11px;
    line-height: 1.25;
    letter-spacing: 0;
    color: var(--c-dark-grey)
}

@media (min-width: 1056px) {
    .muted {
        font-size: 12px
    }
} /**/

button,
input {
    font: inherit
}

a,
button.link {
    text-decoration: none;
    line-height: 1.1;
    color: var(--c-light-green);
    cursor: pointer;
    transition: color .3s ease-in-out 0s;
    border: 0;
    background: none
}

/*
a.emphasized,
button.link.emphasized {
    position: relative;
    padding-left: 20px
}

a.emphasized:before,
button.link.emphasized:before {
    content: "→";
    position: absolute;
    left: 0;
    top: 1px
}

a.emphasized.back:before,
button.link.emphasized.back:before {
    content: "←";
    position: absolute;
    left: 0;
    top: 1px
} /**/

a:hover,
button.link:hover {
    color: var(--c-green-75)
}

p,
ul {
    margin: 0
}

ul {
    padding: 0
}

/*
ul.variant-checkmark {
    list-style-type: none
}

ul.variant-checkmark li {
    padding: 0 0 10px 30px;
    background-size: 15px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10'%3E%3Cpath fill='none' stroke='%23000' d='m.354 5.064 4.107 4.107 7.818-7.817'/%3E%3C/svg%3E") no-repeat 3px 5px
}

ul.variant-checkmark li.is-invalid {
    background: none;
    color: var(--c-red)
}

ul.variant-checkmark li.is-open {
    background: none
}

ul.variant-cross {
    list-style-type: none
}

ul.variant-cross li {
    padding: 0 0 10px 30px;
    background-size: 15px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m16.554 8.153-.707-.707L12 11.293 8.153 7.446l-.707.707L11.293 12l-3.847 3.847.707.707L12 12.707l3.847 3.847.707-.707L12.707 12z'/%3E%3C/svg%3E") no-repeat 3px 0
}

ul.variant-cross li.is-invalid {
    background: none;
    color: var(--c-red)
}

ul.variant-cross li.is-open {
    background: none
} /**/

/* ol {
    list-style-type: decimal;
    counter-reset: item
}

ol li {
    list-style-type: none;
    counter-increment: item;
    text-indent: -2em
}

ol li:before {
    content: counter(item) ".";
    margin-right: 15px
} /**/

/* .h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-style: normal;
    letter-spacing: normal;
    margin: 0
} /**/

/* .h1 {
    font-family: TheMix Bold, sans-serif;
    font-weight: var(--font-weight-bold);
    font-size: 24px;
    line-height: 1.1;
    color: var(--c-black)
}

@media (min-width: 1056px) {
    .h1 {
        font-size: 36px
    }
}

@media (min-width: 1312px) {
    .h1 {
        font-size: 40px;
        color: var(--c-white)
    }
}

.h2 {
    font-family: var(--font-family-open-sans);
    font-weight: var(--font-weight-bold);
    font-size: 18px;
    line-height: 1.2;
    color: var(--c-black)
}

@media (min-width: 1056px) {
    .h2 {
        font-size: 24px
    }
}

.h2.variant-green,
.h3 {
    color: var(--c-green)
}

.h3 {
    font-family: TheMix Light, sans-serif;
    font-weight: var(--font-weight-light);
    font-size: 18px;
    line-height: 1.1
}

.h3.variant-dark,
.h3.variant-grey {
    color: var(--c-black)
}

@media (min-width: 1056px) {
    .h3 {
        font-size: 24px
    }
}

.h4 {
    font-family: TheMix Bold, sans-serif;
    font-weight: var(--font-weight-bold);
    font-size: 16px;
    line-height: 1.25;
    color: var(--c-green)
}

.h4.variant-dark {
    color: var(--c-black)
}

@media (min-width: 1056px) {
    .h4 {
        font-size: 18px
    }
}

.h5 {
    font-family: var(--font-family-open-sans);
    font-weight: var(--font-weight-light);
    font-size: 16px;
    line-height: 1.25;
    color: var(--c-dark-grey)
}

.h5.variant-dark {
    color: var(--c-black)
}

@media (min-width: 1056px) {
    .h5 {
        font-size: 18px
    }
}

@media (min-width: 1312px) {
    .h5 {
        font-size: 20px
    }
} /**/

/* .portal-bg-warm-gray {
    background-color: var(--c-warm-grey)
} /**/

/* .spacer {
    flex: 1
} /**/

/* .space-after {
    margin-bottom: 15px
} /**/

/* .theme-dark-green {
    background-color: var(--c-dark-green)
}

.theme-dark-green,
.theme-dark-green .p {
    color: var(--c-white)
} /**/

/* .theme-white {
    background-color: var(--c-white)
} /**/

/* .theme-warm-gray {
    background-color: var(--c-warm-grey)
} /**/

/* .multicolor {
    color: var(--c-black)
}

.theme-dark-green .multicolor {
    color: var(--c-white)
}

.multicolor em {
    font-style: normal;
    color: var(--c-light-green)
} /**/

body.user-is-tabbing :focus {
    outline: 2px solid #7AACFE !important;
    outline: 5px auto -webkit-focus-ring-color !important
}

:focus {
    outline: 0 !important
}

/* #app {
    min-width: 320px
} /**/