avq.css

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

.Tn6O {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._1PJ9 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3ig6 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2SZZ,
._1-9l {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

.WFmx {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0
}

@media (min-width: 601px) {

.WFmx {
        flex-direction: column
}
    }

._3sza {
    width: 6em;
    color: hsl(0, 0%, 80%);
    color: var(--gray-light);
    font-weight: 700;
    font-size: 0.75em;
    text-transform: uppercase
}

@media (min-width: 601px) {

._3sza {
        width: auto;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0.25em
}
    }

._1ds8 {
    display: block;
    flex: 1 0 auto;
    margin: 0 auto;
    max-height: 50px;
    max-width: 150px;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2p60 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3LwK {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._1XG8 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3ptV,
._10YC {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._3hWJ {
    display: flex;
    color: white;
    background-color: black;
    line-height: 2.5em;
    margin-left: -1em;
    position: relative;
    text-indent: 0
}

._3hWJ:before {
        content: '';
        position: absolute;
        left: 0;
        top: 2.5em;
        border-color: rgb(128, 37, 42)
            rgb(128, 37, 42) transparent transparent;
        border-color: rgb(128, 37, 42)
            rgb(128, 37, 42) transparent transparent;
        border-style: solid;
        border-width: 8px;
    }

.wmfv {
    padding: 0 1em;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
}

.Cv-9 {
    background-color: #e6252f;
    background-color: var(--brand-secondary);
    flex: 25%;
}

.-vq1 {
    flex: 75%;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._16UO {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.pnOb {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2CJw {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3dNb,
._1EjO {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._2ll4 {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    color: hsl(0, 0%, 15%);
    color: var(--gray-darkest);
    background-color: white;
    opacity: 0.75;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    padding: 0 0.5em;
    height: 1.5em;
    line-height: 1.5em
}

._2ll4:before {
        content: 'Credit: ';
    }

html[lang='fr-CA'] ._2ll4:before {
    content: 'Crédit: ';
}

._2zlk {
    padding-right: 1.5em;
    visibility: hidden
}

._2zlk:hover {
        visibility: visible;
    }

._2zlk:after {
        content: 'i';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 1.5em;
        height: 1.5em;
        visibility: visible;
        font-weight: bold;
        color: white;
        background-color: hsl(0, 0%, 15%);
        background-color: var(--gray-darkest);
        cursor: pointer;
        text-align: center;
        box-sizing: border-box;
    }

._2zlk:hover:after {
        background-color: transparent;
        color: hsl(0, 0%, 15%);
        color: var(--gray-darkest);
        border-color: transparent;
    }

._2QcB {
    visibility: visible
}

._2QcB:after {
        background-color: transparent;
        color: hsl(0, 0%, 15%);
        color: var(--gray-darkest);
        border-color: transparent;
    }

._2lea {
    top: 0;
    bottom: auto;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1crb {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.DjM7 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2bmj {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

.kHH6,
._1KZK {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --br-thickness: 8px;
}

._3WtO {
    display: block;
    width: 100%;
    background-color: hsl(0, 0%, 97%);
    background-color: var(--gray-lightest);
    height: 8px;
    height: var(--br-thickness);
}

._4Pb5 {
}

._4Pb5:before {
        content: '';
        display: inline-block;
        float: left;
        background-color: #245eac;
        background-color: var(--brand-primary);
        width: 50px;
        height: 100%;
    }

.cYTZ:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 8px;
        height: var(--br-thickness);
        background-color: hsl(0, 0%, 97%);
        background-color: var(--gray-lightest);
    }

.myTm:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 8px;
        height: var(--br-thickness);
        background-color: #245eac;
        background-color: var(--brand-primary);
    }

._1eG3 {
    display: flex;
    justify-content: center;
    align-items: center;
}

._3lip {
    padding: 0.5em;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2L8R {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._1JhM {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.QBZm {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

.x59-,
.BNM9 {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --border-color: var(--gray-lightest);
}

._2lHr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    font-size: 0.85em;
}

.zgiY {
    display: flex;
    flex-direction: column;
    justify-content: center;

    flex: 50%;
    box-sizing: border-box;
    min-height: 3em;
    padding: 0.25em;
    border-bottom: 2px solid hsl(0, 0%, 97%);
    border-bottom: 2px solid var(--border-color);
    text-transform: uppercase;
}

._1t8U {
    flex-direction: row;
    align-items: center
}

._1t8U ._3bod {
        margin-left: 0.25em;
    }

._2K9R {
    color: #245eac;
    color: var(--primary);
    font-weight: 700;
    white-space: nowrap;
}

._3bod {
    flex: 1 0;
    margin-left: 0;
    color: hsl(0, 0%, 70%);
    color: var(--gray);
    font-weight: 700;
}

._3gtU {
    cursor: pointer;
}

._2g_9 {
    padding: 0 0.5em;
}

:root {
    --background-color: var(--gray-lighter);
    --border-color: var(--gray-lighter);
}

/* GENERIC STUFF TO BE REUSE BY OTHER COMPONENTS */

._33uN {
    border-width: 2px;
    border-style: solid;
    border-color: var(--gray-lighter);
    border-color: var(--border-color);
}

._31Ni {
    margin: 1em 0;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em
}

._31Ni p {
        margin: 0.75em 0;
    }

._17Ed {
    padding: 0.75em 0.75em;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}

._2o8j {
    margin: 0.5em 0;
}

.XsOi {

    font-size: 1.1em;
    background-color: black;
    color: white;
}

._36Yn {
    color: var(--gray-darker);
}

._2Tf2 {
}

._1iwf {
    color: var(--gray);
    padding: 1em;
}

._2JJm h3 > dl {
        margin: 0;
        display: inline-flex
    }

._2JJm h3 > dl dt::after {
            content: ': ';
            white-space: pre;
        }

._2JJm h3 > dl dd {
            margin: 0;
            font-style: italic;
        }

._2W60 dl {
        display: flex;
    }

._2W60 dd {
        margin: 0 0 0 0.25em;
        font-weight: 700;
    }

._1aoF > section > header {
    color: white;
    background-color: var(--primary)
}

._1aoF > section > header > h2 {
        padding: 0.5em;
    }

@media print {

._1aoF > section:not(:first-child) {
        page-break-before: always;
        -webkit-column-break-before: page;
                break-before: page
}
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1a_5 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3KQc {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3kO8 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._1Ok7,
._3dHx {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --component-bg: var(--gray);
    --component-bg-hover: rgb(153, 179, 179);
    --component-bg-active: rgb(179, 179, 179);

    --component-active-bg: var(--primary);
    --component-active-bg-hover: rgb(36, 86, 153);
    --component-active-bg-active: rgb(36, 97, 179);

    --component-primary-bg: var(--primary);
    --component-primary-bg-hover: rgb(36, 86, 153);
    --component-primary-bg-active: rgb(36, 97, 179);

    --component-secondary-bg: var(--secondary);
    --component-secondary-bg-hover: rgb(153, 15, 15);
    --component-secondary-bg-active: rgb(179, 15, 15);

    --component-tertiary-bg: var(--brand-secondary);
    --component-tertiary-bg-hover: rgb(153, 37, 43);
    --component-tertiary-bg-active: rgb(178, 37, 44);
}

._3dLq {
    height: 100%;
}

._3Vwf {
    display: flex;
}

.sCzv {
    width: 100%;
}

.Kc-r {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0.5em;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
    border: none;
    cursor: pointer;
    line-height: inherit;
}

@media print {

button {
        display: none
}
    }

.xp3a {
    cursor: inherit;
}

._2iut {

    background-color: #245eac;

    background-color: var(--component-primary-bg)
}

._2iut:hover {
        background-color: rgb(36, 86, 153);
        background-color: var(--component-primary-bg-hover);
    }

._2iut:active,
    ._2iut._3k3h {
        background-color: rgb(36, 97, 179);
        background-color: var(--component-primary-bg-active);
    }

.OunO {

    background-color: rgb(36, 97, 179);

    background-color: var(--component-primary-bg-active);
}

.hSZN {
    background-color: rgb(36, 86, 153);
    background-color: var(--component-primary-bg-hover)
}

.hSZN:active {
        background-color: rgb(36, 86, 153);
        background-color: var(--component-primary-bg-hover);
    }

._226Z {

    background-color: #0f0f0f;

    background-color: var(--component-secondary-bg)
}

._226Z:hover {
        background-color: rgb(153, 15, 15);
        background-color: var(--component-secondary-bg-hover);
    }

._226Z:active,
    ._226Z._3k3h {
        background-color: rgb(179, 15, 15);
        background-color: var(--component-secondary-bg-active);
    }

._2fXk {

    background-color: #e6252f;

    background-color: var(--component-tertiary-bg)
}

._2fXk:hover {
        background-color: rgb(153, 37, 43);
        background-color: var(--component-tertiary-bg-hover);
    }

._2fXk:active,
    ._2fXk._3k3h {
        background-color: rgb(178, 37, 44);
        background-color: var(--component-tertiary-bg-active);
    }

._3X4s {

    background-color: transparent;
    color: inherit;
    outline: none;
}

.PRTU {

    background-color: transparent;
    color: hsl(0, 0%, 70%);
    color: var(--gray);
    outline: none
}

.PRTU._3k3h {
        background-color: rgb(179, 179, 179);
        background-color: var(--component-bg-active);
    }

/* Modifiers */

.N2s1 {
    padding: 1em;
}

._1K8i:after {
        content: '\00a0›';
        color: white;
        font-size: 1.25em;
        line-height: 0;
    }

._2Odx:before {
        content: '‹\00a0';
        color: white;
        font-size: 1.25em;
        line-height: 0;
    }

._2ELe {
}

._1Xh- {
    font-size: 1.25rem;
    font-weight: normal;
    padding: 0.25em 0.5em;
}

._1VJX {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap
}

._1VJX > .Kc-r {
        margin: 0.5em;
    }

._1E8q {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._11s4 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._1JC9 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2J1D {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._39rd,
.YpJ7 {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --component-bg: var(--gray);
    --component-bg-hover: rgb(153, 179, 179);
    --component-bg-active: rgb(179, 179, 179);

    --component-active-bg: var(--primary);
    --component-active-bg-hover: rgb(36, 86, 153);
    --component-active-bg-active: rgb(36, 97, 179);

    --component-primary-bg: var(--primary);
    --component-primary-bg-hover: rgb(36, 86, 153);
    --component-primary-bg-active: rgb(36, 97, 179);

    --component-secondary-bg: var(--secondary);
    --component-secondary-bg-hover: rgb(153, 15, 15);
    --component-secondary-bg-active: rgb(179, 15, 15);

    --component-tertiary-bg: var(--brand-secondary);
    --component-tertiary-bg-hover: rgb(153, 37, 43);
    --component-tertiary-bg-active: rgb(178, 37, 44);
}

._1agi {
    height: 100%;
}

.xUI4 {
    display: flex;
}

._6Wr- {
    width: 100%;
}

:root {
    --border-width: 5px;
}

._2baY {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    padding: 0;
    margin: 0;
    list-style: none;
}

._1uGo {
    flex: 1;

    position: relative;
    padding: 1em;
    text-align: center;
    color: #0f0f0f;
    color: var(--black);
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    transition: padding 0.25s ease
}

._1uGo:hover {
        background-color: rgb(153, 179, 179);
        background-color: var(--component-bg-hover);
    }

@media screen and (max-width: 480px) {
    ._1uGo {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

._2rYU {
    background-color: #245eac;
    background-color: var(--component-active-bg);
    color: white;
    padding-left: 1em;
    padding-right: 1em
}

._2rYU:hover {
        background-color: #245eac;
        background-color: var(--component-active-bg);
    }

._1yoQ {
    pointer-events: none;
    cursor: default;
    opacity: 0.5
}

._1yoQ:hover {
        background-color: inherit;
    }

._1tia {
    position: relative
}

._1tia:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 46%;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
    }

._1tia._2rYU:after {
        background-color: inherit;
    }

.nq93 {
    margin: 1em;
}

/* Stacked */

.hVYt {
    flex-direction: column;
    position: relative
}

.hVYt button {
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 1;
    }

.hVYt ._1uGo {
        display: none;
    }

.hVYt ._2rYU {
        display: block;
        order: -1;
        padding-top: 17px;
    }

.OgCC ._1uGo {
        display: block;
    }

/* THEMES */

._3JL3 ._1uGo {
        background-color: hsl(0, 0%, 90%);
        background-color: var(--gray-lighter);
        border-bottom: 5px solid hsl(0, 0%, 70%);
        border-bottom: var(--border-width) solid var(--component-bg);
        z-index: 1;
    }

._3JL3 ._2rYU {
        background-color: #245eac;
        background-color: var(--primary);
        border-bottom-color: #245eac;
        border-bottom-color: var(--primary);
    }

._2Ivz {
    background-color: hsl(214.41176470588235, 65.3846153846%, 75%);
    background-color: hsl(214.41176470588235, 65.3846153846%, 75%)
}

._2Ivz ._1uGo {
        display: inline-block;
        position: relative;
        padding: 1.5em 2.5em;
        font-weight: 700;
        color: white
    }

._2Ivz ._1uGo:after {
            /*
                Do not put border-right, it will break in IE when JS code when
                try measure widths
             */
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: white;
            height: 100%;
            width: 1px;
        }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._3w_n {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._5jri {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2AEF {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2_8k,
._390_ {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._69GO {
    color: hsl(0, 0%, 70%);
    color: var(--gray);
}

._1eLW {
    color: hsl(0, 0%, 35%);
    color: var(--gray-darker);
}

.nMSO {
    color: hsl(0, 0%, 70%);
    color: var(--gray);
}

._3wDV {
    color: #e6252f;
    color: var(--brand-secondary);
}

._1ZyN {
    cursor: help;
    border-bottom: 1px dotted hsl(0, 0%, 70%);
    border-bottom: 1px dotted var(--gray);
}

._1o0R {
    color: #ec971f;
}

.Fi_i {
    color: #245eac;
    color: var(--brand-primary);
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1WNX {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.vMLJ {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.YAd1 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2RES,
._3fq0 {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

/* TODO: Should remove the padding in RestrictFullPageWidth */

._3caG {
    max-width: 1026px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em
}

@media (min-width: 1055px) {

._3caG {
        padding: 0
}
    }

._11N1 {
    height: 100%
}

@media (min-width: 861px) {

._11N1 {
        display: flex;
        flex-direction: row
}
    }

._32yW {
    flex: 1 0 70%;
    height: 100%;
    /*  
        HACK: avalanche.ca/youth was overflowing and overflow hidden was not
        working on avalanche.ca/forecasts/archives.
        http://stackoverflow.com/questions/12022288/how-to-keep-a-flex-item-from-overflowing-due-to-its-text
    */
    min-width: 0
}

@media (min-width: 1055px) {

._32yW {
        padding: 0
}
    }

@media (min-width: 861px) {

._32yW {
        box-sizing: border-box
}
    }

._3boG {
    display: flex;
    flex-direction: column;

    position: relative;
    width: 100%;
    min-width: 100%;
    height: 300px;
    margin: 0;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

@media (min-width: 801px) {

._3boG {
        height: 375px
}
    }

@media (min-width: 1055px) {

._3boG {
        height: 450px
}
    }

._2FZp {
    width: 100%;
}

.MiLv {

    display: flex;
    flex-direction: column;

    position: relative;
    min-height: 5em;
    padding-bottom: 1.5em;
    padding-top: 1.5em
}

.MiLv a svg {
            position: absolute;
            width: 32px;
            height: 32px;
        }

@media (min-width: 601px) {

.MiLv {
        flex-direction: row;
        align-items: center
}

        .MiLv > :first-child {
            flex: 1 0 66%;
        }

        .MiLv > :last-child {
            flex: 1 0 33%;
        }
    }

._3jyI[id] {
    scroll-margin-top: 6rem;
}

._1rSZ {
    font-size: 1rem;
    margin: 1.5em 0;
    font-weight: 700;
    display: block;
    font-style: normal;
}

._OML {
    clear: both
}

._OML ._1rSZ {
        margin: 1.5em 0;
    }

.iaao {
    flex: 1 0 30%;
    box-sizing: border-box
}

@media (min-width: 861px) {

.iaao {
        padding-left: 1em
}
    }

._2MSh {
    text-align: left;
    font-size: 1.25em;
    grid-column-gap: 2em;
    -webkit-column-gap: 2em;
            column-gap: 2em
}

._2MSh li {
        margin-bottom: 0.5em;
    }

@media (min-width: 601px) {

._2MSh {
        -webkit-column-count: 2;
                column-count: 2
}
    }

.FXqv {

    display: flex;
    flex-direction: column
}

@media (min-width: 421px) {

.FXqv {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start
}
    }

._3Glj {

    flex: 100%;
}

._2u5n {
    padding: 1em;
    box-sizing: border-box;
    max-width: 100%;
    text-align: center;
    line-height: 10em
}

@media (min-width: 421px) {

._2u5n {
        flex: 33%
}
    }

.tmnb {
    padding: 1em;
    box-sizing: border-box
}

@media (min-width: 421px) {

.tmnb {
        flex: 66%
}
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1HEj {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.uy8g {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._1cxR {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2nkD,
._2KHG {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --background-color: var(--gray-lighter);
    --border-color: var(--gray-lighter);
}

/* GENERIC STUFF TO BE REUSE BY OTHER COMPONENTS */

._2lxe {
    border-width: 2px;
    border-style: solid;
    border-color: hsl(0, 0%, 90%);
    border-color: var(--border-color);
}

._3GrU {
    margin: 1em 0;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em
}

._3GrU p {
        margin: 0.75em 0;
    }

._3C7N {
    padding: 0.75em 0.75em;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}

._1M64 {
    margin: 0.5em 0;
}

._1j88 {

    font-size: 1.1em;
    background-color: black;
    color: white;
}

._39-W {
    color: hsl(0, 0%, 35%);
    color: var(--gray-darker);
}

._2OBy {
}

._1zU_ {
    color: hsl(0, 0%, 70%);
    color: var(--gray);
    padding: 1em;
}

.Ypog h3 > dl {
        margin: 0;
        display: inline-flex
    }

.Ypog h3 > dl dt::after {
            content: ': ';
            white-space: pre;
        }

.Ypog h3 > dl dd {
            margin: 0;
            font-style: italic;
        }

._2Fvc dl {
        display: flex;
    }

._2Fvc dd {
        margin: 0 0 0 0.25em;
        font-weight: 700;
    }

._3aDi > section > header {
    color: white;
    background-color: #245eac;
    background-color: var(--primary)
}

._3aDi > section > header > h2 {
        padding: 0.5em;
    }

@media print {

._3aDi > section:not(:first-child) {
        page-break-before: always;
        -webkit-column-break-before: page;
                break-before: page
}
    }

._1iLb {
    display: grid;
    margin: 1em 0;

    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;

    border-width: 2px;
    border-style: solid;
    border-color: hsl(0, 0%, 90%);
    border-color: var(--border-color);
}

._3yjq {
    grid-column: 1 / span 4;
    margin: 0;
    padding: 0.75em;
    font-size: 1.1em;
    font-weight: normal;
    background-color: black;
    color: white;
    border: 2px solid black;
    margin: -2px -2px 0 -2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

._23Xm {
    flex-direction: column;
    grid-column-start: auto;
    grid-column-end: span 4;
    min-height: 190px;
    margin: 0;
    color: hsl(0, 0%, 35%);
    color: var(--gray-darker);
    border-bottom: 2px solid hsl(0, 0%, 90%);
    border-bottom: 2px solid var(--background-color)
}

._23Xm figcaption {
        margin: 0;
        padding: 0.75em;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        background-color: hsl(0, 0%, 90%);
        background-color: var(--background-color);
    }

._23Xm img {
        margin: auto;
    }

._23Xm > div {
        display: flex;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }

._1wyH > ._23Xm {
    grid-column-end: span 2
}

._1wyH > ._23Xm:nth-child(odd) {
        border-left: 2px solid hsl(0, 0%, 90%);
        border-left: 2px solid var(--background-color);
    }

.k7Ir > ._23Xm {
    grid-column-end: span 1
}

.k7Ir > ._23Xm:not(:first-of-type) {
        border-left: 2px solid hsl(0, 0%, 90%);
        border-left: 2px solid var(--background-color);
    }

._39-W {
    color: hsl(0, 0%, 50%);
    color: var(--gray-dark);
    grid-column: 1 / span 4;
}

._11Ct {
}

._11Ct > * {
        margin: 0
    }

._11Ct > *:not(:empty) {
            padding: 1em;
        }

.qkXm {
}

.qkXm > div {
        padding: 1em
    }

.qkXm > div > * {
            margin: 0;
        }

.qkXm > div > ul {
            padding-left: 1.5em;
        }

._2fNj {
    border-bottom: 2px solid white
}

._2fNj:first-child {
        border-bottom-width: 4px
    }

._2fNj:first-child ._2hk1 {
            font-size: 1.25em;
        }

._2hk1 {
    text-transform: capitalize
}

@media print {
        ._2hk1 time:after {
            content: ', ' attr(datetime);
        }
    }

._15cI {
    display: flex;
    color: black
}

._15cI:not(:last-of-type) {
        border-bottom: 2px solid white;
    }

._11NM {

    flex: 40%;
}

._2rrd {

    flex: 60%;
    white-space: nowrap;
}

._33ul {
    color: black;
    background-color: #52ba4a;
}
._5NRd {
    color: black;
    background-color: #fff300;
}
.TPdC {
    color: black;
    background-color: #f79218;
}
._2lBg {
    color: black;
    background-color: #ef1c29;
}
._2t7M {
    color: white;
    background-color: black;
}
._2oHI {
    color: black;
    background-color: white;
}

._1ItQ {
    background-color: #ffffff;
}
._1wu1 {
    background-color: #c1d831;
}
.c7Qa {
    background-color: #6ea469;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1fC8 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.j684 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3G72 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

.R3-R,
._2cOS {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._23KR {
    display: flex;
    flex-direction: row;
    color: white;
}

._3Xtk {
    flex: 1;

    margin: 1em;
    font-weight: 700;
    text-align: center;
    white-space: pre-wrap
}

._3Xtk a[href],
    ._3Xtk li::marker {
        color: inherit;
    }

.de9q {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

._1eoV,
    ._1eoV * {
        margin: 0;
        display: inline;
    }

._2tew {
    padding: 0 1em;
    color: inherit;
}

a[href] ._3Xtk:after {
            content: '\A0\203A';
        }

._2tzz {

    background-color: #e6252f;

    background-color: var(--danger);
}

._1W0k {

    background-color: #03a9f4;

    background-color: var(--info)
}

._1W0k a {
        text-decoration: underline;
    }

._2aqu {

    background-color: #ffc107;

    background-color: var(--warning);
    color: hsl(0, 0%, 35%);
    color: var(--gray-darker);
}

._3rJH {

    background-color: #4caf50;

    background-color: var(--success);
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2ZTn {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._2J0K {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2HG7 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3sTQ,
.ccjr {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

.sMHr {
    margin-top: 2em;
    padding: 1em;
    border-top: 1px solid hsl(0, 0%, 90%);
    border-top: 1px solid var(--gray-lighter);
    display: flex;
    flex-shrink: 0;
}

._1waz {

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 901px) {

._1waz {
        flex-direction: row
}
    }

._2S1P {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 601px) {

._2S1P {
        flex-wrap: nowrap
}
    }

@media (min-width: 901px) {

._2S1P {
        flex: 1 0 60%
}
    }

._2chz {
    white-space: nowrap;
    line-height: 2rem;
    box-sizing: border-box;
    flex: 1 0 50%;
    cursor: pointer
}

._2chz:hover {
        color: #245eac;
        color: var(--brand-primary);
    }

@media (min-width: 601px) {

._2chz {
        flex: 1 0 25%;
        text-align: center
}

        ._2chz:first-child {
            border-right: 2px solid hsl(0, 0%, 80%);
            border-right: 2px solid var(--gray-light);
        }
    }

@media (min-width: 601px) and (min-width: 901px) {

._2chz {
            flex: 1 0 0;
            line-height: 2rem;
            padding: 0 20px
}
        }

._25oo {
    color: hsl(0, 0%, 70%);
    color: var(--gray);
    margin-top: 2em
}

@media (min-width: 901px) {

._25oo {
        flex: 1 0 40%;
        margin-top: 0;
        line-height: 2em;
        text-align: right
}
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2e_2 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3q_s {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3nQb {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._36n0,
._1kyf {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --component-bg: var(--gray);
    --component-bg-hover: rgb(153, 179, 179);
    --component-bg-active: rgb(179, 179, 179);

    --component-active-bg: var(--primary);
    --component-active-bg-hover: rgb(36, 86, 153);
    --component-active-bg-active: rgb(36, 97, 179);

    --component-primary-bg: var(--primary);
    --component-primary-bg-hover: rgb(36, 86, 153);
    --component-primary-bg-active: rgb(36, 97, 179);

    --component-secondary-bg: var(--secondary);
    --component-secondary-bg-hover: rgb(153, 15, 15);
    --component-secondary-bg-active: rgb(179, 15, 15);

    --component-tertiary-bg: var(--brand-secondary);
    --component-tertiary-bg-hover: rgb(153, 37, 43);
    --component-tertiary-bg-active: rgb(178, 37, 44);
}

._7g9s {
    height: 100%;
}

.NSDC {
    display: flex;
}

._3Klc {
    width: 100%;
}

._2Y1s {
    position: relative;
    height: 5em;
    z-index: 20;
    background-color: white;
    box-sizing: border-box;
    box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.25);
}

.tdRQ {
    display: flex;
    justify-content: space-between;
    align-items: center;

    height: 100%;
    max-width: 1026px;
    width: 100%;
    margin: 0 auto;
}

.BJkv {
    flex: 1 0;
    height: 100%;
}

._1pPx {
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

._2c-n {
    flex: 1 0;
    position: relative;
    max-width: 150px;
    height: 100%
}

._2c-n > a {
        height: 100%;
        color: #0f0f0f;
        color: var(--black);
        padding: 0 15px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

._2c-n:hover {
        background-color: hsl(0, 0%, 90%);
        background-color: var(--gray-lighter);
    }

._2c-n#foundation {
        background-color: #e6252f;
        background-color: var(--brand-secondary)
    }

._2c-n#foundation > a {
            color: white;
        }

._2c-n#foundation:hover {
            background-color: rgb(217, 37, 46);
            background-color: rgb(217, 37, 46);
        }

.NRRV {
}

.NRRV > a,
    .NRRV > a:hover {
        color: white;
        background-color: #0f0f0f;
        background-color: var(--black);
    }

.NRRV svg > path:not([fill='none']) {
        fill: white;
    }

.NRRV:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        border-color: #0f0f0f transparent transparent transparent;
        border-color: var(--black) transparent transparent transparent;
        border-style: solid;
        border-width: 8px;
        margin-left: -8px;
        z-index: 11;
    }

._1LWi {
    flex: 1 0;
    height: 100%;
}

._1ax1 {
    float: right;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px
}

._1ax1:hover {
        background-color: hsl(0, 0%, 90%);
        background-color: var(--gray-lighter);
    }

/* Menu */

._1se- {
    display: flex;
    position: fixed;
    justify-content: space-between;
    left: 0;
    right: 0;
    padding: 30px;
    background-color: hsl(0, 0%, 90%);
    background-color: var(--gray-lighter);
    border-top: hsl(0, 0%, 80%) solid 6px;
    border-top: var(--gray-light) solid 6px;
}

._77EZ {
    left: auto;
    right: auto;
}

._1ZxD {
    padding: 0 15px;
    flex-grow: 1
}

._1ZxD + ._1ZxD {
        border-left: hsl(0, 0%, 80%) solid 2px;
        border-left: var(--gray-light) solid 2px;
    }

._6t_e {
    color: #0f0f0f;
    color: var(--black);
    padding: 10px 0 0 0;
    font-size: 1rem
}

._6t_e + ._6t_e {
        border-top: hsl(0, 0%, 80%) solid 2px;
        border-top: var(--gray-light) solid 2px;
    }

._6t_e > .RCLe {
        color: #0f0f0f;
        color: var(--black);
        text-align: left;
        padding: 0
    }

._6t_e > .RCLe:hover {
            color: #245eac;
            color: var(--brand-primary);
        }

._6t_e > .RCLe:after {
            content: '\00a0›';
            color: #245eac;
            color: var(--brand-primary);
        }

._3wXY {
    color: hsl(0, 0%, 35%);
    color: var(--gray-darker);
}

.RCLe {
    display: block;
    height: 100%;
    color: #245eac;
    color: var(--brand-primary);
    text-align: left;
    padding: 10px 0 0 0
}

.RCLe:hover {
        color: #0f0f0f;
        color: var(--black);
    }

.kU0u {
    display: inline-block;
}

._1761 {

    flex: 2 0;
    padding: 0 15px;
    min-width: 100px;
    max-width: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._3u72 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3m0Z {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3YYN {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3Vfp,
._1CHv {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --toolbar: 4em;
    --offset: 4em;
}

._2Lb2 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out
}

._2Lb2._3JH- {
        transform: translateX(0);
    }

.QKhR {
    position: absolute;
    left: 0;
    right: 0;

    background-color: hsl(0, 0%, 90%);

    background-color: var(--gray-lighter);
    height: 100%
}

.QKhR:not(:first-child) ._3cz9 {
        margin-right: 4em;
        margin-right: var(--offset);
    }

.QKhR:last-child {
        right: 4em;
        right: var(--offset);
        z-index: 0;
    }

.QKhR:nth-last-child(2) {
        right: calc(2 * 4em);
        right: calc(2 * var(--offset));
        z-index: 1;
        background-color: hsl(0, 0%, 80%);
        background-color: var(--gray-light)
    }

.QKhR:nth-last-child(2) ._zJH {
            border-bottom: 5px solid hsl(0, 0%, 70%);
            border-bottom: 5px solid var(--gray);
        }

.QKhR:nth-last-child(3) {
        right: calc(3 * 4em);
        right: calc(3 * var(--offset));
        z-index: 2;
        background-color: hsl(0, 0%, 70%);
        background-color: var(--gray)
    }

.QKhR:nth-last-child(3) ._zJH {
            border-bottom: 5px solid hsl(0, 0%, 50%);
            border-bottom: 5px solid var(--gray-dark);
        }

.QKhR:nth-last-child(4) {
        right: calc(4 * 4em);
        right: calc(4 * var(--offset));
        z-index: 3;
        background-color: hsl(0, 0%, 50%);
        background-color: var(--gray-dark)
    }

.QKhR:nth-last-child(4) ._zJH {
            border-bottom: 5px solid hsl(0, 0%, 35%);
            border-bottom: 5px solid var(--gray-darker);
        }

._zJH {
    height: 4em;
    height: var(--toolbar);
    border-bottom: 5px solid hsl(0, 0%, 80%);
    border-bottom: 5px solid var(--gray-light);
}

._1rmG {
    margin: 0;
    padding: 0.5em;
    list-style: none;
}

._3cz9 {
    margin-left: 0.5em;
    height: 100%;
    overflow-y: auto;
}

._3fHj {
    font-size: 1.15em;
    margin: 1em 0;
    font-weight: 700;
}

._3viN {
}

.N-H- {
    display: inline-block;
    height: 100%;
    width: 4em;
    width: var(--toolbar);
}

._1M8S {
    float: right;
    display: flex;
    justify-content: center;
}

._26YA {
    background-position: center;
    background-size: 28px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSI3IDUgOTAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8Zz4KICAgIAk8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNTEuNzc0LDEyLjg2M2wtNy45MywxMy42NjFjMS4yNzMsNC40NDcsMy40NTgsMTAuMTgzLDUuNjU3LDE0LjMzNyBjNy40OTYsMTQuMTUxLDIxLjQ2MywzMi44MDYsMjMuNjI0LDM1LjU0M2gxNS4yMzdMNTEuNzc0LDEyLjg2M3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNDguNTY2LDQxLjExYy0xLjE1Ny0yLjUzOC0zLjk3My05LjM5Ny01LjEyLTEzLjg5NWwtMy4xNzksNS41MjFjMC45MzMsMy45NzIsMy4yNzgsOC43MTUsNS4xMzQsMTIuMzMgYzUuMzU5LDEwLjQ0LDE1LjQ2NywyNC4zMTgsMjAuODE5LDMxLjMzOGgyLjE5NkM2My44MTQsNjkuOTIsNTAuOTQ4LDQ2LjMzNyw0OC41NjYsNDEuMTF6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTU5LjI2Niw3Ni40MDVoMS45OTJjLTUuNzUtOS4zMjktMTUuMTEtMjcuMzA0LTE3LjExOC0zMS43MDljLTAuOTk5LTIuMTk2LTMuMjU1LTcuNDMyLTQuMjctMTEuMjY4IGwtMy4yNTgsNS42NThjMS4wNzEsMy45MDUsMi45OTMsNi45MjUsNC41ODYsMTAuMDI4QzQ1LjY2Myw1Ny44MTYsNTMuNyw2OC45MTQsNTkuMjY2LDc2LjQwNXoiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMzYuMTk2LDM5LjgxTDE1LjE4NSw3Ni40MDVoMzkuMjUyYy01LjcxOS05LjY4NC0xMi42MzktMjMuNTQ1LTE0LjM4NS0yNy4zNzggQzM5LjE5MSw0Ny4xMzgsMzcuMjgsNDMuNTgsMzYuMTk2LDM5LjgxeiIvPgogICAgPC9nPgo8L3N2Zz4K);
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._3VLb {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.iuCT {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._21f6 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2hg4,
.ySgU {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._2O8_ {
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: auto;
    background-color: #245eac;
    background-color: var(--primary);
    border-radius: 30px;
    color: white;
    text-align: left;
    font-size: 1em
}

._2O8_ > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

._2O8_:after {
        content: attr(data-normals);
        content: attr(data-initials);
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        display: inline-block;
    }

._2PXs {
}

._2PXs > img {
        display: none;
    }

._3Pjo {
    font-size: 0.75em;
}

.chGs {
    padding-top: 1em;
}

._1Yju {
    padding-right: 1em;
}

._14yl {
    padding-bottom: 1em;
}

.hbZn {
    padding-left: 1em;
}

._1g49 {
}

.QG4O {
}

._1EUj {
}

._146g > button {
    margin-top: 0.5em;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1c0d {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._2y1j {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.TWoo {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._10kS,
._33-K {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._1lzl {
    position: relative;
    margin: 0;
    background-color: transparent;
}

.D5Jy {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    opacity: 1;
    transition: opacity 1s;
}

._1wRo {

    background: hsl(0, 0%, 97%) url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjkwcHgiIGhlaWdodD0iOTBweCIgdmlld0JveD0iOSAwIDkwIDkwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MCA5MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTUxLjc3NCwxMi44NjNsLTcuOTMsMTMuNjYxYzEuMjczLDQuNDQ3LDMuNDU4LDEwLjE4Myw1LjY1NywxNC4zMzcKCQljNy40OTYsMTQuMTUxLDIxLjQ2MywzMi44MDYsMjMuNjI0LDM1LjU0M2gxNS4yMzdMNTEuNzc0LDEyLjg2M3oiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik00OC41NjYsNDEuMTFjLTEuMTU3LTIuNTM4LTMuOTczLTkuMzk3LTUuMTItMTMuODk1bC0zLjE3OSw1LjUyMWMwLjkzMywzLjk3MiwzLjI3OCw4LjcxNSw1LjEzNCwxMi4zMwoJCWM1LjM1OSwxMC40NCwxNS40NjcsMjQuMzE4LDIwLjgxOSwzMS4zMzhoMi4xOTZDNjMuODE0LDY5LjkyLDUwLjk0OCw0Ni4zMzcsNDguNTY2LDQxLjExeiIvPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTU5LjI2Niw3Ni40MDVoMS45OTJjLTUuNzUtOS4zMjktMTUuMTEtMjcuMzA0LTE3LjExOC0zMS43MDljLTAuOTk5LTIuMTk2LTMuMjU1LTcuNDMyLTQuMjctMTEuMjY4CgkJbC0zLjI1OCw1LjY1OGMxLjA3MSwzLjkwNSwyLjk5Myw2LjkyNSw0LjU4NiwxMC4wMjhDNDUuNjYzLDU3LjgxNiw1My43LDY4LjkxNCw1OS4yNjYsNzYuNDA1eiIvPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTM2LjE5NiwzOS44MUwxNS4xODUsNzYuNDA1aDM5LjI1MmMtNS43MTktOS42ODQtMTIuNjM5LTIzLjU0NS0xNC4zODUtMjcuMzc4CgkJQzM5LjE5MSw0Ny4xMzgsMzcuMjgsNDMuNTgsMzYuMTk2LDM5LjgxeiIvPgo8L2c+Cjwvc3ZnPgo=) center center
        no-repeat;

    background: var(--gray-lightest) url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjkwcHgiIGhlaWdodD0iOTBweCIgdmlld0JveD0iOSAwIDkwIDkwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5MCA5MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTUxLjc3NCwxMi44NjNsLTcuOTMsMTMuNjYxYzEuMjczLDQuNDQ3LDMuNDU4LDEwLjE4Myw1LjY1NywxNC4zMzcKCQljNy40OTYsMTQuMTUxLDIxLjQ2MywzMi44MDYsMjMuNjI0LDM1LjU0M2gxNS4yMzdMNTEuNzc0LDEyLjg2M3oiLz4KCTxwYXRoIGZpbGw9IiNDQ0NDQ0MiIGQ9Ik00OC41NjYsNDEuMTFjLTEuMTU3LTIuNTM4LTMuOTczLTkuMzk3LTUuMTItMTMuODk1bC0zLjE3OSw1LjUyMWMwLjkzMywzLjk3MiwzLjI3OCw4LjcxNSw1LjEzNCwxMi4zMwoJCWM1LjM1OSwxMC40NCwxNS40NjcsMjQuMzE4LDIwLjgxOSwzMS4zMzhoMi4xOTZDNjMuODE0LDY5LjkyLDUwLjk0OCw0Ni4zMzcsNDguNTY2LDQxLjExeiIvPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTU5LjI2Niw3Ni40MDVoMS45OTJjLTUuNzUtOS4zMjktMTUuMTEtMjcuMzA0LTE3LjExOC0zMS43MDljLTAuOTk5LTIuMTk2LTMuMjU1LTcuNDMyLTQuMjctMTEuMjY4CgkJbC0zLjI1OCw1LjY1OGMxLjA3MSwzLjkwNSwyLjk5Myw2LjkyNSw0LjU4NiwxMC4wMjhDNDUuNjYzLDU3LjgxNiw1My43LDY4LjkxNCw1OS4yNjYsNzYuNDA1eiIvPgoJPHBhdGggZmlsbD0iI0NDQ0NDQyIgZD0iTTM2LjE5NiwzOS44MUwxNS4xODUsNzYuNDA1aDM5LjI1MmMtNS43MTktOS42ODQtMTIuNjM5LTIzLjU0NS0xNC4zODUtMjcuMzc4CgkJQzM5LjE5MSw0Ny4xMzgsMzcuMjgsNDMuNTgsMzYuMTk2LDM5LjgxeiIvPgo8L2c+Cjwvc3ZnPgo=) center center
        no-repeat
}

._1wRo .D5Jy {
        opacity: 0;
    }

._1lzl + ._1lzl {
    margin-top: 1em;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._23IX {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._6BOW {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2oJP {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3oxl,
._3Vs- {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._3x6g {
    margin: 3em 0
}

._3x6g h2 {
        text-align: center;
    }

._1OkE {
    display: block;
    margin: 3em 0;
    min-width: 100%;
}

._27rv {
    display: flex;
    flex-direction: column;

    line-height: 1.5;
    margin: 3em 0
}

@media (min-width: 701px) {

._27rv {
        flex-direction: row
}

        ._27rv > *:nth-child(2) {
            margin-left: 1em;
        }
    }

._1pvV {
    /* TODO: Have nicier image and control size in code */
    text-align: center;
    order: 2
}

@media (min-width: 701px) {

._1pvV {
        order: 1;
        flex: 1 0;
        max-width: 300px
}
    }

.Vflj {
    order: 1
}

@media (min-width: 701px) {

.Vflj {
        flex: 2 0;
        order: 2
}
    }

.image-gallery {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5; }
    .image-gallery.fullscreen-modal .image-gallery-content {
      top: 50%;
      transform: translateY(-50%); }

.image-gallery-content {
  position: relative;
  line-height: 0;
  top: 0; }
  .image-gallery-content.fullscreen {
    background: #000; }
    .image-gallery-content.fullscreen .image-gallery-slide {
      background: #000; }

.image-gallery-slide-wrapper {
  position: relative; }
  .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
    display: inline-block;
    width: calc(100% - 113px); }
    @media (max-width: 768px) {
      .image-gallery-slide-wrapper.left, .image-gallery-slide-wrapper.right {
        width: calc(100% - 84px); } }
  .image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl; }

.image-gallery-fullscreen-button,
.image-gallery-play-button,
.image-gallery-left-nav,
.image-gallery-right-nav {
  appearance: none;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: none;
  position: absolute;
  z-index: 4; }

.image-gallery-fullscreen-button,
.image-gallery-play-button {
  bottom: 0; }

.image-gallery-fullscreen-button {
  right: 0; }

.image-gallery-play-button {
  left: 0; }

.image-gallery-left-nav,
.image-gallery-right-nav {
  color: #fff;
  font-size: 5em;
  padding: 50px 15px;
  top: 50%;
  transform: translateY(-50%); }
  .image-gallery-left-nav[disabled],
  .image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none; }
  @media (max-width: 768px) {
    .image-gallery-left-nav,
    .image-gallery-right-nav {
      font-size: 3.4em;
      padding: 20px 15px; } }
  @media (max-width: 480px) {
    .image-gallery-left-nav,
    .image-gallery-right-nav {
      font-size: 2.4em;
      padding: 0 15px; } }

.image-gallery-left-nav {
  left: 0; }

.image-gallery-right-nav {
  right: 0; }

.image-gallery-slides {
  line-height: 0;
  overflow: hidden;
  position: relative;
  white-space: nowrap; }

.image-gallery-slide {
  background: #fff;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .image-gallery-slide.center {
    position: relative; }
  .image-gallery-slide img {
    width: 100%; }
  .image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, 0.4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal; }
    @media (max-width: 768px) {
      .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px; } }

.image-gallery-bullets {
  bottom: 20px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 80%;
  z-index: 4; }
  .image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center; }
  .image-gallery-bullets .image-gallery-bullet {
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 0 #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px; }
    @media (max-width: 768px) {
      .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px; } }
    @media (max-width: 480px) {
      .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px; } }
    .image-gallery-bullets .image-gallery-bullet.active {
      background: #fff; }

.image-gallery-thumbnails-wrapper {
  position: relative; }
  .image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl; }
  .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
    display: inline-block;
    vertical-align: top;
    width: 108px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left, .image-gallery-thumbnails-wrapper.right {
        width: 81px; } }
    .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails {
      height: 100%;
      width: 100%;
      left: 0;
      padding: 0;
      position: absolute;
      top: 0; }
      .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail {
        display: block;
        margin-right: 0;
        padding: 0; }
        .image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail, .image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail + .image-gallery-thumbnail {
          margin-left: 0; }
  .image-gallery-thumbnails-wrapper.left {
    margin-right: 5px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.left {
        margin-right: 3px; } }
  .image-gallery-thumbnails-wrapper.right {
    margin-left: 5px; }
    @media (max-width: 768px) {
      .image-gallery-thumbnails-wrapper.right {
        margin-left: 3px; } }

.image-gallery-thumbnails {
  overflow: hidden;
  padding: 5px 0; }
  @media (max-width: 768px) {
    .image-gallery-thumbnails {
      padding: 3px 0; } }
  .image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: transform .45s ease-out;
    white-space: nowrap; }

.image-gallery-thumbnail {
  display: inline-block;
  border: 4px solid transparent;
  transition: border .3s ease-out;
  width: 100px; }
  @media (max-width: 768px) {
    .image-gallery-thumbnail {
      border: 3px solid transparent;
      width: 75px; } }
  .image-gallery-thumbnail + .image-gallery-thumbnail {
    margin-left: 2px; }
  .image-gallery-thumbnail .image-gallery-thumbnail-inner {
    position: relative; }
  .image-gallery-thumbnail img {
    vertical-align: middle;
    width: 100%; }
  .image-gallery-thumbnail.active {
    border: 4px solid #337ab7; }
    @media (max-width: 768px) {
      .image-gallery-thumbnail.active {
        border: 3px solid #337ab7; } }

.image-gallery-thumbnail-label {
  box-sizing: border-box;
  color: white;
  font-size: 1em;
  left: 0;
  line-height: 1em;
  padding: 5%;
  position: absolute;
  top: 50%;
  text-shadow: 1px 1px 0 black;
  transform: translateY(-50%);
  white-space: normal;
  width: 100%; }
  @media (max-width: 768px) {
    .image-gallery-thumbnail-label {
      font-size: .8em;
      line-height: .8em; } }

.image-gallery-index {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 1;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4; }
  @media (max-width: 768px) {
    .image-gallery-index {
      font-size: .8em;
      padding: 5px 10px; } }


    .image-gallery-content.fullscreen .image-gallery-image {
        display: flex;
        justify-content: center;
        align-items: center
    }
.image-gallery-content.fullscreen .image-gallery-image > img {
            max-width: 100vw;
            max-height: 100vh;
            width: unset;
        }

._3t35 {
    width: 100%;
    height: 40px;
    border-radius: 0;
    padding-left: 10px;
    border: none;
    background-color: white;
    box-sizing: border-box;
}

._3Yn8 {
    border: 1px solid var(--gray-lighter);
}

._2G_0 {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

._1szH {
}

.Fs8w {
    background-position: 99.25% center;
    background-repeat: no-repeat;
    background-size: 24px;
}

.hGAF {

    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjQ1RUFDIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNi41OSA4LjU5TDEyIDEzLjE3IDcuNDEgOC41OSA2IDEwbDYgNiA2LTZ6Ii8+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+Cjwvc3ZnPgo=);
}

.Owzy {
    color: var(--gray-dark);
    line-height: 40px;
    margin-right: 28px;
}

._3eNI {
}

._3VOu {

    color: inherit;
}

._1V-j {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._1bkY {

    margin: 0;
    font-weight: bold;
}

._2UiD {
    color: #000;
    color: initial;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2hH- {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3FjZ {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.PXwA {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2sMp,
.WYsg {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --component-bg: var(--gray);
    --component-bg-hover: rgb(153, 179, 179);
    --component-bg-active: rgb(179, 179, 179);

    --component-active-bg: var(--primary);
    --component-active-bg-hover: rgb(36, 86, 153);
    --component-active-bg-active: rgb(36, 97, 179);

    --component-primary-bg: var(--primary);
    --component-primary-bg-hover: rgb(36, 86, 153);
    --component-primary-bg-active: rgb(36, 97, 179);

    --component-secondary-bg: var(--secondary);
    --component-secondary-bg-hover: rgb(153, 15, 15);
    --component-secondary-bg-active: rgb(179, 15, 15);

    --component-tertiary-bg: var(--brand-secondary);
    --component-tertiary-bg-hover: rgb(153, 37, 43);
    --component-tertiary-bg-active: rgb(178, 37, 44);
}

.BbaW {
    height: 100%;
}

._2KmY {
    display: flex;
}

._25gk {
    width: 100%;
}

._3TxR {
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    z-index: 9;
    overflow-y: auto;
}

._1dnP {

    background-color: #245eac;

    background-color: var(--component-primary-bg);
    cursor: pointer;
    color: white;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1dnP:hover {
        background-color: rgb(36, 86, 153);
        background-color: var(--component-primary-bg-hover);
    }

._2Pek {
}

._2Pek,
    ._2Pek:hover {
        background-color: rgb(36, 97, 179);
        background-color: var(--component-primary-bg-active);
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2I8d {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3u3d {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.abTo {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2Qt4,
._2ffK {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._1LI2 {
    display: flex;
    background-color: white
}

._1LI2 svg {
        height: 40px;
        padding: 0 6px;
        pointer-events: none;
    }

._3_YH {
    flex: 1;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._3Gn8 {
    display: flex
}

._3Gn8 .DayPickerInput {
        flex: 1;
    }

._3Gn8 .DayPickerInput-OverlayWrapper {
        z-index: 1000;
    }

._2AAk {

    cursor: pointer;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
}

/* DayPicker styles */

.DayPicker {
  display: inline-block;
  font-size: 1rem;
}

.DayPicker-wrapper {
  position: relative;

  flex-direction: row;
  padding-bottom: 1em;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-Months {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.DayPicker-Month {
  display: table;
  margin: 0 1em;
  margin-top: 1em;
  border-spacing: 0;
  border-collapse: collapse;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}

.DayPicker-NavBar {
}

.DayPicker-NavButton {
  position: absolute;
  top: 1em;
  right: 1.5em;
  left: auto;

  display: inline-block;
  margin-top: 2px;
  width: 1.25em;
  height: 1.25em;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  color: #8B9898;
  cursor: pointer;
}

.DayPicker-NavButton:hover {
  opacity: 0.8;
}

.DayPicker-NavButton--prev {
  margin-right: 1.5em;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}

.DayPicker-NavButton--next {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}

.DayPicker-NavButton--interactionDisabled {
  display: none;
}

.DayPicker-Caption {
  display: table-caption;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  text-align: left;
}

.DayPicker-Caption > div {
  font-weight: 500;
  font-size: 1.15em;
}

.DayPicker-Weekdays {
  display: table-header-group;
  margin-top: 1em;
}

.DayPicker-WeekdaysRow {
  display: table-row;
}

.DayPicker-Weekday {
  display: table-cell;
  padding: 0.5em;
  color: #8B9898;
  text-align: center;
  font-size: 0.875em;
}

.DayPicker-Weekday abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

.DayPicker-Body {
  display: table-row-group;
}

.DayPicker-Week {
  display: table-row;
}

.DayPicker-Day {
  display: table-cell;
  padding: 0.5em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.DayPicker-WeekNumber {
  display: table-cell;
  padding: 0.5em;
  min-width: 1em;
  border-right: 1px solid #EAECEC;
  color: #8B9898;
  vertical-align: middle;
  text-align: right;
  font-size: 0.75em;
  cursor: pointer;
}

.DayPicker--interactionDisabled .DayPicker-Day {
  cursor: default;
}

.DayPicker-Footer {
  padding-top: 0.5em;
}

.DayPicker-TodayButton {
  border: none;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  color: #4A90E2;
  font-size: 0.875em;
  cursor: pointer;
}

/* Default modifiers */

.DayPicker-Day--today {
  color: #D0021B;
  font-weight: 700;
}

.DayPicker-Day--outside {
  color: #8B9898;
  cursor: default;
}

.DayPicker-Day--disabled {
  color: #DCE0E0;
  cursor: default;
  /* background-color: #eff1f1; */
}

/* Example modifiers */

.DayPicker-Day--sunday {
  background-color: #F7F8F8;
}

.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
  color: #DCE0E0;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  position: relative;

  background-color: #4A90E2;
  color: #F0F8FF;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: #51A0FA;
}

.DayPicker:not(.DayPicker--interactionDisabled)
  .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
  background-color: #F0F8FF;
}

/* DayPickerInput */

.DayPickerInput {
  display: inline-block;
}

.DayPickerInput-OverlayWrapper {
  position: relative;
}

.DayPickerInput-Overlay {
  position: absolute;
  left: 0;
  z-index: 1;

  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

.H_1G {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._17JG {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._1Xam {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3_hR,
._2SUg {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --component-bg: var(--gray);
    --component-bg-hover: rgb(153, 179, 179);
    --component-bg-active: rgb(179, 179, 179);

    --component-active-bg: var(--primary);
    --component-active-bg-hover: rgb(36, 86, 153);
    --component-active-bg-active: rgb(36, 97, 179);

    --component-primary-bg: var(--primary);
    --component-primary-bg-hover: rgb(36, 86, 153);
    --component-primary-bg-active: rgb(36, 97, 179);

    --component-secondary-bg: var(--secondary);
    --component-secondary-bg-hover: rgb(153, 15, 15);
    --component-secondary-bg-active: rgb(179, 15, 15);

    --component-tertiary-bg: var(--brand-secondary);
    --component-tertiary-bg-hover: rgb(153, 37, 43);
    --component-tertiary-bg-active: rgb(178, 37, 44);
}

._1GsC {
    height: 100%;
}

._2KKX {
    display: flex;
}

._1VBz {
    width: 100%;
}

._1WMX {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 700;
}

._1NaW {
}

._2P-I {

    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjQ1RUFDIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiA4bC02IDYgMS40MSAxLjQxTDEyIDEwLjgzbDQuNTkgNC41OEwxOCAxNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==);
}

._1XSG {
    display: flex;
    max-width: 500px;
}

._3um_ {

    flex: 1;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._3Xzp {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._2WEU {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.iipk {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

.-h0t,
._3Ek4 {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._2P7Y {
    margin: 2em 0;
}

._1n7L {
    display: flex
}

._1n7L > * {
        flex: 1 0
    }

._1n7L > *:not(:first-child) {
            border-left: 0.25em solid hsl(0, 0%, 90%);
            border-left: 0.25em solid var(--gray-lighter);
            padding: 0 0.5em 0 0.5em;
        }

@media (max-width: 859px) {

._1n7L {
        flex-direction: column
}
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

.FIfq {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3IPC {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._1jrY {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._11zZ,
.a0GU {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._2aJj {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

._1-3K {
    display: inline-flex;
    align-items: center;
    margin: 0.25em;
    padding: 0.25em 0.5em;
    font-size: 0.75em;
    text-transform: uppercase;
    background-color: hsl(0, 0%, 90%);
    background-color: var(--gray-lighter);
    letter-spacing: 0.1em
}

._1-3K:first-child {
        margin-left: 0;
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

.IcHA {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.R98l {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._1UP_ {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2jyd,
.TmMD {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._1jkt {
    display: flex;
    padding: 0.5em 0;
    color: hsl(0, 0%, 50%);
    color: var(--gray-dark)
}

._1jkt > * {
        margin: 0.5em;
    }

.DPT_ {
}

.DPT_ ._2kTn:before {
        content: 'featured';
        color: #e6252f;
        color: var(--brand-secondary);
        text-transform: uppercase;
        display: block;
    }

.zznb {
    display: none
}

@media (min-width: 601px) {

.zznb {
        display: block;
        flex: 250px;
        max-width: 250px
}
    }

._2kTn {
    flex: 1 0
}

._2kTn a {
        color: hsl(0, 0%, 35%);
        color: var(--gray-darker);
    }

._2kTn h2 {
        margin-top: 0.25em;
    }

._1CLt > ._1jkt {
        border-bottom: 2px solid hsl(0, 0%, 80%);
        border-bottom: 2px solid var(--gray-light)
    }

._1CLt > ._1jkt:last-child {
            border-bottom: none;
        }

._2ztg {
    display: flex;
    flex-wrap: wrap;
    color: hsl(0, 0%, 80%);
    color: var(--gray-light);
    text-transform: uppercase;
    padding: 0;
    list-style: none
}

._2ztg > *:not(:first-child):before {
        content: '•';
        padding: 0 0.25em;
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1aIl {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._2xVq {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3F4L {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3K8u,
._2wR3 {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._9ozi {
    padding: 1.5em 1.5em 3em;
    margin-top: 2em;
    background-color: hsl(0, 0%, 97%);
    background-color: var(--gray-lightest);
}

._2Xki {
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 1em;
    color: #245eac;
    color: var(--brand-primary);
}

.SGzf {
    margin: 0.75em 0;
    color: #0f0f0f;
    color: var(--black);
    font-size: 1.15em;
    font-weight: 700;
    padding-bottom: 0.5em;
    border-bottom: white solid 4px
}

.SGzf > a {
        display: inline-flex;
        align-items: center
    }

.SGzf > a:hover {
            color: #245eac;
            color: var(--brand-primary);
        }

.tAxl {

    display: flex;
    align-items: center;

    color: #245eac;

    color: var(--brand-primary)
}

.tAxl > ._2wf0 ~ a {
        padding: 0 0.5em;
    }

._2wf0 {
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._8CAF {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._28D9 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._1VD3 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

.nR42,
._1gUg {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._-51C {
    display: flex;
    justify-content: center;
    align-items: center;
}

._36NX {
    margin: 0.15em;
}

._3Hjc {
}

._2dYm {
}

._1mYD {
    position: absolute;
    pointer-events: none;
    width: 3em;

    display: flex;
    align-content: center;
    align-items: center
}

._1mYD > svg {
        width: 100%;
    }

._3ryf {
    padding-left: 3em;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1npO {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._1G92 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3OAO {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2khl,
._3_1- {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._3DJi {

    width: 100%;
    box-sizing: border-box;
}

._2r_p {
    min-width: 0;
    border: none;
    padding: 0;
    margin: 0;
}

._3MgV {
    color: white;
    font-size: 2em;
    font-weight: 700;
}

.gXQ9 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-around
}

.gXQ9 > ._1sKb {
        margin: 0.25em;
    }

._2jHP {

    flex-direction: row;
}

._1sKb {
    flex: 1 0;
    min-width: 125px;
    font-weight: 700;
    position: relative
}

._1sKb input {
        font-weight: 700;
    }

._1sKb > svg {
        position: absolute;
        top: 0;
        right: 0;
        pointer-events: none
    }

._1sKb > svg path[fill='black'] {
            fill: #245eac;
            fill: var(--primary);
        }

._3Kt8 {

    display: flex;
    flex-direction: row;
    align-items: center;
}

._1XBW {
    border: 1px solid hsl(0, 0%, 90%);
    border: 1px solid var(--gray-lighter)
}

._1XBW input {
        border: none;
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._3tRK {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._2-Tz {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.Jq6w {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2q7m,
._2zfA {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

.pU24 {
    /* If you change the display: look at the gear page: https://www.avalanche.ca/gear. It was set to display: inline-block before.  */
    display: block;
    color: hsl(0, 0%, 35%);
    color: var(--gray-darker);
    margin: 0;
    padding: 0;
}

._2A0J {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    background-color: hsl(0, 0%, 90%);
    background-color: var(--gray-lighter)
}

._2A0J > p {
        margin: 0;
    }

.image-gallery ._2A0J > p {
        /* FIXME: So weird the styling here. line-height!!! */
        margin: 0.5em 0;
    }

.pU24 + .pU24 {
    margin-top: 1em;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._23wp {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._1A_r {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3hNp {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._39h3,
._2b8l {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._1_dJ {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.GzJ0 ._2SNx {
        flex: 0 1 100%;
    }

.ehp9 ._2SNx {
        padding: 0.25em 0;
    }

._2kUm ._2SNx:not(._3ZrY),
    ._2kUm ._2UcX._3ZrY {
        border-bottom: 1px solid hsl(0, 0%, 90%);
        border-bottom: 1px solid var(--gray-lighter);
    }

._2SNx {
    flex: 0 1 50%;

    margin: 0;
    padding: 0.75em 0;
    color: hsl(0, 0%, 70%);
    color: var(--gray)
}

._2SNx._3ZrY {
        flex: 100%;
    }

._2iW7 {

    color: hsl(0, 0%, 35%);

    color: var(--gray-darker);
    font-weight: 700;
}

._2UcX {
}

._2UcX > ul {
        margin: 0;
    }

.HcEJ {
    display: flex;
    flex-wrap: wrap
}
.HcEJ > * {
        margin: 0 0.5em;
        flex: 1 1 250px;
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

.-XnZ {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3fhb {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2ErF {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2HPt,
.clAV {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

:root {
    --border: 1px solid white;
}

._3g-u {
    border-top: 1px solid white;
    border-top: var(--border)
}

._3g-u:last-child {
        border-bottom: 1px solid white;
        border-bottom: var(--border);
    }

._3g-u > summary {
        position: relative;
        cursor: pointer;
        list-style: none;
        background-color: black;
        color: white;
        font-weight: 700;
        padding: 1em 3em 1em 1em
    }

._3g-u > summary::-webkit-details-marker {
            display: none;
        }

._3g-u > summary::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 3em;
            background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSdNMTkgMTNoLTZ2NmgtMnYtNkg1di0yaDZWNWgydjZoNnYyeicgZmlsbD0nI0ZGRkZGRicgLz4KICAgIDxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnIC8+Cjwvc3ZnPgo=);
            background-position: center;
            background-repeat: no-repeat;
        }

._3g-u[open] > summary::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSdNMTkgMTNINXYtMmgxNHYyeicgZmlsbD0nI0ZGRkZGRicgLz4KICAgIDxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnIC8+Cjwvc3ZnPgo=);
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2ej4 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.ENZZ {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

.T7P9 {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._20CE,
._3AAR {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._2Yjk {
    position: relative;
    color: hsl(214.41176470588235, 65.3846153846%, 50%);
    color: hsl(214.41176470588235, 65.3846153846%, 50%);
    font-size: 1.25em;
    border-bottom: hsl(0, 0%, 80%) solid 3px;
    border-bottom: var(--gray-light) solid 3px;
    margin: 25px;
    padding: 15px 0 15px 55px
}

._2Yjk:before {
        content: '‘‘';
        position: absolute;
        left: 0;
        top: -30px;
        color: hsl(214.41176470588235, 65.3846153846%, 35%);
        color: hsl(214.41176470588235, 65.3846153846%, 35%);
        font-size: 6em;
        font-weight: bold;
    }

._2Yjk:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 55px;
        border-top: hsl(0, 0%, 80%) solid 3px;
        border-top: var(--gray-light) solid 3px;
    }

._2KnQ {
    font-size: 0.6em;
    color: hsl(0, 0%, 70%);
    color: var(--gray);
    padding-top: 10px;
    text-transform: uppercase;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._2Sod {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._23F4 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2YbB {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._1_x3,
._2T1d {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

.T4mf {
    display: flex;
    flex-direction: column;
    justify-content: center;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto 2em;

    color: white;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    white-space: normal;
    line-height: normal
}

.T4mf a {
        color: #e6252f;
        color: var(--brand-secondary);
    }

@media (min-width: 601px) {

.T4mf {
        margin: auto 3em;
        font-size: 2em
}
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

.D75S {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._1Nzy {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3h3g {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._3MSB,
.lOIj {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._3juF {
    display: flex;
    flex-wrap: wrap;
}

._18HW {
    flex: 100%;
    padding: 2em;
    box-sizing: border-box;
    display: flex
}

@media (min-width: 361px) {

._18HW {
        flex: 50%;
        max-width: 50%
}
    }

@media (min-width: 561px) {

._18HW {
        flex: 33.3%;
        max-width: 33.3%
}
    }

@media (min-width: 781px) {

._18HW {
        flex: 25%;
        max-width: 25%
}
    }

._2DGR {
    margin: auto;
    max-width: 100%;
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

.oAY- {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._3T-n {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._320P {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._2bbJ,
.LPC9 {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

.kHb9 {
    display: flex;
    color: hsl(0, 0%, 70%);
    color: var(--gray);
    margin: 5px;
    padding: 5px;
    line-height: 1.5em;
}

._1PjT {
    flex: 1 1;
}

._3Z0h {
    font-weight: bold;
}

._2MDr {
    color: #245eac;
    color: var(--brand-primary);
}

.zn_v {
    margin-left: 5px;
    color: hsl(0, 0%, 50%);
    color: var(--gray-dark);
}

._3hW4 {
    height: 100%;
    margin-right: 10px
}

@media (max-width: 499px) {

._3hW4 {
        display: none
}
    }

.ZGnP > * {
        display: block;
    }

._3sFJ {
    /* From Bootstrap */
    min-height: 0.01%;
    overflow-x: auto;
}

._20y3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

._1VTQ {
    padding-right: 0
}

._1VTQ > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

._3v3n {
    background-color: var(--gray-lightest);
}


    ._3ABk p {
        margin: inherit;
    }

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._1FR5 {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

._31VW {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._2Zgi {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

.H2PD,
._1Ian {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

._29uk {
    white-space: break-spaces;
    text-align: center;
    background-color: #e6252f;
    background-color: var(--danger);
    color: white
}

._29uk:hover {
        color: white;
    }

._29uk:after {
        display: none;
    }

._3lMU {
    text-align: left;
}
@media print {
    ._3lMU {
        display: none;
    }
}
._3X2l > header {
        position: fixed;
        z-index: 3;
        width: 100%;
        top: 0;
    }
._3X2l > div {
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - 5em);
        margin-top: 5em
    }
._3X2l > div > div {
            flex: 1;
        }
._3X2l > div > footer {
            flex: none;
        }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Hack for IE11 */
    ._3X2l > div > div {
        flex-basis: auto;
    }
}
.fXXo {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh
}
.fXXo > header,
    .fXXo > footer {
        flex: 0 0 auto;
    }
.fXXo > main {
        position: relative;
        flex: 1;
        display: flex;
    }
._1eah {
    color: var(--black);
    text-align: center
}
._1eah main {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center
    }
._1eah main > h1 > small {
            margin: 1em 0;
            color: var(--gray-darker);
        }
._1eah main > p {
            font-size: 1.25em;
            font-weight: 700;
            margin: 2em;
        }
._1eah:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url('//s3-us-west-2.amazonaws.com/ac-assets/images/avalanche-gully.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0.5;
        z-index: -1;
    }
._1eah h1 {
        font-size: 2.5em;
    }
._1eah br {
        line-height: 1.5;
    }
.EynC {

    height: auto
}
.EynC section {
        text-align: left;
        margin: 0 1em;
    }
.EynC ul {
        font-size: 1.25em;
    }
._1NEw {
}
._1Lhu {
    display: flex
}
@media print {
._1Lhu {
        display: none
}
    }

.wP1J > * {
    margin-top: 1em;
    margin-bottom: 1em;
}

._205q {
    margin: 0 1em;
}
.OvAM {
    padding: 0.5em;
    margin: 0;
}

._4KRF {
    display: flex;
    flex-direction: column
}

._4KRF > * {
        flex: 1 0;
        margin: 1em;
    }

._2KPK {
}

:root {
    --brand-primary: #245eac;
    --primary: #245eac;
    --brand-secondary: #e6252f;
    --secondary: #0f0f0f;

    --black: #0f0f0f;

    --gray-darkest: hsl(0, 0%, 15%);
    --gray-darker: hsl(0, 0%, 35%);
    --gray-dark: hsl(0, 0%, 50%);
    --gray: hsl(0, 0%, 70%);
    --gray-light: hsl(0, 0%, 80%);
    --gray-lighter: hsl(0, 0%, 90%);
    --gray-lightest: hsl(0, 0%, 97%);

    --success: #4caf50;
    --info: #03a9f4;
    --warning: #ffc107;
    --danger: #e6252f;

    --error: #e6252f;
}

._3H_O {
    color: white;
    background-color: #4caf50;
    background-color: var(--success);
}

.lgO4 {
    color: white;
    background-color: #03a9f4;
    background-color: var(--info);
}

._3xKO {
    color: white;
    background-color: #ffc107;
    background-color: var(--warning);
}

._1dX6,
._3HON {
    color: white;
    background-color: #e6252f;
    background-color: var(--danger);
}

html {
    background-color: white;
    -webkit-print-color-adjust: exact;
            color-adjust: exact;
}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: hsl(0, 0%, 35%);
    color: var(--gray-darker);
    box-sizing: border-box;
}

@media screen and (max-width: 680px) {
    body {
        font-size: 13px;
    }
}

@media screen and (max-width: 480px) {
    body {
        font-size: 12px;
    }
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: inherit
    }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
            color: #245eac;
            color: var(--primary);
        }

h1 a:not([href^='#']):after, h2 a:not([href^='#']):after, h3 a:not([href^='#']):after, h4 a:not([href^='#']):after, h5 a:not([href^='#']):after, h6 a:not([href^='#']):after {
            /* \00a0 ==   */
            content: '\00a0›';
            color: #245eac;
            color: var(--primary);
        }

a {
    text-decoration: none;
    color: #245eac;
    color: var(--primary);
}

/* More info and ideas here: https://davidwalsh.name/external-links-css */

/* A summer project ;) */

/*
a[target="_blank"]:not(:empty):after {
    content: " ↗";
    color: var(--gray);
    font-size: 0.75em;
}
*/

img {
    max-width: 100%;
    /* https://stackoverflow.com/questions/14053952/why-is-there-padding-at-the-bottom-of-my-image */
    vertical-align: bottom;
}

li::marker {
    color: #245eac;
    color: var(--primary);
}

/* DESCRIPTION LIST */

dt {
    font-weight: 700;
}

/* PRINT */

@media print {
    body {
        font-size: 12px;
    }

    img {
        scale: 0.85;
    }

    a:after {
        content: ' (' attr(href) ')';
    }

    details:not([open]) {
        display: none;
    }
}

/* BUTTON */

button {
    border-radius: 0;
}

button[disabled],
input[disabled],
fieldset[disabled] button,
fieldset[disabled] input {
    opacity: 0.65;
    pointer-events: none;
    cursor: not-allowed;
}

/* OEMBED */

div[data-oembed] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0;
    height: 0
}

div[data-oembed] iframe {
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

iframe {
    width: 100%;
    height: 500px;
    border: none;
}