@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@-webkit-keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
        transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
    }
}

@keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
    }

    to {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
        transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }

    to {
        opacity: 0
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {

    0%,
    50% {
        stroke-dashoffset: 29.7833385
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {

    0%,
    50% {
        stroke-dashoffset: 29.7833385
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {

    0%,
    68.2% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    68.2% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
        animation-timing-function: cubic-bezier(0, 0, 0, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {

    0%,
    68.2% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    68.2% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
        animation-timing-function: cubic-bezier(0, 0, 0, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
        animation-timing-function: cubic-bezier(.4, 0, 1, 1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.7833385
    }
}

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
        animation-timing-function: cubic-bezier(.4, 0, 1, 1);
        opacity: 1;
        stroke-dashoffset: 0
    }

    to {
        opacity: 0;
        stroke-dashoffset: -29.7833385
    }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    0% {
        -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
}

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
    0% {
        -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        opacity: 1
    }

    to {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }

    32.8%,
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
}

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        opacity: 1
    }

    32.8%,
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0
    }
}

@-webkit-keyframes mdc-checkbox-fade-in-background-0 {
    0% {
        border-color: rgba(0, 0, 0, .54);
        background-color: transparent
    }

    50% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary, #018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

@keyframes mdc-checkbox-fade-in-background-0 {
    0% {
        border-color: rgba(0, 0, 0, .54);
        background-color: transparent
    }

    50% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary, #018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

@-webkit-keyframes mdc-checkbox-fade-out-background-0 {

    0%,
    80% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary, #018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary, #018786)
    }

    to {
        border-color: rgba(0, 0, 0, .54);
        background-color: transparent
    }
}

@keyframes mdc-checkbox-fade-out-background-0 {

    0%,
    80% {
        border-color: #018786;
        border-color: var(--mdc-theme-secondary, #018786);
        background-color: #018786;
        background-color: var(--mdc-theme-secondary, #018786)
    }

    to {
        border-color: rgba(0, 0, 0, .54);
        background-color: transparent
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(.75);
        transform: translateX(calc(0 - 0%)) translateY(-50%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(.75);
        transform: translateX(calc(4% - 0%)) translateY(-50%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(.75);
        transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-standard {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(.75);
        transform: translateX(calc(0 - 0%)) translateY(-50%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(.75);
        transform: translateX(calc(4% - 0%)) translateY(-50%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(.75);
        transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(.75)
    }
}

@-webkit-keyframes primary-indeterminate-translate {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(83.67142%);
        transform: translateX(83.67142%)
    }

    to {
        -webkit-transform: translateX(200.61106%);
        transform: translateX(200.61106%)
    }
}

@keyframes primary-indeterminate-translate {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(83.67142%);
        transform: translateX(83.67142%)
    }

    to {
        -webkit-transform: translateX(200.61106%);
        transform: translateX(200.61106%)
    }
}

@-webkit-keyframes primary-indeterminate-scale {

    0%,
    to {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    36.65% {
        -webkit-animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
        animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    69.15% {
        -webkit-animation-timing-function: cubic-bezier(.06, .11, .6, 1);
        animation-timing-function: cubic-bezier(.06, .11, .6, 1);
        -webkit-transform: scaleX(.66148);
        transform: scaleX(.66148)
    }
}

@keyframes primary-indeterminate-scale {

    0%,
    to {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    36.65% {
        -webkit-animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
        animation-timing-function: cubic-bezier(.33473, .12482, .78584, 1);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    69.15% {
        -webkit-animation-timing-function: cubic-bezier(.06, .11, .6, 1);
        animation-timing-function: cubic-bezier(.06, .11, .6, 1);
        -webkit-transform: scaleX(.66148);
        transform: scaleX(.66148)
    }
}

@-webkit-keyframes secondary-indeterminate-translate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        -webkit-transform: translateX(37.65191%);
        transform: translateX(37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        -webkit-transform: translateX(84.38617%);
        transform: translateX(84.38617%)
    }

    to {
        -webkit-transform: translateX(160.27778%);
        transform: translateX(160.27778%)
    }
}

@keyframes secondary-indeterminate-translate {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        -webkit-transform: translateX(37.65191%);
        transform: translateX(37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        -webkit-transform: translateX(84.38617%);
        transform: translateX(84.38617%)
    }

    to {
        -webkit-transform: translateX(160.27778%);
        transform: translateX(160.27778%)
    }
}

@-webkit-keyframes secondary-indeterminate-scale {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
        animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    19.15% {
        -webkit-animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
        animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
        -webkit-transform: scaleX(.4571);
        transform: scaleX(.4571)
    }

    44.15% {
        -webkit-animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
        animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
        -webkit-transform: scaleX(.72796);
        transform: scaleX(.72796)
    }

    to {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }
}

@keyframes secondary-indeterminate-scale {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
        animation-timing-function: cubic-bezier(.20503, .05705, .57661, .45397);
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }

    19.15% {
        -webkit-animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
        animation-timing-function: cubic-bezier(.15231, .19643, .64837, 1.00432);
        -webkit-transform: scaleX(.4571);
        transform: scaleX(.4571)
    }

    44.15% {
        -webkit-animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
        animation-timing-function: cubic-bezier(.25776, -.00316, .21176, 1.38179);
        -webkit-transform: scaleX(.72796);
        transform: scaleX(.72796)
    }

    to {
        -webkit-transform: scaleX(.08);
        transform: scaleX(.08)
    }
}

@-webkit-keyframes buffering {
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@keyframes buffering {
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
}

@-webkit-keyframes primary-indeterminate-translate-reverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-83.67142%);
        transform: translateX(-83.67142%)
    }

    to {
        -webkit-transform: translateX(-200.61106%);
        transform: translateX(-200.61106%)
    }
}

@keyframes primary-indeterminate-translate-reverse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    20% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    59.15% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-83.67142%);
        transform: translateX(-83.67142%)
    }

    to {
        -webkit-transform: translateX(-200.61106%);
        transform: translateX(-200.61106%)
    }
}

@-webkit-keyframes secondary-indeterminate-translate-reverse {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        -webkit-transform: translateX(-37.65191%);
        transform: translateX(-37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        -webkit-transform: translateX(-84.38617%);
        transform: translateX(-84.38617%)
    }

    to {
        -webkit-transform: translateX(-160.27778%);
        transform: translateX(-160.27778%)
    }
}

@keyframes secondary-indeterminate-translate-reverse {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        animation-timing-function: cubic-bezier(.15, 0, .51506, .40969);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    25% {
        -webkit-animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        animation-timing-function: cubic-bezier(.31033, .28406, .8, .73371);
        -webkit-transform: translateX(-37.65191%);
        transform: translateX(-37.65191%)
    }

    48.35% {
        -webkit-animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        animation-timing-function: cubic-bezier(.4, .62704, .6, .90203);
        -webkit-transform: translateX(-84.38617%);
        transform: translateX(-84.38617%)
    }

    to {
        -webkit-transform: translateX(-160.27778%);
        transform: translateX(-160.27778%)
    }
}

@-webkit-keyframes buffering-reverse {
    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes buffering-reverse {
    to {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - -32px)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-slider-emphasize {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        -webkit-transform: scale(.571);
        transform: scale(.571)
    }
}

@keyframes mdc-slider-emphasize {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }

    to {
        -webkit-transform: scale(.571);
        transform: scale(.571)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(.8);
        transform: translateX(calc(0 - 0%)) translateY(-70%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(.8);
        transform: translateX(calc(4% - 0%)) translateY(-70%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(.8);
        transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(.8);
        transform: translateX(calc(0 - 0%)) translateY(-70%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(.8);
        transform: translateX(calc(4% - 0%)) translateY(-70%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(.8);
        transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 0%)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 0%)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 0%)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 0%)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - 21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(0 - -21px)) translateY(-120%) scale(.8)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-textarea {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-textarea {

    0%,
    to {
        -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(0 - 0%)) translateY(-130%) scale(.75)
    }

    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 0%)) translateY(-130%) scale(.75)
    }

    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes drop-0 {
    to {
        top: 90%;
        left: 34%
    }
}

@keyframes drop-0 {
    to {
        top: 90%;
        left: 34%
    }
}

@-webkit-keyframes drop-1 {
    to {
        top: 90%;
        left: 19%
    }
}

@keyframes drop-1 {
    to {
        top: 90%;
        left: 19%
    }
}

@-webkit-keyframes drop-2 {
    to {
        top: 90%;
        left: 93%
    }
}

@keyframes drop-2 {
    to {
        top: 90%;
        left: 93%
    }
}

@-webkit-keyframes drop-3 {
    to {
        top: 90%;
        left: 73%
    }
}

@keyframes drop-3 {
    to {
        top: 90%;
        left: 73%
    }
}

@-webkit-keyframes drop-4 {
    to {
        top: 90%;
        left: 92%
    }
}

@keyframes drop-4 {
    to {
        top: 90%;
        left: 92%
    }
}

@-webkit-keyframes drop-5 {
    to {
        top: 90%;
        left: 85%
    }
}

@keyframes drop-5 {
    to {
        top: 90%;
        left: 85%
    }
}

@-webkit-keyframes drop-6 {
    to {
        top: 90%;
        left: 35%
    }
}

@keyframes drop-6 {
    to {
        top: 90%;
        left: 35%
    }
}

@-webkit-keyframes drop-7 {
    to {
        top: 90%;
        left: 87%
    }
}

@keyframes drop-7 {
    to {
        top: 90%;
        left: 87%
    }
}

@-webkit-keyframes drop-8 {
    to {
        top: 90%;
        left: 74%
    }
}

@keyframes drop-8 {
    to {
        top: 90%;
        left: 74%
    }
}

@-webkit-keyframes drop-9 {
    to {
        top: 90%;
        left: 73%
    }
}

@keyframes drop-9 {
    to {
        top: 90%;
        left: 73%
    }
}

@-webkit-keyframes drop-10 {
    to {
        top: 90%;
        left: 3%
    }
}

@keyframes drop-10 {
    to {
        top: 90%;
        left: 3%
    }
}

@-webkit-keyframes drop-11 {
    to {
        top: 90%;
        left: 70%
    }
}

@keyframes drop-11 {
    to {
        top: 90%;
        left: 70%
    }
}

@-webkit-keyframes drop-12 {
    to {
        top: 90%;
        left: 83%
    }
}

@keyframes drop-12 {
    to {
        top: 90%;
        left: 83%
    }
}

@-webkit-keyframes drop-13 {
    to {
        top: 90%;
        left: 50%
    }
}

@keyframes drop-13 {
    to {
        top: 90%;
        left: 50%
    }
}

@-webkit-keyframes drop-14 {
    to {
        top: 90%;
        left: 60%
    }
}

@keyframes drop-14 {
    to {
        top: 90%;
        left: 60%
    }
}

@-webkit-keyframes drop-15 {
    to {
        top: 90%;
        left: 16%
    }
}

@keyframes drop-15 {
    to {
        top: 90%;
        left: 16%
    }
}

@-webkit-keyframes drop-16 {
    to {
        top: 90%;
        left: 48%
    }
}

@keyframes drop-16 {
    to {
        top: 90%;
        left: 48%
    }
}

@-webkit-keyframes drop-17 {
    to {
        top: 90%;
        left: 77%
    }
}

@keyframes drop-17 {
    to {
        top: 90%;
        left: 77%
    }
}

@-webkit-keyframes drop-18 {
    to {
        top: 90%;
        left: 12%
    }
}

@keyframes drop-18 {
    to {
        top: 90%;
        left: 12%
    }
}

@-webkit-keyframes drop-19 {
    to {
        top: 90%;
        left: 60%
    }
}

@keyframes drop-19 {
    to {
        top: 90%;
        left: 60%
    }
}

@-webkit-keyframes drop-20 {
    to {
        top: 90%;
        left: 92%
    }
}

@keyframes drop-20 {
    to {
        top: 90%;
        left: 92%
    }
}

@-webkit-keyframes drop-21 {
    to {
        top: 90%;
        left: 75%
    }
}

@keyframes drop-21 {
    to {
        top: 90%;
        left: 75%
    }
}

@-webkit-keyframes drop-22 {
    to {
        top: 90%;
        left: 72%
    }
}

@keyframes drop-22 {
    to {
        top: 90%;
        left: 72%
    }
}

@-webkit-keyframes drop-23 {
    to {
        top: 90%;
        left: 87%
    }
}

@keyframes drop-23 {
    to {
        top: 90%;
        left: 87%
    }
}

@-webkit-keyframes drop-24 {
    to {
        top: 90%;
        left: 78%
    }
}

@keyframes drop-24 {
    to {
        top: 90%;
        left: 78%
    }
}

@-webkit-keyframes drop-25 {
    to {
        top: 90%;
        left: 24%
    }
}

@keyframes drop-25 {
    to {
        top: 90%;
        left: 24%
    }
}

@-webkit-keyframes drop-26 {
    to {
        top: 90%;
        left: 36%
    }
}

@keyframes drop-26 {
    to {
        top: 90%;
        left: 36%
    }
}

@-webkit-keyframes drop-27 {
    to {
        top: 90%;
        left: 33%
    }
}

@keyframes drop-27 {
    to {
        top: 90%;
        left: 33%
    }
}

@-webkit-keyframes drop-28 {
    to {
        top: 90%;
        left: 94%
    }
}

@keyframes drop-28 {
    to {
        top: 90%;
        left: 94%
    }
}

@-webkit-keyframes drop-29 {
    to {
        top: 90%;
        left: 59%
    }
}

@keyframes drop-29 {
    to {
        top: 90%;
        left: 59%
    }
}

@-webkit-keyframes drop-30 {
    to {
        top: 90%;
        left: 76%
    }
}

@keyframes drop-30 {
    to {
        top: 90%;
        left: 76%
    }
}

@-webkit-keyframes drop-31 {
    to {
        top: 90%;
        left: 52%
    }
}

@keyframes drop-31 {
    to {
        top: 90%;
        left: 52%
    }
}

@-webkit-keyframes drop-32 {
    to {
        top: 90%;
        left: 45%
    }
}

@keyframes drop-32 {
    to {
        top: 90%;
        left: 45%
    }
}

@-webkit-keyframes drop-33 {
    to {
        top: 90%;
        left: 79%
    }
}

@keyframes drop-33 {
    to {
        top: 90%;
        left: 79%
    }
}

@-webkit-keyframes drop-34 {
    to {
        top: 90%;
        left: 55%
    }
}

@keyframes drop-34 {
    to {
        top: 90%;
        left: 55%
    }
}

@-webkit-keyframes drop-35 {
    to {
        top: 90%;
        left: 57%
    }
}

@keyframes drop-35 {
    to {
        top: 90%;
        left: 57%
    }
}

@-webkit-keyframes drop-36 {
    to {
        top: 90%;
        left: 80%
    }
}

@keyframes drop-36 {
    to {
        top: 90%;
        left: 80%
    }
}

@-webkit-keyframes drop-37 {
    to {
        top: 90%;
        left: 56%
    }
}

@keyframes drop-37 {
    to {
        top: 90%;
        left: 56%
    }
}

@-webkit-keyframes drop-38 {
    to {
        top: 90%;
        left: 46%
    }
}

@keyframes drop-38 {
    to {
        top: 90%;
        left: 46%
    }
}

@-webkit-keyframes drop-39 {
    to {
        top: 90%;
        left: 37%
    }
}

@keyframes drop-39 {
    to {
        top: 90%;
        left: 37%
    }
}

@-webkit-keyframes drop-40 {
    to {
        top: 90%;
        left: 12%
    }
}

@keyframes drop-40 {
    to {
        top: 90%;
        left: 12%
    }
}

@-webkit-keyframes drop-41 {
    to {
        top: 90%;
        left: 58%
    }
}

@keyframes drop-41 {
    to {
        top: 90%;
        left: 58%
    }
}

@-webkit-keyframes drop-42 {
    to {
        top: 90%;
        left: 62%
    }
}

@keyframes drop-42 {
    to {
        top: 90%;
        left: 62%
    }
}

@-webkit-keyframes drop-43 {
    to {
        top: 90%;
        left: 86%
    }
}

@keyframes drop-43 {
    to {
        top: 90%;
        left: 86%
    }
}

@-webkit-keyframes drop-44 {
    to {
        top: 90%;
        left: 86%
    }
}

@keyframes drop-44 {
    to {
        top: 90%;
        left: 86%
    }
}

@-webkit-keyframes drop-45 {
    to {
        top: 90%;
        left: 66%
    }
}

@keyframes drop-45 {
    to {
        top: 90%;
        left: 66%
    }
}

@-webkit-keyframes drop-46 {
    to {
        top: 90%;
        left: 31%
    }
}

@keyframes drop-46 {
    to {
        top: 90%;
        left: 31%
    }
}

@-webkit-keyframes drop-47 {
    to {
        top: 90%;
        left: 96%
    }
}

@keyframes drop-47 {
    to {
        top: 90%;
        left: 96%
    }
}

@-webkit-keyframes drop-48 {
    to {
        top: 90%;
        left: 57%
    }
}

@keyframes drop-48 {
    to {
        top: 90%;
        left: 57%
    }
}

@-webkit-keyframes drop-49 {
    to {
        top: 90%;
        left: 79%
    }
}

@keyframes drop-49 {
    to {
        top: 90%;
        left: 79%
    }
}

@-webkit-keyframes drop-50 {
    to {
        top: 90%;
        left: 21%
    }
}

@keyframes drop-50 {
    to {
        top: 90%;
        left: 21%
    }
}

@-webkit-keyframes drop-51 {
    to {
        top: 90%;
        left: 46%
    }
}

@keyframes drop-51 {
    to {
        top: 90%;
        left: 46%
    }
}

@-webkit-keyframes drop-52 {
    to {
        top: 90%;
        left: 24%
    }
}

@keyframes drop-52 {
    to {
        top: 90%;
        left: 24%
    }
}

@-webkit-keyframes drop-53 {
    to {
        top: 90%;
        left: 26%
    }
}

@keyframes drop-53 {
    to {
        top: 90%;
        left: 26%
    }
}

@-webkit-keyframes drop-54 {
    to {
        top: 90%;
        left: 88%
    }
}

@keyframes drop-54 {
    to {
        top: 90%;
        left: 88%
    }
}

@-webkit-keyframes drop-55 {
    to {
        top: 90%;
        left: 57%
    }
}

@keyframes drop-55 {
    to {
        top: 90%;
        left: 57%
    }
}

@-webkit-keyframes drop-56 {
    to {
        top: 90%;
        left: 86%
    }
}

@keyframes drop-56 {
    to {
        top: 90%;
        left: 86%
    }
}

@-webkit-keyframes drop-57 {
    to {
        top: 90%;
        left: 38%
    }
}

@keyframes drop-57 {
    to {
        top: 90%;
        left: 38%
    }
}

@-webkit-keyframes drop-58 {
    to {
        top: 90%;
        left: 92%
    }
}

@keyframes drop-58 {
    to {
        top: 90%;
        left: 92%
    }
}

@-webkit-keyframes drop-59 {
    to {
        top: 90%;
        left: 62%
    }
}

@keyframes drop-59 {
    to {
        top: 90%;
        left: 62%
    }
}

@-webkit-keyframes drop-60 {
    to {
        top: 90%;
        left: 20%
    }
}

@keyframes drop-60 {
    to {
        top: 90%;
        left: 20%
    }
}

@-webkit-keyframes drop-61 {
    to {
        top: 90%;
        left: 18%
    }
}

@keyframes drop-61 {
    to {
        top: 90%;
        left: 18%
    }
}

@-webkit-keyframes drop-62 {
    to {
        top: 90%;
        left: 46%
    }
}

@keyframes drop-62 {
    to {
        top: 90%;
        left: 46%
    }
}

@-webkit-keyframes drop-63 {
    to {
        top: 90%;
        left: 8%
    }
}

@keyframes drop-63 {
    to {
        top: 90%;
        left: 8%
    }
}

@-webkit-keyframes drop-64 {
    to {
        top: 90%;
        left: 62%
    }
}

@keyframes drop-64 {
    to {
        top: 90%;
        left: 62%
    }
}

@-webkit-keyframes drop-65 {
    to {
        top: 90%;
        left: 21%
    }
}

@keyframes drop-65 {
    to {
        top: 90%;
        left: 21%
    }
}

@-webkit-keyframes drop-66 {
    to {
        top: 90%;
        left: 75%
    }
}

@keyframes drop-66 {
    to {
        top: 90%;
        left: 75%
    }
}

@-webkit-keyframes drop-67 {
    to {
        top: 90%;
        left: 88%
    }
}

@keyframes drop-67 {
    to {
        top: 90%;
        left: 88%
    }
}

@-webkit-keyframes drop-68 {
    to {
        top: 90%;
        left: 92%
    }
}

@keyframes drop-68 {
    to {
        top: 90%;
        left: 92%
    }
}

@-webkit-keyframes drop-69 {
    to {
        top: 90%;
        left: 13%
    }
}

@keyframes drop-69 {
    to {
        top: 90%;
        left: 13%
    }
}

@-webkit-keyframes drop-70 {
    to {
        top: 90%;
        left: 55%
    }
}

@keyframes drop-70 {
    to {
        top: 90%;
        left: 55%
    }
}

@-webkit-keyframes drop-71 {
    to {
        top: 90%;
        left: 93%
    }
}

@keyframes drop-71 {
    to {
        top: 90%;
        left: 93%
    }
}

@-webkit-keyframes drop-72 {
    to {
        top: 90%;
        left: 47%
    }
}

@keyframes drop-72 {
    to {
        top: 90%;
        left: 47%
    }
}

@-webkit-keyframes drop-73 {
    to {
        top: 90%;
        left: 34%
    }
}

@keyframes drop-73 {
    to {
        top: 90%;
        left: 34%
    }
}

@-webkit-keyframes drop-74 {
    to {
        top: 90%;
        left: 45%
    }
}

@keyframes drop-74 {
    to {
        top: 90%;
        left: 45%
    }
}

@-webkit-keyframes drop-75 {
    to {
        top: 90%;
        left: 80%
    }
}

@keyframes drop-75 {
    to {
        top: 90%;
        left: 80%
    }
}

@-webkit-keyframes drop-76 {
    to {
        top: 90%;
        left: 45%
    }
}

@keyframes drop-76 {
    to {
        top: 90%;
        left: 45%
    }
}

@-webkit-keyframes drop-77 {
    to {
        top: 90%;
        left: 34%
    }
}

@keyframes drop-77 {
    to {
        top: 90%;
        left: 34%
    }
}

@-webkit-keyframes drop-78 {
    to {
        top: 90%;
        left: 17%
    }
}

@keyframes drop-78 {
    to {
        top: 90%;
        left: 17%
    }
}

@-webkit-keyframes drop-79 {
    to {
        top: 90%;
        left: 32%
    }
}

@keyframes drop-79 {
    to {
        top: 90%;
        left: 32%
    }
}

@-webkit-keyframes drop-80 {
    to {
        top: 90%;
        left: 46%
    }
}

@keyframes drop-80 {
    to {
        top: 90%;
        left: 46%
    }
}

@-webkit-keyframes drop-81 {
    to {
        top: 90%;
        left: 19%
    }
}

@keyframes drop-81 {
    to {
        top: 90%;
        left: 19%
    }
}

@-webkit-keyframes drop-82 {
    to {
        top: 90%;
        left: 6%
    }
}

@keyframes drop-82 {
    to {
        top: 90%;
        left: 6%
    }
}

@-webkit-keyframes drop-83 {
    to {
        top: 90%;
        left: 90%
    }
}

@keyframes drop-83 {
    to {
        top: 90%;
        left: 90%
    }
}

@-webkit-keyframes drop-84 {
    to {
        top: 90%;
        left: 54%
    }
}

@keyframes drop-84 {
    to {
        top: 90%;
        left: 54%
    }
}

@-webkit-keyframes drop-85 {
    to {
        top: 90%;
        left: 46%
    }
}

@keyframes drop-85 {
    to {
        top: 90%;
        left: 46%
    }
}

@-webkit-keyframes drop-86 {
    to {
        top: 90%;
        left: 47%
    }
}

@keyframes drop-86 {
    to {
        top: 90%;
        left: 47%
    }
}

@-webkit-keyframes drop-87 {
    to {
        top: 90%;
        left: 87%
    }
}

@keyframes drop-87 {
    to {
        top: 90%;
        left: 87%
    }
}

@-webkit-keyframes drop-88 {
    to {
        top: 90%;
        left: 36%
    }
}

@keyframes drop-88 {
    to {
        top: 90%;
        left: 36%
    }
}

@-webkit-keyframes drop-89 {
    to {
        top: 90%;
        left: 57%
    }
}

@keyframes drop-89 {
    to {
        top: 90%;
        left: 57%
    }
}

@-webkit-keyframes drop-90 {
    to {
        top: 90%;
        left: 11%
    }
}

@keyframes drop-90 {
    to {
        top: 90%;
        left: 11%
    }
}

@-webkit-keyframes drop-91 {
    to {
        top: 90%;
        left: 22%
    }
}

@keyframes drop-91 {
    to {
        top: 90%;
        left: 22%
    }
}

@-webkit-keyframes drop-92 {
    to {
        top: 90%;
        left: 52%
    }
}

@keyframes drop-92 {
    to {
        top: 90%;
        left: 52%
    }
}

@-webkit-keyframes drop-93 {
    to {
        top: 90%;
        left: 95%
    }
}

@keyframes drop-93 {
    to {
        top: 90%;
        left: 95%
    }
}

@-webkit-keyframes drop-94 {
    to {
        top: 90%;
        left: 53%
    }
}

@keyframes drop-94 {
    to {
        top: 90%;
        left: 53%
    }
}

@-webkit-keyframes drop-95 {
    to {
        top: 90%;
        left: 31%
    }
}

@keyframes drop-95 {
    to {
        top: 90%;
        left: 31%
    }
}

@-webkit-keyframes drop-96 {
    to {
        top: 90%;
        left: 73%
    }
}

@keyframes drop-96 {
    to {
        top: 90%;
        left: 73%
    }
}

@-webkit-keyframes drop-97 {
    to {
        top: 90%;
        left: 31%
    }
}

@keyframes drop-97 {
    to {
        top: 90%;
        left: 31%
    }
}

@-webkit-keyframes drop-98 {
    to {
        top: 90%;
        left: 30%
    }
}

@keyframes drop-98 {
    to {
        top: 90%;
        left: 30%
    }
}

@-webkit-keyframes drop-99 {
    to {
        top: 90%;
        left: 8%
    }
}

@keyframes drop-99 {
    to {
        top: 90%;
        left: 8%
    }
}

@-webkit-keyframes drop-100 {
    to {
        top: 90%;
        left: 51%
    }
}

@keyframes drop-100 {
    to {
        top: 90%;
        left: 51%
    }
}

@-webkit-keyframes drop-101 {
    to {
        top: 90%;
        left: 5%
    }
}

@keyframes drop-101 {
    to {
        top: 90%;
        left: 5%
    }
}

@-webkit-keyframes drop-102 {
    to {
        top: 90%;
        left: 69%
    }
}

@keyframes drop-102 {
    to {
        top: 90%;
        left: 69%
    }
}

@-webkit-keyframes drop-103 {
    to {
        top: 90%;
        left: 9%
    }
}

@keyframes drop-103 {
    to {
        top: 90%;
        left: 9%
    }
}

@-webkit-keyframes drop-104 {
    to {
        top: 90%;
        left: 63%
    }
}

@keyframes drop-104 {
    to {
        top: 90%;
        left: 63%
    }
}

@-webkit-keyframes drop-105 {
    to {
        top: 90%;
        left: 42%
    }
}

@keyframes drop-105 {
    to {
        top: 90%;
        left: 42%
    }
}

@-webkit-keyframes drop-106 {
    to {
        top: 90%;
        left: 3%
    }
}

@keyframes drop-106 {
    to {
        top: 90%;
        left: 3%
    }
}

@-webkit-keyframes drop-107 {
    to {
        top: 90%;
        left: 4%
    }
}

@keyframes drop-107 {
    to {
        top: 90%;
        left: 4%
    }
}

@-webkit-keyframes drop-108 {
    to {
        top: 90%;
        left: 82%
    }
}

@keyframes drop-108 {
    to {
        top: 90%;
        left: 82%
    }
}

@-webkit-keyframes drop-109 {
    to {
        top: 90%;
        left: 44%
    }
}

@keyframes drop-109 {
    to {
        top: 90%;
        left: 44%
    }
}

@-webkit-keyframes drop-110 {
    to {
        top: 90%;
        left: 63%
    }
}

@keyframes drop-110 {
    to {
        top: 90%;
        left: 63%
    }
}

@-webkit-keyframes drop-111 {
    to {
        top: 90%;
        left: 10%
    }
}

@keyframes drop-111 {
    to {
        top: 90%;
        left: 10%
    }
}

@-webkit-keyframes drop-112 {
    to {
        top: 90%;
        left: 27%
    }
}

@keyframes drop-112 {
    to {
        top: 90%;
        left: 27%
    }
}

@-webkit-keyframes drop-113 {
    to {
        top: 90%;
        left: 36%
    }
}

@keyframes drop-113 {
    to {
        top: 90%;
        left: 36%
    }
}

@-webkit-keyframes drop-114 {
    to {
        top: 90%;
        left: 29%
    }
}

@keyframes drop-114 {
    to {
        top: 90%;
        left: 29%
    }
}

@-webkit-keyframes drop-115 {
    to {
        top: 90%;
        left: 10%
    }
}

@keyframes drop-115 {
    to {
        top: 90%;
        left: 10%
    }
}

@-webkit-keyframes drop-116 {
    to {
        top: 90%;
        left: 74%
    }
}

@keyframes drop-116 {
    to {
        top: 90%;
        left: 74%
    }
}

@-webkit-keyframes drop-117 {
    to {
        top: 90%;
        left: 64%
    }
}

@keyframes drop-117 {
    to {
        top: 90%;
        left: 64%
    }
}

@-webkit-keyframes drop-118 {
    to {
        top: 90%;
        left: 40%
    }
}

@keyframes drop-118 {
    to {
        top: 90%;
        left: 40%
    }
}

@-webkit-keyframes drop-119 {
    to {
        top: 90%;
        left: 43%
    }
}

@keyframes drop-119 {
    to {
        top: 90%;
        left: 43%
    }
}

@-webkit-keyframes drop-120 {
    to {
        top: 90%;
        left: 24%
    }
}

@keyframes drop-120 {
    to {
        top: 90%;
        left: 24%
    }
}

@-webkit-keyframes drop-121 {
    to {
        top: 90%;
        left: 9%
    }
}

@keyframes drop-121 {
    to {
        top: 90%;
        left: 9%
    }
}

@-webkit-keyframes drop-122 {
    to {
        top: 90%;
        left: 70%
    }
}

@keyframes drop-122 {
    to {
        top: 90%;
        left: 70%
    }
}

@-webkit-keyframes drop-123 {
    to {
        top: 90%;
        left: 73%
    }
}

@keyframes drop-123 {
    to {
        top: 90%;
        left: 73%
    }
}

@-webkit-keyframes drop-124 {
    to {
        top: 90%;
        left: 63%
    }
}

@keyframes drop-124 {
    to {
        top: 90%;
        left: 63%
    }
}

@-webkit-keyframes drop-125 {
    to {
        top: 90%;
        left: 18%
    }
}

@keyframes drop-125 {
    to {
        top: 90%;
        left: 18%
    }
}

@-webkit-keyframes drop-126 {
    to {
        top: 90%;
        left: 66%
    }
}

@keyframes drop-126 {
    to {
        top: 90%;
        left: 66%
    }
}

@-webkit-keyframes drop-127 {
    to {
        top: 90%;
        left: 39%
    }
}

@keyframes drop-127 {
    to {
        top: 90%;
        left: 39%
    }
}

@-webkit-keyframes drop-128 {
    to {
        top: 90%;
        left: 20%
    }
}

@keyframes drop-128 {
    to {
        top: 90%;
        left: 20%
    }
}

@-webkit-keyframes drop-129 {
    to {
        top: 90%;
        left: 42%
    }
}

@keyframes drop-129 {
    to {
        top: 90%;
        left: 42%
    }
}

@-webkit-keyframes drop-130 {
    to {
        top: 90%;
        left: 35%
    }
}

@keyframes drop-130 {
    to {
        top: 90%;
        left: 35%
    }
}

@-webkit-keyframes drop-131 {
    to {
        top: 90%;
        left: 44%
    }
}

@keyframes drop-131 {
    to {
        top: 90%;
        left: 44%
    }
}

@-webkit-keyframes drop-132 {
    to {
        top: 90%;
        left: 60%
    }
}

@keyframes drop-132 {
    to {
        top: 90%;
        left: 60%
    }
}

@-webkit-keyframes drop-133 {
    to {
        top: 90%;
        left: 29%
    }
}

@keyframes drop-133 {
    to {
        top: 90%;
        left: 29%
    }
}

@-webkit-keyframes drop-134 {
    to {
        top: 90%;
        left: 12%
    }
}

@keyframes drop-134 {
    to {
        top: 90%;
        left: 12%
    }
}

@-webkit-keyframes drop-135 {
    to {
        top: 90%;
        left: 37%
    }
}

@keyframes drop-135 {
    to {
        top: 90%;
        left: 37%
    }
}

@-webkit-keyframes drop-136 {
    to {
        top: 90%;
        left: 22%
    }
}

@keyframes drop-136 {
    to {
        top: 90%;
        left: 22%
    }
}

@-webkit-keyframes drop-137 {
    to {
        top: 90%;
        left: 84%
    }
}

@keyframes drop-137 {
    to {
        top: 90%;
        left: 84%
    }
}

@-webkit-keyframes drop-138 {
    to {
        top: 90%;
        left: 14%
    }
}

@keyframes drop-138 {
    to {
        top: 90%;
        left: 14%
    }
}

@-webkit-keyframes drop-139 {
    to {
        top: 90%;
        left: 78%
    }
}

@keyframes drop-139 {
    to {
        top: 90%;
        left: 78%
    }
}

@-webkit-keyframes drop-140 {
    to {
        top: 90%;
        left: 81%
    }
}

@keyframes drop-140 {
    to {
        top: 90%;
        left: 81%
    }
}

@-webkit-keyframes drop-141 {
    to {
        top: 90%;
        left: 95%
    }
}

@keyframes drop-141 {
    to {
        top: 90%;
        left: 95%
    }
}

@-webkit-keyframes drop-142 {
    to {
        top: 90%;
        left: 37%
    }
}

@keyframes drop-142 {
    to {
        top: 90%;
        left: 37%
    }
}

@-webkit-keyframes drop-143 {
    to {
        top: 90%;
        left: 52%
    }
}

@keyframes drop-143 {
    to {
        top: 90%;
        left: 52%
    }
}

@-webkit-keyframes drop-144 {
    to {
        top: 90%;
        left: 15%
    }
}

@keyframes drop-144 {
    to {
        top: 90%;
        left: 15%
    }
}

@-webkit-keyframes drop-145 {
    to {
        top: 90%;
        left: 32%
    }
}

@keyframes drop-145 {
    to {
        top: 90%;
        left: 32%
    }
}

@-webkit-keyframes drop-146 {
    to {
        top: 90%;
        left: 49%
    }
}

@keyframes drop-146 {
    to {
        top: 90%;
        left: 49%
    }
}

@-webkit-keyframes drop-147 {
    to {
        top: 90%;
        left: 44%
    }
}

@keyframes drop-147 {
    to {
        top: 90%;
        left: 44%
    }
}

@-webkit-keyframes drop-148 {
    to {
        top: 90%;
        left: 68%
    }
}

@keyframes drop-148 {
    to {
        top: 90%;
        left: 68%
    }
}

@-webkit-keyframes drop-149 {
    to {
        top: 90%;
        left: 64%
    }
}

@keyframes drop-149 {
    to {
        top: 90%;
        left: 64%
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

details,
main {
    display: block
}

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

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin: 2rem 0
}

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

a {
    background-color: transparent;
    text-underline-offset: 2px
}

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

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    max-height: 100%
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    border: 0 solid transparent;
    background: #fff;
    margin: 0;
    padding: 0
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.mdc-button {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: 0;
    outline: 0;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: 0
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, .37);
    cursor: default;
    pointer-events: none
}

.mdc-button.mdc-button--dense {
    border-radius: 4px
}

.mdc-button:not(:disabled) {
    background-color: transparent
}

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: top
}

.mdc-button .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button .mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button:not(:disabled) {
    color: #335b55;
    color: var(--mdc-theme-primary, #335B55)
}

.mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button__label+.mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button__label+.mdc-button__icon {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--outlined .mdc-button__icon,
.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl],
.mdc-button--raised .mdc-button__icon,
.mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl],
.mdc-button--unelevated .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon,
[dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon,
[dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px
}

.mdc-button--outlined .mdc-button__icon[dir=rtl],
.mdc-button--outlined .mdc-button__label+.mdc-button__icon,
.mdc-button--raised .mdc-button__icon[dir=rtl],
.mdc-button--raised .mdc-button__label+.mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
.mdc-button--unelevated .mdc-button__label+.mdc-button__icon,
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
[dir=rtl] .mdc-button--raised .mdc-button__icon,
[dir=rtl] .mdc-button--unelevated .mdc-button__icon {
    margin-left: 8px;
    margin-right: -4px
}

.mdc-button--raised,
.mdc-button--unelevated {
    padding: 0 16px
}

.mdc-button--raised:disabled,
.mdc-button--unelevated:disabled {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .37)
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
    background-color: #335b55
}

@supports not (-ms-ime-align:auto) {

    .mdc-button--raised:not(:disabled),
    .mdc-button--unelevated:not(:disabled) {
        background-color: var(--mdc-theme-primary, #335B55)
    }
}

.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
    color: #fff;
    color: var(--mdc-theme-on-primary, #fff)
}

.mdc-button--raised {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-button--raised:focus,
.mdc-button--raised:hover {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-button--raised:active {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mdc-button--raised:disabled {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mdc-button--outlined {
    border-style: solid;
    padding: 0 15px;
    border-width: 1px
}

.mdc-button--outlined:disabled {
    border-color: rgba(0, 0, 0, .37)
}

.mdc-button--outlined:not(:disabled) {
    border-color: #335b55;
    border-color: var(--mdc-theme-primary, #335B55)
}

.mdc-button--dense {
    height: 32px;
    font-size: .8125rem
}

.mdc-ripple-surface--test-edge-var-bug {
    --mdc-ripple-surface-test-edge-var: 1px solid #000;
    visibility: hidden
}

.mdc-ripple-surface--test-edge-var-bug::before {
    border: var(--mdc-ripple-surface-test-edge-var)
}

.mdc-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

.mdc-button::after,
.mdc-button::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-button::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-button.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-button.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-button.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button::after,
.mdc-button::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    background-color: #335b55
}

.mdc-button.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

@supports not (-ms-ime-align:auto) {

    .mdc-button::after,
    .mdc-button::before {
        background-color: var(--mdc-theme-primary, #335B55)
    }
}

.mdc-button:hover::before {
    opacity: .04
}

.mdc-button.mdc-ripple-upgraded--background-focused::before,
.mdc-button:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-button:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-button:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-button--raised::after,
.mdc-button--raised::before,
.mdc-button--unelevated::after,
.mdc-button--unelevated::before {
    background-color: #fff
}

@supports not (-ms-ime-align:auto) {

    .mdc-button--raised::after,
    .mdc-button--raised::before,
    .mdc-button--unelevated::after,
    .mdc-button--unelevated::before {
        background-color: var(--mdc-theme-on-primary, #fff)
    }
}

.mdc-button--raised:hover::before,
.mdc-button--unelevated:hover::before {
    opacity: .08
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised:not(.mdc-ripple-upgraded)::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-card {
    border-radius: 4px;
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-card--outlined {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    border-width: 1px;
    border-style: solid;
    border-color: #e0e0e0
}

.mdc-card__media {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mdc-card__media::before {
    display: block;
    content: ""
}

.mdc-card__media:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.mdc-card__media:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.mdc-card__media--square::before {
    margin-top: 100%
}

.mdc-card__media--16-9::before {
    margin-top: 56.25%
}

.mdc-card__media-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-card__primary-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    outline: 0;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden
}

.mdc-card__primary-action:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.mdc-card__primary-action:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.mdc-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 52px;
    padding: 8px
}

.mdc-card__actions--full-bleed {
    padding: 0
}

.mdc-card__action-buttons,
.mdc-card__action-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-card__action-icons {
    color: rgba(0, 0, 0, .6);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mdc-card__action-buttons+.mdc-card__action-icons {
    margin-left: 16px;
    margin-right: 0
}

.mdc-card__action-buttons+.mdc-card__action-icons[dir=rtl],
[dir=rtl] .mdc-card__action-buttons+.mdc-card__action-icons {
    margin-left: 0;
    margin-right: 16px
}

.mdc-card__action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-card__action:focus {
    outline: 0
}

.mdc-card__action--button {
    margin-left: 0;
    margin-right: 8px;
    padding: 0 8px
}

.mdc-card__action--button[dir=rtl],
[dir=rtl] .mdc-card__action--button {
    margin-left: 8px;
    margin-right: 0
}

.mdc-card__action--button:last-child,
.mdc-card__action--button:last-child[dir=rtl],
[dir=rtl] .mdc-card__action--button:last-child {
    margin-left: 0;
    margin-right: 0
}

.mdc-card__actions--full-bleed .mdc-card__action--button {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 8px 16px;
    text-align: left
}

.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl],
[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button {
    text-align: right
}

.mdc-card__action--icon {
    margin: -6px 0;
    padding: 12px
}

.mdc-card__action--icon:not(:disabled) {
    color: rgba(0, 0, 0, .6)
}

.mdc-card__primary-action {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

.mdc-card__primary-action::after,
.mdc-card__primary-action::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-card__primary-action::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-card__primary-action.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-card__primary-action.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-card__primary-action::after,
.mdc-card__primary-action::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    background-color: #000
}

.mdc-card__primary-action.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-card__primary-action:hover::before {
    opacity: .04
}

.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before,
.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-card__primary-action.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-checkbox {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18px;
    flex: 0 0 18px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    padding: 11px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: rgba(0, 0, 0, .54);
    background-color: transparent
}

.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-in-background-0;
    animation-name: mdc-checkbox-fade-in-background-0
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-out-background-0;
    animation-name: mdc-checkbox-fade-out-background-0
}

.mdc-checkbox__checkmark {
    color: #fff
}

.mdc-checkbox__mixedmark {
    border-color: #fff
}

.mdc-checkbox__background::before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-checkbox__background::before {
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: rgba(0, 0, 0, .26)
}

.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
    border-color: transparent;
    background-color: rgba(0, 0, 0, .26)
}

@media screen and (-ms-high-contrast:active) {
    .mdc-checkbox__mixedmark {
        margin: 0 1px
    }
}

.mdc-checkbox--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-checkbox__background {
    left: 11px;
    right: initial;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 11px;
    bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45%;
    height: 45%;
    border: 2px solid currentColor;
    border-radius: 2px;
    background-color: transparent;
    pointer-events: none;
    will-change: background-color, border-color;
    -webkit-transition: background-color 90ms 0ms cubic-bezier(.4, 0, .6, 1), border-color 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: background-color 90ms 0ms cubic-bezier(.4, 0, .6, 1), border-color 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: background-color 90ms 0ms cubic-bezier(.4, 0, .6, 1), border-color 90ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-checkbox[dir=rtl] .mdc-checkbox__background,
[dir=rtl] .mdc-checkbox .mdc-checkbox__background {
    left: initial;
    right: 11px
}

.mdc-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 180ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: opacity 180ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 180ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
    opacity: 1
}

.mdc-checkbox__checkmark-path {
    -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: stroke-dashoffset 180ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: stroke-dashoffset 180ms 0ms cubic-bezier(.4, 0, .6, 1);
    stroke: currentColor;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.7833385;
    stroke-dasharray: 29.7833385
}

.mdc-checkbox__mixedmark {
    width: 100%;
    height: 0;
    -webkit-transform: scaleX(0) rotate(0deg);
    -ms-transform: scaleX(0) rotate(0deg);
    transform: scaleX(0) rotate(0deg);
    border-width: 1px;
    border-style: solid;
    opacity: 0;
    -webkit-transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 90ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
    -webkit-animation-duration: 180ms;
    animation-duration: 180ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
    -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
    animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
    animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
    -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
    animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
    -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
    animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
    animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
    -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
    animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
    animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
    -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
    animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
    -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, .2, 1), background-color 90ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: border-color 90ms 0ms cubic-bezier(0, 0, .2, 1), background-color 90ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: border-color 90ms 0ms cubic-bezier(0, 0, .2, 1), background-color 90ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke-dashoffset: 0
}

.mdc-checkbox__background::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    will-change: opacity, transform;
    -webkit-transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 90ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-checkbox__native-control:focus~.mdc-checkbox__background::before {
    -webkit-transform: scale(2.75, 2.75);
    -ms-transform: scale(2.75, 2.75);
    transform: scale(2.75, 2.75);
    opacity: .12;
    -webkit-transition: opacity 80ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: opacity 80ms 0ms cubic-bezier(0, 0, .2, 1), transform 80ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 80ms 0ms cubic-bezier(0, 0, .2, 1), transform 80ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 80ms 0ms cubic-bezier(0, 0, .2, 1), transform 80ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit
}

.mdc-checkbox__native-control:disabled {
    cursor: default;
    pointer-events: none
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
    -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: opacity 180ms 0ms cubic-bezier(0, 0, .2, 1), transform 180ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, .2, 1), transform 180ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 180ms 0ms cubic-bezier(0, 0, .2, 1), transform 180ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, .2, 1);
    opacity: 1
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    -webkit-transform: scaleX(1) rotate(-45deg);
    -ms-transform: scaleX(1) rotate(-45deg);
    transform: scaleX(1) rotate(-45deg)
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    -webkit-transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 90ms 0ms cubic-bezier(.4, 0, .6, 1), transform 90ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 90ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    -webkit-transform: scaleX(1) rotate(0deg);
    -ms-transform: scaleX(1) rotate(0deg);
    transform: scaleX(1) rotate(0deg);
    opacity: 1
}

.mdc-checkbox {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

.mdc-checkbox::after,
.mdc-checkbox::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-checkbox::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-checkbox.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-checkbox.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-checkbox::after,
.mdc-checkbox::before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {

    .mdc-checkbox::after,
    .mdc-checkbox::before {
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

.mdc-checkbox:hover::before {
    opacity: .04
}

.mdc-checkbox.mdc-ripple-upgraded--background-focused::before,
.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-checkbox.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-checkbox::after,
.mdc-checkbox::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%
}

.mdc-checkbox.mdc-ripple-upgraded::after,
.mdc-checkbox.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
    content: none
}

.mdc-dialog,
.mdc-dialog__scrim {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.mdc-dialog {
    display: none;
    z-index: 7
}

.mdc-dialog .mdc-dialog__surface {
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff)
}

.mdc-dialog .mdc-dialog__scrim {
    background-color: rgba(0, 0, 0, .32)
}

.mdc-dialog .mdc-dialog__title {
    color: rgba(0, 0, 0, .87)
}

.mdc-dialog .mdc-dialog__content {
    color: rgba(0, 0, 0, .6)
}

.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions,
.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
    border-color: rgba(0, 0, 0, .12)
}

.mdc-dialog .mdc-dialog__surface {
    min-width: 280px
}

@media (max-width:592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: calc(100vw - 32px)
    }
}

@media (min-width:592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: 560px
    }
}

.mdc-dialog .mdc-dialog__surface {
    max-height: calc(100vh - 32px);
    border-radius: 4px
}

.mdc-dialog__scrim {
    opacity: 0;
    z-index: -1
}

.mdc-dialog__container,
.mdc-dialog__surface {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-dialog__container {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.mdc-dialog__surface {
    -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%;
    max-height: 100%
}

.mdc-dialog[dir=rtl] .mdc-dialog__surface,
.mdc-dialog[dir=rtl] .mdc-dialog__title,
[dir=rtl] .mdc-dialog .mdc-dialog__surface,
[dir=rtl] .mdc-dialog .mdc-dialog__title {
    text-align: right
}

.mdc-dialog__content,
.mdc-dialog__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    text-transform: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}

.mdc-dialog__title {
    line-height: normal;
    display: block;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-bottom: 1px solid transparent;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    padding: 0 24px 9px
}

.mdc-dialog__title::before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

.mdc-dialog--scrollable .mdc-dialog__title {
    padding-bottom: 15px
}

.mdc-dialog__content {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .03125em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 20px 24px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mdc-dialog__content>:first-child {
    margin-top: 0
}

.mdc-dialog__content>:last-child {
    margin-bottom: 0
}

.mdc-dialog__title+.mdc-dialog__content {
    padding-top: 0
}

.mdc-dialog--scrollable .mdc-dialog__content {
    padding-top: 8px;
    padding-bottom: 8px
}

.mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 6px 0 0
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 0
}

.mdc-dialog__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid transparent
}

.mdc-dialog--stacked .mdc-dialog__actions {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mdc-dialog__button {
    margin-left: 8px;
    margin-right: 0;
    max-width: 100%;
    text-align: right
}

.mdc-dialog__button[dir=rtl],
[dir=rtl] .mdc-dialog__button {
    margin-left: 0;
    margin-right: 8px
}

.mdc-dialog__button:first-child,
.mdc-dialog__button:first-child[dir=rtl],
[dir=rtl] .mdc-dialog__button:first-child {
    margin-left: 0;
    margin-right: 0
}

.mdc-dialog[dir=rtl] .mdc-dialog__button,
[dir=rtl] .mdc-dialog .mdc-dialog__button {
    text-align: left
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px
}

.mdc-dialog--closing,
.mdc-dialog--open,
.mdc-dialog--opening {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mdc-dialog--opening .mdc-dialog__scrim {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-dialog--opening .mdc-dialog__container {
    -webkit-transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-dialog--closing .mdc-dialog__container,
.mdc-dialog--closing .mdc-dialog__scrim {
    -webkit-transition: opacity 75ms linear;
    -o-transition: opacity 75ms linear;
    transition: opacity 75ms linear
}

.mdc-dialog--closing .mdc-dialog__container {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.mdc-dialog--open .mdc-dialog__scrim {
    opacity: 1
}

.mdc-dialog--open .mdc-dialog__container {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mdc-dialog-scroll-lock,
.mdc-drawer {
    overflow: hidden
}

.mdc-drawer {
    border-color: rgba(0, 0, 0, .12);
    background-color: #fff;
    border-radius: 0 0 0 0;
    z-index: 6;
    width: 256px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-right-width: 1px;
    border-right-style: solid
}

.mdc-drawer .mdc-drawer__title {
    color: rgba(0, 0, 0, .87)
}

.mdc-drawer .mdc-drawer__subtitle,
.mdc-drawer .mdc-list-group__subheader,
.mdc-drawer .mdc-list-item__graphic {
    color: rgba(0, 0, 0, .6)
}

.mdc-drawer .mdc-list-item {
    color: rgba(0, 0, 0, .87)
}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
    color: #335b55
}

.mdc-drawer .mdc-list-item--activated {
    color: rgba(98, 0, 238, .87)
}

.mdc-drawer[dir=rtl],
[dir=rtl] .mdc-drawer {
    border-radius: 0 0 0 0
}

.mdc-drawer .mdc-list-item {
    border-radius: 4px
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
    margin-left: 256px;
    margin-right: 0
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl],
[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
    margin-left: 0;
    margin-right: 256px
}

.mdc-drawer[dir=rtl],
[dir=rtl] .mdc-drawer {
    border-right-width: 0;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: solid
}

.mdc-drawer .mdc-list-item {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .0071428571em;
    text-decoration: inherit;
    text-transform: inherit;
    height: calc(48px - 2*4px);
    margin: 8px;
    padding: 0 8px
}

.mdc-drawer .mdc-list-item:nth-child(1) {
    margin-top: 2px
}

.mdc-drawer .mdc-list-item:nth-last-child(1) {
    margin-bottom: 0
}

.mdc-drawer .mdc-list-group__subheader {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    padding: 0 16px
}

.mdc-drawer .mdc-list-group__subheader::before,
.mdc-drawer__title::before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-drawer .mdc-list-divider {
    margin: 3px 0 4px
}

.mdc-drawer .mdc-list-item__graphic,
.mdc-drawer .mdc-list-item__text {
    pointer-events: none
}

.mdc-drawer--animate {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mdc-drawer--animate[dir=rtl],
[dir=rtl] .mdc-drawer--animate {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.mdc-drawer--opening {
    -webkit-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms
}

.mdc-drawer--opening,
.mdc-drawer--opening[dir=rtl],
[dir=rtl] .mdc-drawer--opening {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.mdc-drawer--closing {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms
}

.mdc-drawer--closing[dir=rtl],
[dir=rtl] .mdc-drawer--closing {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.mdc-drawer__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 64px;
    padding: 0 16px 4px
}

.mdc-drawer__subtitle,
.mdc-drawer__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-drawer__title::before {
    height: 36px
}

.mdc-drawer__subtitle::before,
.mdc-drawer__title::after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-drawer__subtitle {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    margin-bottom: 0
}

.mdc-drawer__subtitle::before {
    vertical-align: 0
}

.mdc-drawer__content {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mdc-drawer--dismissible {
    left: 0;
    right: initial;
    display: none;
    position: absolute
}

.mdc-drawer--dismissible[dir=rtl],
[dir=rtl] .mdc-drawer--dismissible {
    left: initial;
    right: 0
}

.mdc-drawer--dismissible.mdc-drawer--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mdc-drawer-app-content {
    position: relative
}

.mdc-drawer-app-content,
.mdc-drawer-app-content[dir=rtl],
[dir=rtl] .mdc-drawer-app-content {
    margin-left: 0;
    margin-right: 0
}

.mdc-drawer--modal {
    -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    left: 0;
    right: initial;
    display: none;
    position: fixed
}

.mdc-drawer--modal+.mdc-drawer-scrim {
    background-color: rgba(0, 0, 0, .32)
}

.mdc-drawer--modal[dir=rtl],
[dir=rtl] .mdc-drawer--modal {
    left: initial;
    right: 0
}

.mdc-drawer--modal.mdc-drawer--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mdc-drawer-scrim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 5
}

.mdc-drawer--open+.mdc-drawer-scrim {
    display: block
}

.mdc-drawer--animate+.mdc-drawer-scrim {
    opacity: 0
}

.mdc-drawer--opening+.mdc-drawer-scrim {
    -webkit-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1
}

.mdc-drawer--closing+.mdc-drawer-scrim {
    -webkit-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    opacity: 0
}

.mdc-elevation--z0 {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mdc-elevation--z1 {
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.mdc-elevation--z2 {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdc-elevation--z3 {
    -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.mdc-elevation--z4 {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-elevation--z5 {
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12)
}

.mdc-elevation-transition {
    -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow
}

.mdc-fab {
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    fill: currentColor;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    -webkit-transition: opacity 15ms linear 30ms, -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, .2, 1);
    background-color: #018786;
    color: #fff;
    color: var(--mdc-theme-on-secondary, #fff)
}

.mdc-fab:not(.mdc-fab--extended) {
    border-radius: 50%
}

.mdc-fab::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-fab:focus,
.mdc-fab:hover {
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mdc-fab:active {
    -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.mdc-fab:active,
.mdc-fab:focus {
    outline: 0
}

.mdc-fab:hover {
    cursor: pointer
}

.mdc-fab>svg {
    width: 100%
}

@supports not (-ms-ime-align:auto) {
    .mdc-fab {
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

.mdc-fab .mdc-fab__icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.mdc-fab--mini {
    width: 40px;
    height: 40px
}

.mdc-fab--extended {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 24px;
    padding: 0 20px;
    width: auto;
    max-width: 100%;
    height: 48px
}

.mdc-fab--extended .mdc-fab__icon,
.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon[dir=rtl],
[dir=rtl] .mdc-fab--extended .mdc-fab__label+.mdc-fab__icon {
    margin-left: -8px;
    margin-right: 12px
}

.mdc-fab--extended .mdc-fab__icon[dir=rtl],
.mdc-fab--extended .mdc-fab__label+.mdc-fab__icon,
[dir=rtl] .mdc-fab--extended .mdc-fab__icon {
    margin-left: 12px;
    margin-right: -8px
}

.mdc-fab__label {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-fab__icon {
    -webkit-transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, .2, 1);
    -o-transition: transform 180ms 90ms cubic-bezier(0, 0, .2, 1);
    transition: transform 180ms 90ms cubic-bezier(0, 0, .2, 1);
    transition: transform 180ms 90ms cubic-bezier(0, 0, .2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, .2, 1);
    fill: currentColor;
    will-change: transform
}

.mdc-fab .mdc-fab__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mdc-fab--exited,
.mdc-fab--exited .mdc-fab__icon {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.mdc-fab--exited {
    opacity: 0;
    -webkit-transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(.4, 0, 1, 1);
    -o-transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(.4, 0, 1, 1);
    transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(.4, 0, 1, 1);
    transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(.4, 0, 1, 1)
}

.mdc-fab--exited .mdc-fab__icon {
    -webkit-transition: -webkit-transform 135ms 0ms cubic-bezier(.4, 0, 1, 1);
    -o-transition: transform 135ms 0ms cubic-bezier(.4, 0, 1, 1);
    transition: transform 135ms 0ms cubic-bezier(.4, 0, 1, 1);
    transition: transform 135ms 0ms cubic-bezier(.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(.4, 0, 1, 1)
}

.mdc-fab {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

.mdc-fab::after,
.mdc-fab::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-fab::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-fab.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-fab.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-fab.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-fab.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-fab::after,
.mdc-fab::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    background-color: #fff
}

.mdc-fab.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

@supports not (-ms-ime-align:auto) {

    .mdc-fab::after,
    .mdc-fab::before {
        background-color: var(--mdc-theme-on-secondary, #fff)
    }
}

.mdc-fab:hover::before {
    opacity: .08
}

.mdc-fab.mdc-ripple-upgraded--background-focused::before,
.mdc-fab:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-fab:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-fab:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-fab.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-floating-label {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: color 150ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform 150ms cubic-bezier(.4, 0, .2, 1), color 150ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 150ms cubic-bezier(.4, 0, .2, 1), color 150ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 150ms cubic-bezier(.4, 0, .2, 1), color 150ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);
    line-height: 1.15rem;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

.mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-floating-label {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto;
    -webkit-transform: translateY(-50%) scale(.75);
    -ms-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75)
}

.mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
    animation: mdc-floating-label-shake-float-above-standard 250ms 1
}

.mdc-form-field {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

.mdc-form-field>label {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-right: auto;
    padding-left: 4px
}

.mdc-form-field--align-end>label,
.mdc-form-field[dir=rtl]>label,
[dir=rtl] .mdc-form-field>label {
    margin-left: auto;
    padding-right: 4px
}

.mdc-form-field--align-end>label {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.mdc-form-field--align-end[dir=rtl]>label,
[dir=rtl] .mdc-form-field--align-end>label {
    margin-right: auto;
    padding-left: 4px
}

.mdc-grid-tile__primary {
    padding-bottom: calc(100%/1)
}

.mdc-grid-tile {
    margin: 2px 0;
    padding: 0 2px
}

.mdc-grid-tile__secondary {
    left: 2px;
    width: calc(100% - 4px)
}

.mdc-grid-list__tiles {
    margin: 2px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-tile {
    margin: .5px 0;
    padding: 0 .5px
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary {
    left: .5px;
    width: calc(100% - 1px)
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles {
    margin: .5px auto
}

.mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary {
    padding-bottom: calc(100%/1.7777777778)
}

.mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary {
    padding-bottom: calc(100%/1.5)
}

.mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary {
    padding-bottom: calc(100%/.6666666667)
}

.mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary {
    padding-bottom: calc(100%/1.3333333333)
}

.mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary {
    padding-bottom: calc(100%/.75)
}

.mdc-grid-tile {
    display: block;
    position: relative;
    width: 200px;
    width: var(--mdc-grid-list-tile-width, 200px)
}

.mdc-grid-tile__primary {
    background-color: #fff;
    background-color: var(--mdc-theme-background, #fff);
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    position: relative;
    height: 0
}

.mdc-grid-tile__primary-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mdc-grid-tile__secondary {
    background-color: #335b55;
    background-color: var(--mdc-theme-primary, #335B55);
    color: #fff;
    color: var(--mdc-theme-on-primary, #fff);
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    padding: 16px
}

.mdc-grid-tile__support-text,
.mdc-grid-tile__title {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500
}

.mdc-grid-tile__support-text {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    margin: 4px 0 0
}

.mdc-grid-tile__icon {
    position: absolute;
    top: calc(50% - 24px/2);
    font-size: 0
}

.mdc-grid-list--twoline-caption .mdc-grid-tile__secondary {
    height: 68px
}

.mdc-grid-list--header-caption .mdc-grid-tile__secondary {
    top: 0;
    bottom: auto
}

.mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
    padding-left: 56px;
    padding-right: 8px
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary,
[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
    padding-left: 8px;
    padding-right: 56px
}

.mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
    left: 16px;
    right: initial;
    font-size: 24px
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon,
[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
    left: initial;
    right: 16px
}

.mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
    padding-left: 16px;
    padding-right: 56px
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary,
[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
    padding-left: 56px;
    padding-right: 16px
}

.mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
    left: initial;
    right: 16px;
    font-size: 24px
}

.mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon,
[dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
    left: 16px;
    right: initial
}

.mdc-icon-button {
    width: 48px;
    height: 48px;
    padding: 12px;
    font-size: 24px;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-icon-button img,
.mdc-icon-button svg {
    width: 24px;
    height: 24px
}

.mdc-icon-button:disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
    cursor: default;
    pointer-events: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on,
.mdc-icon-button__icon {
    display: inline-block
}

.mdc-icon-button--on .mdc-icon-button__icon,
.mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none
}

.mdc-icon-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

.mdc-icon-button::after,
.mdc-icon-button::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-icon-button::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-icon-button.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-icon-button.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-icon-button::after,
.mdc-icon-button::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%;
    background-color: #000
}

.mdc-icon-button.mdc-ripple-upgraded::after,
.mdc-icon-button.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-icon-button:hover::before {
    opacity: .04
}

.mdc-icon-button.mdc-ripple-upgraded--background-focused::before,
.mdc-icon-button:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-icon-button:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-icon-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-image-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0
}

.mdc-image-list__image-aspect-container,
.mdc-image-list__item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-image-list__item {
    list-style-type: none
}

.mdc-image-list__image {
    width: 100%
}

.mdc-image-list__image-aspect-container .mdc-image-list__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.mdc-image-list__image-aspect-container {
    padding-bottom: calc(100%/1)
}

.mdc-image-list__image {
    border-radius: 0
}

.mdc-image-list--with-text-protection .mdc-image-list__supporting {
    border-radius: 0 0 0 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background: rgba(0, 0, 0, .6);
    color: #fff
}

.mdc-image-list__supporting {
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0;
    line-height: 24px
}

.mdc-image-list__label {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-image-list--masonry {
    display: block
}

.mdc-image-list--masonry .mdc-image-list__item {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column
}

.mdc-image-list--masonry .mdc-image-list__image {
    display: block;
    height: auto
}

:root {
    --mdc-layout-grid-margin-desktop: 24px;
    --mdc-layout-grid-gutter-desktop: 24px;
    --mdc-layout-grid-column-width-desktop: 72px;
    --mdc-layout-grid-margin-tablet: 16px;
    --mdc-layout-grid-gutter-tablet: 16px;
    --mdc-layout-grid-column-width-tablet: 72px;
    --mdc-layout-grid-margin-phone: 16px;
    --mdc-layout-grid-gutter-phone: 16px;
    --mdc-layout-grid-column-width-phone: 72px
}

@media (min-width:840px) {
    .mdc-layout-grid {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 24px;
        padding: var(--mdc-layout-grid-margin-desktop, 24px)
    }
}

@media (min-width:480px) and (max-width:839px) {
    .mdc-layout-grid {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 16px;
        padding: var(--mdc-layout-grid-margin-tablet, 16px)
    }
}

@media (max-width:479px) {
    .mdc-layout-grid {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 16px;
        padding: var(--mdc-layout-grid-margin-phone, 16px)
    }
}

@media (min-width:840px) {
    .mdc-layout-grid__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -12px;
        margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px)/2*-1)
    }

    @supports (display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 24px;
            grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }
}

@media (min-width:480px) and (max-width:839px) {
    .mdc-layout-grid__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -8px;
        margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px)/2*-1)
    }

    @supports (display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 16px;
            grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
    }
}

@media (max-width:479px) {
    .mdc-layout-grid__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -8px;
        margin: calc(var(--mdc-layout-grid-gutter-phone, 16px)/2*-1)
    }

    @supports (display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 16px;
            grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
}

@media (min-width:840px) {
    .mdc-layout-grid__cell {
        width: calc(33.3333333333% - 24px);
        width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 12px;
        margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px)/2)
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4
        }
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            margin: 0
        }
    }

    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-desktop {
        width: calc(8.3333333333% - 24px);
        width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-desktop {
            width: auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-desktop {
        width: calc(16.6666666667% - 24px);
        width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-desktop {
            width: auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-desktop {
        width: calc(25% - 24px);
        width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-desktop {
            width: auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-desktop {
        width: calc(33.3333333333% - 24px);
        width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-desktop {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-desktop {
        width: calc(41.6666666667% - 24px);
        width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-desktop {
            width: auto;
            grid-column-end: span 5
        }
    }

    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-desktop {
        width: calc(50% - 24px);
        width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-desktop {
            width: auto;
            grid-column-end: span 6
        }
    }

    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-desktop {
        width: calc(58.3333333333% - 24px);
        width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-desktop {
            width: auto;
            grid-column-end: span 7
        }
    }

    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-desktop {
        width: calc(66.6666666667% - 24px);
        width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-desktop {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-desktop {
        width: calc(75% - 24px);
        width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-desktop {
            width: auto;
            grid-column-end: span 9
        }
    }

    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-desktop {
        width: calc(83.3333333333% - 24px);
        width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-desktop {
            width: auto;
            grid-column-end: span 10
        }
    }

    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-desktop {
        width: calc(91.6666666667% - 24px);
        width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-desktop {
            width: auto;
            grid-column-end: span 11
        }
    }

    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-desktop {
        width: calc(100% - 24px);
        width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-desktop {
            width: auto;
            grid-column-end: span 12
        }
    }
}

@media (min-width:480px) and (max-width:839px) {
    .mdc-layout-grid__cell {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 8px;
        margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px)/2)
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4
        }
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            margin: 0
        }
    }

    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-tablet {
        width: calc(12.5% - 16px);
        width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-tablet {
            width: auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-tablet {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-tablet {
            width: auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-tablet {
        width: calc(37.5% - 16px);
        width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-tablet {
            width: auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-tablet {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-tablet {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-tablet {
        width: calc(62.5% - 16px);
        width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-tablet {
            width: auto;
            grid-column-end: span 5
        }
    }

    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-tablet {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-tablet {
            width: auto;
            grid-column-end: span 6
        }
    }

    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-tablet {
        width: calc(87.5% - 16px);
        width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-tablet {
            width: auto;
            grid-column-end: span 7
        }
    }

    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }
}

@media (max-width:479px) {
    .mdc-layout-grid__cell {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 8px;
        margin: calc(var(--mdc-layout-grid-gutter-phone, 16px)/2)
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4
        }
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            margin: 0
        }
    }

    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-phone {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-phone {
            width: auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-phone {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-phone {
            width: auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-phone {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-phone {
            width: auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports (display:grid) {

        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-phone {
            width: auto;
            grid-column-end: span 4
        }
    }
}

.mdc-layout-grid__cell--order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.mdc-layout-grid__cell--order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.mdc-layout-grid__cell--order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.mdc-layout-grid__cell--order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.mdc-layout-grid__cell--order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.mdc-layout-grid__cell--order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.mdc-layout-grid__cell--order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.mdc-layout-grid__cell--order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.mdc-layout-grid__cell--order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.mdc-layout-grid__cell--order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.mdc-layout-grid__cell--order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.mdc-layout-grid__cell--order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

.mdc-layout-grid__cell--align-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

@supports (display:grid) {
    .mdc-layout-grid__cell--align-top {
        -ms-flex-item-align: start;
        align-self: start
    }
}

.mdc-layout-grid__cell--align-middle {
    -ms-flex-item-align: center;
    align-self: center
}

.mdc-layout-grid__cell--align-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@supports (display:grid) {
    .mdc-layout-grid__cell--align-bottom {
        -ms-flex-item-align: end;
        align-self: end
    }
}

@media (min-width:840px) {
    .mdc-layout-grid--fixed-column-width {
        width: 1176px;
        width: calc(var(--mdc-layout-grid-column-width-desktop, 72px)*12 + var(--mdc-layout-grid-gutter-desktop, 24px)*11 + var(--mdc-layout-grid-margin-desktop, 24px)*2)
    }
}

@media (min-width:480px) and (max-width:839px) {
    .mdc-layout-grid--fixed-column-width {
        width: 720px;
        width: calc(var(--mdc-layout-grid-column-width-tablet, 72px)*8 + var(--mdc-layout-grid-gutter-tablet, 16px)*7 + var(--mdc-layout-grid-margin-tablet, 16px)*2)
    }
}

@media (max-width:479px) {
    .mdc-layout-grid--fixed-column-width {
        width: 368px;
        width: calc(var(--mdc-layout-grid-column-width-phone, 72px)*4 + var(--mdc-layout-grid-gutter-phone, 16px)*3 + var(--mdc-layout-grid-margin-phone, 16px)*2)
    }
}

.mdc-layout-grid--align-left {
    margin-right: auto;
    margin-left: 0
}

.mdc-layout-grid--align-right {
    margin-right: 0;
    margin-left: auto
}

.mdc-line-ripple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity 180ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 180ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform 180ms cubic-bezier(.4, 0, .2, 1), opacity 180ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 180ms cubic-bezier(.4, 0, .2, 1), opacity 180ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 180ms cubic-bezier(.4, 0, .2, 1), opacity 180ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 180ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    z-index: 2
}

.mdc-line-ripple--active {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating {
    opacity: 0
}

.mdc-linear-progress {
    position: relative;
    width: 100%;
    height: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: opacity 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    overflow: hidden
}

.mdc-linear-progress__bar,
.mdc-linear-progress__bar-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: none;
    animation: none
}

.mdc-linear-progress__bar {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: transform 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: transform 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: transform 250ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 250ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-linear-progress__bar-inner {
    display: inline-block
}

.mdc-linear-progress__buffering-dots {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: buffering 250ms infinite linear;
    animation: buffering 250ms infinite linear;
    background-repeat: repeat-x;
    background-size: 10px 4px
}

.mdc-linear-progress__buffer {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: -webkit-transform 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: transform 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: transform 250ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: transform 250ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 250ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-linear-progress__primary-bar {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.mdc-linear-progress__secondary-bar {
    visibility: hidden
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
    left: -145.166611%;
    -webkit-animation: primary-indeterminate-translate 2s infinite linear;
    animation: primary-indeterminate-translate 2s infinite linear
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner {
    -webkit-animation: primary-indeterminate-scale 2s infinite linear;
    animation: primary-indeterminate-scale 2s infinite linear
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
    left: -54.888891%;
    -webkit-animation: secondary-indeterminate-translate 2s infinite linear;
    animation: secondary-indeterminate-translate 2s infinite linear;
    visibility: visible
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner {
    -webkit-animation: secondary-indeterminate-scale 2s infinite linear;
    animation: secondary-indeterminate-scale 2s infinite linear
}

.mdc-linear-progress--reversed .mdc-linear-progress__bar,
.mdc-linear-progress--reversed .mdc-linear-progress__buffer {
    right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right
}

.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
    -webkit-animation-name: primary-indeterminate-translate-reverse;
    animation-name: primary-indeterminate-translate-reverse
}

.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
    -webkit-animation-name: secondary-indeterminate-translate-reverse;
    animation-name: secondary-indeterminate-translate-reverse
}

.mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
    -webkit-animation: buffering-reverse 250ms infinite linear;
    animation: buffering-reverse 250ms infinite linear
}

.mdc-linear-progress--closed {
    opacity: 0
}

.mdc-linear-progress__bar-inner {
    background-color: #335b55;
    background-color: var(--mdc-theme-primary, #335B55)
}

.mdc-linear-progress__buffering-dots {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E")
}

.mdc-linear-progress__buffer {
    background-color: #e6e6e6
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
    right: -145.166611%;
    left: auto
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
    right: -54.888891%;
    left: auto
}

.mdc-list {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    line-height: 1.5rem;
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
}

.mdc-list-item:focus,
.mdc-list:focus {
    outline: 0
}

.mdc-list-item__secondary-text {
    color: rgba(0, 0, 0, .54);
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))
}

.mdc-list-item__graphic {
    background-color: transparent;
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))
}

.mdc-list-item__meta {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))
}

.mdc-list-group__subheader {
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))
}

.mdc-list--dense {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .812rem
}

.mdc-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 48px;
    padding: 0 16px;
    overflow: hidden
}

.mdc-list-item--activated,
.mdc-list-item--activated .mdc-list-item__graphic,
.mdc-list-item--selected,
.mdc-list-item--selected .mdc-list-item__graphic {
    color: #335b55;
    color: var(--mdc-theme-primary, #335B55)
}

.mdc-list-item--disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38))
}

.mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: currentColor
}

.mdc-list-item[dir=rtl] .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list .mdc-list-item__graphic {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mdc-list-item__meta {
    margin-left: auto;
    margin-right: 0
}

.mdc-list-item__meta:not(.material-icons) {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta,
[dir=rtl] .mdc-list-item .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

.mdc-list-item__primary-text,
.mdc-list-item__secondary-text,
.mdc-list-item__text {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item__text[for] {
    pointer-events: none
}

.mdc-list-item__primary-text,
.mdc-list-item__secondary-text {
    margin-top: 0;
    line-height: normal;
    display: block
}

.mdc-list-item__primary-text {
    margin-bottom: -20px
}

.mdc-list--dense .mdc-list-item__primary-text::before,
.mdc-list-item__primary-text::before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--dense .mdc-list-item__primary-text::before {
    height: 24px
}

.mdc-list--dense .mdc-list-item__primary-text::after,
.mdc-list-item__primary-text::after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item__secondary-text {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-list--dense .mdc-list-item__secondary-text::before,
.mdc-list-item__secondary-text::before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__secondary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    font-size: inherit
}

.mdc-list--dense .mdc-list-item {
    height: 40px
}

.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 36px;
    width: 20px;
    height: 20px
}

.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
    margin-left: 36px;
    margin-right: 0
}

.mdc-list--avatar-list .mdc-list-item {
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-form-field>.mdc-text-field+label,
.mdc-list--two-line .mdc-list-item__text {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-list--two-line .mdc-list-item {
    height: 72px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item,
.mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 20px;
    width: 36px;
    height: 36px
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 20px;
    margin-right: 0
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    cursor: pointer
}

a.mdc-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-list-divider {
    height: 0;
    margin: 0;
    border: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mdc-list-divider--padded {
    margin: 0 16px
}

.mdc-list-divider--inset {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list-group[dir=rtl] .mdc-list-divider--inset,
[dir=rtl] .mdc-list-group .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list-divider--inset.mdc-list-divider--padded {
    width: calc(100% - 72px - 16px)
}

.mdc-list-group .mdc-list {
    padding: 0
}

.mdc-list-group__subheader {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    margin: .75rem 16px
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled::after,
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled::before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::after,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled::before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::after,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    background-color: #000
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover::before {
    opacity: .04
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::before {
    opacity: .12;
    background-color: #335b55
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::after {
    background-color: #335b55
}

@supports not (-ms-ime-align:auto) {

    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::after,
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::before {
        background-color: var(--mdc-theme-primary, #335B55)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
    opacity: .16
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected::before {
    opacity: .08;
    background-color: #335b55
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected::after {
    background-color: #335b55
}

@supports not (-ms-ime-align:auto) {

    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected::after,
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected::before {
        background-color: var(--mdc-theme-primary, #335B55)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.2
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled::after,
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    background-color: #000
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused::before,
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-menu {
    min-width: 112px
}

.mdc-menu .mdc-list,
.mdc-menu .mdc-list-item__graphic,
.mdc-menu .mdc-list-item__meta {
    color: rgba(0, 0, 0, .87)
}

.mdc-menu .mdc-list-divider {
    margin: 8px 0
}

.mdc-menu .mdc-list-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-menu .mdc-list-item--disabled {
    cursor: auto
}

.mdc-menu a.mdc-list-item .mdc-list-item__graphic,
.mdc-menu a.mdc-list-item .mdc-list-item__text {
    pointer-events: none
}

.mdc-menu__selection-group {
    padding: 0;
    fill: currentColor
}

.mdc-menu__selection-group .mdc-list-item {
    padding-left: 56px;
    padding-right: 16px
}

.mdc-menu__selection-group .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-menu__selection-group .mdc-list-item {
    padding-left: 16px;
    padding-right: 56px
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: 16px;
    right: initial;
    display: none;
    position: absolute
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl],
[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: initial;
    right: 16px
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
    display: inline
}

.mdc-menu-surface {
    display: none;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
    overflow: auto;
    will-change: transform, opacity;
    z-index: 8;
    -webkit-transition: opacity .03s linear, -webkit-transform .12s cubic-bezier(0, 0, .2, 1);
    -o-transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1);
    transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1);
    transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1), -webkit-transform .12s cubic-bezier(0, 0, .2, 1);
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    color: #000;
    color: var(--mdc-theme-on-surface, #000);
    border-radius: 4px;
    transform-origin-left: top left;
    transform-origin-right: top right
}

.mdc-menu-surface:focus {
    outline: 0
}

.mdc-menu-surface--open {
    display: inline-block;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mdc-menu-surface--animating-open {
    display: inline-block;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mdc-menu-surface--animating-closed {
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity .075s linear;
    -o-transition: opacity .075s linear;
    transition: opacity .075s linear
}

.mdc-menu-surface[dir=rtl],
[dir=rtl] .mdc-menu-surface {
    transform-origin-left: top right;
    transform-origin-right: top left
}

.mdc-menu-surface--anchor {
    position: relative;
    overflow: visible
}

.mdc-menu-surface--fixed {
    position: fixed
}

.mdc-notched-outline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.mdc-notched-outline[dir=rtl],
[dir=rtl] .mdc-notched-outline {
    text-align: right
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    -webkit-transition: border 150ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: border 150ms cubic-bezier(.4, 0, .2, 1);
    transition: border 150ms cubic-bezier(.4, 0, .2, 1);
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

.mdc-notched-outline__leading[dir=rtl],
.mdc-notched-outline__trailing,
[dir=rtl] .mdc-notched-outline__leading {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-notched-outline__trailing {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch,
.mdc-radio {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.mdc-notched-outline__notch {
    max-width: calc(100% - 12px*2);
    width: auto
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    top: 17px;
    bottom: auto;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    -o-text-overflow: clip;
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: calc(100%/.75)
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl],
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    padding: 0
}

.mdc-radio {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, .54)
}

.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786)
}

.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786)
}

.mdc-radio .mdc-radio__background::before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio .mdc-radio__background::before {
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

.mdc-radio__background,
.mdc-radio__outer-circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-radio__background {
    display: inline-block;
    position: absolute;
    left: 10px;
    width: 50%;
    height: 50%
}

.mdc-radio__background::before {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    -webkit-transition: opacity 120ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: opacity 120ms 0ms cubic-bezier(.4, 0, .6, 1), transform 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 120ms 0ms cubic-bezier(.4, 0, .6, 1), transform 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: opacity 120ms 0ms cubic-bezier(.4, 0, .6, 1), transform 120ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 120ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-radio__outer-circle {
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    -webkit-transition: border-color 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: border-color 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: border-color 120ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-radio__background::before,
.mdc-radio__inner-circle,
.mdc-radio__native-control,
.mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-radio__inner-circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
    -webkit-transition: border-color 120ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    -o-transition: transform 120ms 0ms cubic-bezier(.4, 0, .6, 1), border-color 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: transform 120ms 0ms cubic-bezier(.4, 0, .6, 1), border-color 120ms 0ms cubic-bezier(.4, 0, .6, 1);
    transition: transform 120ms 0ms cubic-bezier(.4, 0, .6, 1), border-color 120ms 0ms cubic-bezier(.4, 0, .6, 1), -webkit-transform 120ms 0ms cubic-bezier(.4, 0, .6, 1)
}

.mdc-radio__native-control {
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    z-index: 1
}

.mdc-radio__native-control:checked+.mdc-radio__background,
.mdc-radio__native-control:disabled+.mdc-radio__background {
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), transform 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
    -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: border-color 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: border-color 120ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: transform 120ms 0ms cubic-bezier(0, 0, .2, 1), border-color 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, .2, 1), border-color 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, .2, 1), border-color 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-radio--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: transform 120ms 0ms cubic-bezier(0, 0, .2, 1), border-color 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, .2, 1), border-color 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: transform 120ms 0ms cubic-bezier(0, 0, .2, 1), border-color 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-radio__native-control:disabled+.mdc-radio__background,
[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background {
    cursor: default
}

.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle,
[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, .26)
}

.mdc-radio__native-control:focus+.mdc-radio__background::before {
    -webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: .12;
    -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    -o-transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), transform 120ms 0ms cubic-bezier(0, 0, .2, 1);
    transition: opacity 120ms 0ms cubic-bezier(0, 0, .2, 1), transform 120ms 0ms cubic-bezier(0, 0, .2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, .2, 1)
}

.mdc-radio {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

.mdc-radio::after,
.mdc-radio::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-radio::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-radio.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-radio.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-radio.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-radio::after,
.mdc-radio::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%;
    background-color: #018786
}

.mdc-radio.mdc-ripple-upgraded::after,
.mdc-radio.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

@supports not (-ms-ime-align:auto) {

    .mdc-radio::after,
    .mdc-radio::before {
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

.mdc-radio:hover::before {
    opacity: .04
}

.mdc-radio.mdc-ripple-upgraded--background-focused::before,
.mdc-radio:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-radio:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-radio:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-radio.mdc-ripple-upgraded,
.mdc-ripple-surface.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
    content: none
}

.mdc-ripple-surface {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity;
    position: relative;
    outline: 0;
    overflow: hidden
}

.mdc-ripple-surface::after,
.mdc-ripple-surface::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-ripple-surface::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-ripple-surface.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-ripple-surface.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-ripple-surface::after,
.mdc-ripple-surface::before {
    background-color: #000;
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%
}

.mdc-ripple-surface:hover::before {
    opacity: .04
}

.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,
.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-ripple-surface.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
    overflow: visible
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%
}

.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-ripple-surface--primary::after,
.mdc-ripple-surface--primary::before {
    background-color: #335b55
}

@supports not (-ms-ime-align:auto) {

    .mdc-ripple-surface--primary::after,
    .mdc-ripple-surface--primary::before {
        background-color: var(--mdc-theme-primary, #335B55)
    }
}

.mdc-ripple-surface--primary:hover::before {
    opacity: .04
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded,
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-ripple-surface--accent::after,
.mdc-ripple-surface--accent::before {
    background-color: #018786
}

@supports not (-ms-ime-align:auto) {

    .mdc-ripple-surface--accent::after,
    .mdc-ripple-surface--accent::before {
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

.mdc-ripple-surface--accent:hover::before {
    opacity: .04
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before,
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    display: inline-block;
    position: absolute;
    bottom: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 0;
    background-color: transparent;
    fill: currentColor;
    opacity: .54;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-select-helper-text {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition: opacity 180ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 180ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 180ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    will-change: opacity
}

.mdc-select-helper-text::before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-select-helper-text--persistent {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    will-change: initial
}

.mdc-select {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity, transform, color
}

.mdc-select:not(.mdc-select--disabled) {
    background-color: #f5f5f5
}

.mdc-select::after,
.mdc-select::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-select::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-select.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-select.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-select.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-select.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-select::after,
.mdc-select::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    background-color: rgba(0, 0, 0, .87)
}

.mdc-select.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-select:hover::before,
.mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before {
    opacity: .04
}

.mdc-select.mdc-ripple-upgraded--background-focused::before,
.mdc-select:not(.mdc-ripple-upgraded):focus::before,
.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before,
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: rgba(0, 0, 0, .87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(0, 0, 0, .6)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: rgba(0, 0, 0, .42)
}

.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text {
    color: rgba(0, 0, 0, .6)
}

.mdc-select,
.mdc-select__native-control {
    border-radius: 4px 4px 0 0
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #335b55;
    background-color: var(--mdc-theme-primary, #335B55)
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: rgba(98, 0, 238, .87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: rgba(0, 0, 0, .87)
}

.mdc-select .mdc-floating-label--float-above {
    -webkit-transform: translateY(-70%) scale(.75);
    -ms-transform: translateY(-70%) scale(.75);
    transform: translateY(-70%) scale(.75)
}

.mdc-select .mdc-floating-label {
    left: 16px;
    right: initial;
    top: 21px;
    pointer-events: none
}

.mdc-select .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select .mdc-floating-label {
    left: initial;
    right: 16px
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: initial
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: initial;
    right: 48px
}

.mdc-select.mdc-select--outlined .mdc-floating-label {
    left: 4px;
    right: initial;
    top: 17px
}

.mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label {
    left: initial;
    right: 4px
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label,
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: 36px;
    right: initial
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl],
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label,
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: initial;
    right: 36px
}

.mdc-select--focused .mdc-select__dropdown-icon,
.mdc-select__dropdown-icon {
    -webkit-transition: -webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform 150ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 150ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 150ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 150ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-select__dropdown-icon {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;
    left: auto;
    right: 8px;
    position: absolute;
    bottom: 16px;
    width: 24px;
    height: 24px;
    pointer-events: none
}

.mdc-select__dropdown-icon[dir=rtl],
[dir=rtl] .mdc-select__dropdown-icon {
    left: 8px;
    right: auto
}

.mdc-select--focused .mdc-select__dropdown-icon {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%236200ee%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center;
    -webkit-transform: rotate(180deg) translateY(-5px);
    -ms-transform: rotate(180deg) translateY(-5px);
    transform: rotate(180deg) translateY(-5px)
}

.mdc-select.mdc-select--focused .mdc-line-ripple::after {
    -webkit-transform: scale(1, 2);
    -ms-transform: scale(1, 2);
    transform: scale(1, 2);
    opacity: 1
}

.mdc-select+.mdc-select-helper-text {
    margin-right: 12px;
    margin-left: 12px
}

.mdc-select--outlined+.mdc-select-helper-text {
    margin-right: 16px;
    margin-left: 16px
}

.mdc-select--focused+.mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
    opacity: 1
}

.mdc-select__selected-text {
    min-width: 200px
}

.mdc-select__native-control,
.mdc-select__selected-text {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    padding: 20px 52px 4px 16px;
    border: 0;
    border-bottom: 1px solid;
    outline: 0;
    background-color: transparent;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mdc-select__native-control[dir=rtl],
.mdc-select__selected-text[dir=rtl],
[dir=rtl] .mdc-select__native-control,
[dir=rtl] .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select__native-control::-ms-expand,
.mdc-select__selected-text::-ms-expand {
    display: none
}

.mdc-select__native-control::-ms-value,
.mdc-select__selected-text::-ms-value {
    background-color: transparent;
    color: inherit
}

@-moz-document url-prefix("") {

    .mdc-select__native-control,
    .mdc-select__selected-text {
        text-indent: -2px
    }
}

.mdc-select--outlined {
    border: 0;
    overflow: visible
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .24)
}

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .87)
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #335b55;
    border-color: var(--mdc-theme-primary, #335B55)
}

.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-select__native-control {
    border-radius: 4px
}

.mdc-select--outlined::after,
.mdc-select--outlined::before {
    content: none
}

.mdc-select--outlined:not(.mdc-select--disabled) {
    background-color: transparent
}

.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    -ms-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    -ms-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-select--outlined .mdc-select__native-control,
.mdc-select--outlined .mdc-select__selected-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 52px 12px 16px;
    border: 0;
    background-color: transparent;
    z-index: 1
}

.mdc-select--outlined .mdc-select__native-control[dir=rtl],
.mdc-select--outlined .mdc-select__selected-text[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-select__native-control,
[dir=rtl] .mdc-select--outlined .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select--outlined .mdc-select__selected-text {
    padding-top: 14px
}

.mdc-select--outlined .mdc-select__icon {
    z-index: 2
}

.mdc-select--outlined .mdc-floating-label {
    line-height: 1.15rem;
    pointer-events: auto
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: #b00020
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid .mdc-select__dropdown-icon {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center
}

.mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    opacity: 1
}

.mdc-select--required .mdc-floating-label::after {
    content: "*"
}

.mdc-select--disabled {
    background-color: #fafafa;
    cursor: default;
    pointer-events: none
}

.mdc-select--disabled .mdc-floating-label {
    color: rgba(0, 0, 0, .37)
}

.mdc-select--disabled .mdc-select__dropdown-icon {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E) no-repeat center
}

.mdc-select--disabled .mdc-line-ripple {
    display: none
}

.mdc-select--disabled .mdc-select__icon {
    color: rgba(0, 0, 0, .37)
}

.mdc-select--disabled .mdc-select__native-control,
.mdc-select--disabled .mdc-select__selected-text {
    color: rgba(0, 0, 0, .37);
    border-bottom-style: dotted
}

.mdc-select--disabled .mdc-select__selected-text {
    pointer-events: none
}

.mdc-select--disabled.mdc-select--outlined {
    background-color: transparent
}

.mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
.mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
    border-bottom-style: none
}

.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .16)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    left: 16px;
    right: initial
}

.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon {
    left: initial;
    right: 16px
}

.mdc-select--with-leading-icon .mdc-select__native-control,
.mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 48px;
    padding-right: 32px
}

.mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],
.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control,
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 32px;
    padding-right: 48px
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    -ms-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1);
    font-size: .75rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(32px) scale(1);
    -ms-transform: translateY(-144%) translateX(32px) scale(1);
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    -ms-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75);
    font-size: 1rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
    -ms-transform: translateY(-130%) translateX(32px) scale(.75);
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1
}

.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1
}

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text,
.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
    padding-left: 32px;
    padding-right: 32px
}

.mdc-select__menu .mdc-list .mdc-list-item--selected {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-select__menu .mdc-list .mdc-list-item--selected::after,
.mdc-select__menu .mdc-list .mdc-list-item--selected::before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {

    .mdc-select__menu .mdc-list .mdc-list-item--selected::after,
    .mdc-select__menu .mdc-list .mdc-list-item--selected::before {
        background-color: var(--mdc-theme-on-surface, #000)
    }
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-slider {
    position: relative;
    width: 100%;
    height: 48px;
    cursor: pointer;
    -ms-touch-action: pan-x;
    touch-action: pan-x;
    -webkit-tap-highlight-color: transparent
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track,
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after,
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
    background-color: rgba(1, 135, 134, .26)
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
    fill: #018786;
    fill: var(--mdc-theme-secondary, #018786);
    stroke: #018786;
    stroke: var(--mdc-theme-secondary, #018786)
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring,
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
}

.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark, white)
}

.mdc-slider--disabled {
    cursor: auto
}

.mdc-slider--disabled .mdc-slider__track,
.mdc-slider--disabled .mdc-slider__track-marker-container::after,
.mdc-slider--disabled .mdc-slider__track-marker::after {
    background-color: #9a9a9a
}

.mdc-slider--disabled .mdc-slider__track-container {
    background-color: rgba(154, 154, 154, .26)
}

.mdc-slider--disabled .mdc-slider__thumb {
    fill: #9a9a9a;
    stroke: #fff;
    stroke: var(--mdc-slider-bg-color-behind-component, white)
}

.mdc-slider:focus {
    outline: 0
}

.mdc-slider__track-container {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    overflow: hidden
}

.mdc-slider__track {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    will-change: transform
}

.mdc-slider[dir=rtl] .mdc-slider__track,
[dir=rtl] .mdc-slider .mdc-slider__track {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.mdc-slider__track-marker-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: -1px;
    visibility: hidden
}

.mdc-slider[dir=rtl] .mdc-slider__track-marker-container,
[dir=rtl] .mdc-slider .mdc-slider__track-marker-container {
    margin-right: -1px;
    margin-left: 0
}

.mdc-slider__track-marker-container::after,
.mdc-slider__track-marker::after {
    display: block;
    width: 2px;
    height: 2px;
    content: ""
}

.mdc-slider__track-marker {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mdc-slider__track-marker:first-child::after {
    width: 3px
}

.mdc-slider__thumb-container {
    position: absolute;
    top: 15px;
    left: 0;
    width: 21px;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform
}

.mdc-slider__thumb {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.571);
    -ms-transform: scale(.571);
    transform: scale(.571);
    -webkit-transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
    -o-transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
    transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
    transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
    stroke-width: 3.5
}

.mdc-slider__focus-ring {
    width: 21px;
    height: 21px;
    -webkit-transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
    -o-transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
    transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
    transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
    border-radius: 50%;
    opacity: 0
}

.mdc-slider__pin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-left: -2px;
    -webkit-transform: rotate(-45deg) scale(0) translate(0, 0);
    -ms-transform: rotate(-45deg) scale(0) translate(0, 0);
    transform: rotate(-45deg) scale(0) translate(0, 0);
    -webkit-transition: -webkit-transform 100ms ease-out;
    -o-transition: transform 100ms ease-out;
    transition: transform 100ms ease-out;
    transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
    border-radius: 50% 50% 50% 0;
    z-index: 1
}

.mdc-slider__pin-value-marker {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0178571429em;
    text-decoration: inherit;
    text-transform: inherit;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mdc-slider--active .mdc-slider__thumb {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.mdc-slider--focus .mdc-slider__thumb {
    -webkit-animation: mdc-slider-emphasize 266.67ms linear;
    animation: mdc-slider-emphasize 266.67ms linear
}

.mdc-slider--focus .mdc-slider__focus-ring {
    -webkit-transform: scale3d(1.55, 1.55, 1.55);
    transform: scale3d(1.55, 1.55, 1.55);
    opacity: .25
}

.mdc-slider--in-transit .mdc-slider__thumb {
    -webkit-transition-delay: 140ms;
    -o-transition-delay: 140ms;
    transition-delay: 140ms
}

.mdc-slider--in-transit .mdc-slider__thumb-container,
.mdc-slider--in-transit .mdc-slider__track,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
    -webkit-transition: -webkit-transform 80ms ease;
    -o-transition: transform 80ms ease;
    transition: transform 80ms ease;
    transition: transform 80ms ease, -webkit-transform 80ms ease
}

.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
    -webkit-transform: scale(calc(12/21));
    -ms-transform: scale(calc(12/21));
    transform: scale(calc(12/21))
}

.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
    -webkit-transform: rotate(-45deg) scale(1) translate(19px, -20px);
    -ms-transform: rotate(-45deg) scale(1) translate(19px, -20px);
    transform: rotate(-45deg) scale(1) translate(19px, -20px)
}

.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
    -webkit-animation: none;
    animation: none
}

.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
    visibility: visible
}

.mdc-switch {
    display: inline-block;
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb,
.mdc-switch.mdc-switch--checked .mdc-switch__track {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786);
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786)
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
    background-color: #000;
    border-color: #000
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
    background-color: #fff;
    border-color: #fff
}

.mdc-switch__native-control {
    left: 0;
    right: initial;
    position: absolute;
    top: 0;
    width: 68px;
    height: 48px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto
}

.mdc-switch__native-control[dir=rtl],
[dir=rtl] .mdc-switch__native-control {
    left: initial;
    right: 0
}

.mdc-switch__track {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px;
    height: 14px;
    border: 1px solid;
    border-radius: 7px;
    opacity: .38;
    -webkit-transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-switch__thumb-underlay {
    left: -18px;
    right: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-switch__thumb-underlay[dir=rtl],
[dir=rtl] .mdc-switch__thumb-underlay {
    left: initial;
    right: -18px
}

.mdc-switch__thumb {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 10px solid;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1
}

.mdc-switch--checked .mdc-switch__track {
    opacity: .54
}

.mdc-switch--checked .mdc-switch__thumb-underlay {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.mdc-switch--checked .mdc-switch__native-control,
.mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl],
[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.mdc-switch--checked .mdc-switch__native-control[dir=rtl],
[dir=rtl] .mdc-switch--checked .mdc-switch__native-control {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.mdc-switch--disabled {
    opacity: .38;
    pointer-events: none
}

.mdc-switch--disabled .mdc-switch__thumb {
    border-width: 1px
}

.mdc-switch--disabled .mdc-switch__native-control {
    cursor: default;
    pointer-events: none
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after,
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before {
    background-color: #9e9e9e
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before {
    opacity: .08
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before,
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-switch__thumb-underlay {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity
}

.mdc-switch__thumb-underlay::after,
.mdc-switch__thumb-underlay::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-switch__thumb-underlay::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-switch__thumb-underlay::after,
.mdc-switch__thumb-underlay::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%;
    background-color: #018786
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after,
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%));
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

@supports not (-ms-ime-align:auto) {

    .mdc-switch__thumb-underlay::after,
    .mdc-switch__thumb-underlay::before {
        background-color: var(--mdc-theme-secondary, #018786)
    }
}

.mdc-switch__thumb-underlay:hover::before {
    opacity: .04
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before,
.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-tab {
    position: relative;
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48px;
    margin: 0;
    padding: 0 24px;
    border: 0;
    outline: 0;
    background: 0 0;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    z-index: 1
}

.mdc-tab .mdc-tab__text-label {
    color: rgba(0, 0, 0, .6)
}

.mdc-tab .mdc-tab__icon {
    color: rgba(0, 0, 0, .54);
    fill: currentColor
}

.mdc-tab::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-tab--min-width {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.mdc-tab__ripple {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mdc-tab__ripple::after,
.mdc-tab__ripple::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-tab__ripple::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-tab__ripple.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-tab__ripple.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-tab__ripple::after,
.mdc-tab__ripple::before {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%;
    background-color: #335b55
}

.mdc-tab__ripple.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

@supports not (-ms-ime-align:auto) {

    .mdc-tab__ripple::after,
    .mdc-tab__ripple::before {
        background-color: var(--mdc-theme-primary, #335B55)
    }
}

.mdc-tab__ripple:hover::before {
    opacity: .04
}

.mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before,
.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-tab__ripple.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-tab__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: inherit;
    pointer-events: none
}

.mdc-tab__icon,
.mdc-tab__text-label {
    -webkit-transition: 150ms color linear;
    -o-transition: 150ms color linear;
    transition: 150ms color linear;
    z-index: 2
}

.mdc-tab__text-label {
    display: inline-block;
    line-height: 1
}

.mdc-tab__icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.mdc-tab--stacked {
    height: 72px
}

.mdc-tab--stacked .mdc-tab__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mdc-tab--stacked .mdc-tab__icon {
    padding-top: 12px
}

.mdc-tab--stacked .mdc-tab__text-label {
    padding-bottom: 16px
}

.mdc-tab--active .mdc-tab__text-label {
    color: #335b55
}

.mdc-tab--active .mdc-tab__icon {
    color: #335b55;
    fill: currentColor
}

.mdc-tab--active .mdc-tab__icon,
.mdc-tab--active .mdc-tab__text-label,
.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
    padding-left: 8px;
    padding-right: 0
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl],
[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
    padding-left: 0;
    padding-right: 8px
}

.mdc-tab-bar {
    width: 100%
}

.mdc-tab-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.mdc-tab-indicator .mdc-tab-indicator__content--underline {
    border-color: #335b55;
    border-color: var(--mdc-theme-primary, #335B55);
    border-top-width: 2px
}

.mdc-tab-indicator .mdc-tab-indicator__content--icon {
    color: #018786;
    color: var(--mdc-theme-secondary, #018786);
    height: 34px;
    font-size: 34px
}

.mdc-tab-indicator__content {
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    opacity: 0
}

.mdc-tab-indicator__content--underline {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-top-style: solid
}

.mdc-tab-indicator__content--icon {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0 auto
}

.mdc-tab-indicator--active .mdc-tab-indicator__content {
    opacity: 1
}

.mdc-tab-indicator .mdc-tab-indicator__content {
    -webkit-transition: 250ms -webkit-transform cubic-bezier(.4, 0, .2, 1);
    -o-transition: 250ms transform cubic-bezier(.4, 0, .2, 1);
    transition: 250ms transform cubic-bezier(.4, 0, .2, 1);
    transition: 250ms transform cubic-bezier(.4, 0, .2, 1), 250ms -webkit-transform cubic-bezier(.4, 0, .2, 1)
}

.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.mdc-tab-indicator--fade .mdc-tab-indicator__content {
    -webkit-transition: 150ms opacity linear;
    -o-transition: 150ms opacity linear;
    transition: 150ms opacity linear
}

.mdc-tab-scroller {
    overflow-y: hidden
}

.mdc-tab-scroller__test {
    position: absolute;
    top: -9999px;
    width: 100px;
    height: 100px;
    overflow-x: scroll
}

.mdc-tab-scroller__scroll-area {
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden
}

.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
.mdc-tab-scroller__test::-webkit-scrollbar {
    display: none
}

.mdc-tab-scroller__scroll-area--scroll {
    overflow-x: scroll
}

.mdc-tab-scroller__scroll-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    will-change: transform
}

.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
    -webkit-overflow-scrolling: auto
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
    -webkit-transition: 250ms -webkit-transform cubic-bezier(.4, 0, .2, 1);
    -o-transition: 250ms transform cubic-bezier(.4, 0, .2, 1);
    transition: 250ms transform cubic-bezier(.4, 0, .2, 1);
    transition: 250ms transform cubic-bezier(.4, 0, .2, 1), 250ms -webkit-transform cubic-bezier(.4, 0, .2, 1)
}

.mdc-text-field-helper-text {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    will-change: opacity
}

.mdc-text-field-character-counter::before,
.mdc-text-field-helper-text::before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-helper-text--persistent {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    will-change: initial
}

.mdc-text-field-character-counter {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .0333333333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 0;
    white-space: nowrap
}

.mdc-text-field-character-counter[dir=rtl],
[dir=rtl] .mdc-text-field-character-counter {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    position: absolute;
    bottom: 16px;
    cursor: pointer
}

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-text-field {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    border-radius: 4px 4px 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 56px;
    overflow: hidden;
    will-change: opacity, transform, color
}

.mdc-text-field::after,
.mdc-text-field::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-text-field::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-text-field.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-text-field.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-text-field.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-text-field.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-text-field::after,
.mdc-text-field::before {
    background-color: rgba(0, 0, 0, .87);
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height: 200%
}

.mdc-text-field:hover::before {
    opacity: .04
}

.mdc-text-field.mdc-ripple-upgraded--background-focused::before,
.mdc-text-field:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-text-field.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(0, 0, 0, .87)
}

.mdc-text-field .mdc-text-field__input {
    caret-color: #335b55;
    caret-color: var(--mdc-theme-primary, #335B55)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: rgba(0, 0, 0, .42)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: rgba(0, 0, 0, .87)
}

.mdc-text-field .mdc-line-ripple {
    background-color: #335b55;
    background-color: var(--mdc-theme-primary, #335B55)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field .mdc-floating-label {
    left: 16px;
    right: initial;
    top: 18px;
    pointer-events: none
}

.mdc-text-field .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field .mdc-floating-label {
    left: initial;
    right: 16px
}

.mdc-text-field--textarea .mdc-floating-label {
    left: 4px;
    right: initial
}

.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
.mdc-text-field--textarea .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,
[dir=rtl] .mdc-text-field--textarea .mdc-floating-label {
    left: initial;
    right: 4px
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: initial;
    top: 17px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: initial
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: initial;
    right: 36px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: 40px;
    right: initial
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: initial;
    right: 40px
}

.mdc-text-field__input {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em;
    text-decoration: inherit;
    text-transform: inherit;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 16px 6px;
    -webkit-transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field__input:-ms-input-placeholder,
.mdc-text-field__input::-ms-input-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0
}

.mdc-text-field__input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field__input::-moz-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field__input::placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .54) !important
}

.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder,
.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
    -webkit-transition-duration: 110ms;
    transition-duration: 110ms;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder,
.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder,
.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::-moz-placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input::-moz-placeholder,
.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder {
    transition-delay: 40ms;
    transition-duration: 110ms;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input::placeholder,
.mdc-text-field--no-label .mdc-text-field__input::placeholder {
    -webkit-transition-delay: 40ms;
    -o-transition-delay: 40ms;
    transition-delay: 40ms;
    -webkit-transition-duration: 110ms;
    -o-transition-duration: 110ms;
    transition-duration: 110ms;
    opacity: 1
}

.mdc-text-field__input:focus {
    outline: 0
}

.mdc-text-field__input:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

.mdc-text-field__input:-webkit-autofill {
    z-index: auto !important
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding-top: 16px;
    padding-bottom: 16px
}

.mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
    -webkit-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75);
    cursor: auto
}

.mdc-text-field--outlined {
    border: 0;
    overflow: visible
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .24)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #335b55;
    border-color: var(--mdc-theme-primary, #335B55)
}

.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    -ms-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    -ms-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--outlined::after,
.mdc-text-field--outlined::before,
.mdc-text-field--textarea::after,
.mdc-text-field--textarea::before {
    content: none
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 16px 14px;
    border: 0 !important;
    background-color: transparent;
    z-index: 1
}

.mdc-text-field--outlined .mdc-text-field__icon {
    z-index: 2
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--outlined.mdc-text-field--disabled {
    background-color: transparent
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .06)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

.mdc-text-field--outlined.mdc-text-field--dense {
    height: 48px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) scale(1);
    -ms-transform: translateY(-134%) scale(1);
    transform: translateY(-134%) scale(1);
    font-size: .8rem
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) scale(.8);
    -ms-transform: translateY(-120%) scale(.8);
    transform: translateY(-120%) scale(.8);
    font-size: 1rem
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 7px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    top: 14px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
    top: 12px
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: 16px;
    right: initial
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: initial;
    right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: initial
}

.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label {
    left: initial;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: initial
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    -ms-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1);
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(32px) scale(1);
    -ms-transform: translateY(-144%) translateX(32px) scale(1);
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    -ms-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75);
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
    -ms-transform: translateY(-130%) translateX(32px) scale(.75);
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: initial
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: initial;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) translateX(-21px) scale(1);
    -ms-transform: translateY(-134%) translateX(-21px) scale(1);
    transform: translateY(-134%) translateX(-21px) scale(1);
    font-size: .8rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) translateX(21px) scale(1);
    -ms-transform: translateY(-134%) translateX(21px) scale(1);
    transform: translateY(-134%) translateX(21px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) translateX(-21px) scale(.8);
    -ms-transform: translateY(-120%) translateX(-21px) scale(.8);
    transform: translateY(-120%) translateX(-21px) scale(.8);
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) translateX(21px) scale(.8);
    -ms-transform: translateY(-120%) translateX(21px) scale(.8);
    transform: translateY(-120%) translateX(21px) scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: 32px;
    right: initial
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: initial;
    right: 32px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: initial;
    right: 12px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 12px;
    right: initial
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: initial;
    right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: initial
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon {
    right: 12px;
    left: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon {
    right: auto;
    left: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input,
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    bottom: 16px;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: initial
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: initial;
    right: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: 44px;
    right: initial
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: initial;
    right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: initial;
    right: 12px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: initial
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    right: 12px;
    left: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input,
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 44px
}

.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-70%) scale(.8);
    -ms-transform: translateY(-70%) scale(.8);
    transform: translateY(-70%) scale(.8)
}

.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1
}

.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 0
}

.mdc-text-field--dense .mdc-floating-label,
.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .813rem
}

.mdc-text-field__input:required~.mdc-floating-label::after,
.mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label::after {
    margin-left: 1px;
    content: "*"
}

.mdc-text-field--textarea {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    height: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    overflow: visible
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .24)
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #335b55;
    border-color: var(--mdc-theme-primary, #335B55)
}

.mdc-text-field--textarea .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--textarea .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    -ms-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    -ms-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--textarea .mdc-text-field-character-counter {
    left: initial;
    right: 16px;
    position: absolute;
    bottom: 13px
}

.mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter {
    left: 16px;
    right: initial
}

.mdc-text-field--textarea .mdc-text-field__input {
    -ms-flex-item-align: auto;
    align-self: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    margin: 8px 1px 1px 0;
    padding: 0 16px 16px;
    border: 0
}

.mdc-text-field--textarea .mdc-text-field-character-counter+.mdc-text-field__input {
    margin-bottom: 28px;
    padding-bottom: 0
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 17px;
    bottom: auto;
    width: auto;
    pointer-events: none
}

.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--fullwidth {
    width: 100%
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: block
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after,
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before {
    content: none
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding: 0
}

.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
    resize: vertical
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea),
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field-helper-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mdc-text-field--dense+.mdc-text-field-helper-line {
    margin-bottom: 4px
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(98, 0, 238, .87)
}

.mdc-text-field--focused .mdc-text-field__input:required~.mdc-floating-label::after,
.mdc-text-field--focused .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label::after {
    color: rgba(98, 0, 238, .87)
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #335b55;
    border-color: var(--mdc-theme-primary, #335B55)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: #b00020;
    background-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon~.mdc-text-field__icon,
.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #b00020;
    caret-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid .mdc-text-field__input:required~.mdc-floating-label::after,
.mdc-text-field--invalid .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label::after {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--disabled {
    background-color: #fafafa;
    border-bottom: none;
    pointer-events: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(0, 0, 0, .06);
    color: rgba(0, 0, 0, .37)
}

.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,
.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0, 0, 0, .37)
}

.mdc-text-field--disabled .mdc-text-field__icon {
    color: rgba(0, 0, 0, .3)
}

.mdc-text-field--disabled:not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.mdc-text-field--textarea.mdc-text-field--disabled {
    background-color: #f9f9f9
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .06)
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

:root {
    --mdc-theme-primary: #335B55;
    --mdc-theme-secondary: #018786;
    --mdc-theme-background: #fff;
    --mdc-theme-surface: #fff;
    --mdc-theme-error: #b00020;
    --mdc-theme-on-primary: #fff;
    --mdc-theme-on-secondary: #fff;
    --mdc-theme-on-surface: #000;
    --mdc-theme-on-error: #fff;
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: white;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5)
}

.mdc-theme--primary {
    color: #335b55 !important;
    color: var(--mdc-theme-primary, #335B55) !important
}

.mdc-theme--secondary {
    color: #018786 !important;
    color: var(--mdc-theme-secondary, #018786) !important
}

.mdc-theme--background {
    background-color: #fff;
    background-color: var(--mdc-theme-background, #fff)
}

.mdc-theme--surface {
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff)
}

.mdc-theme--error {
    color: #b00020 !important;
    color: var(--mdc-theme-error, #b00020) !important
}

.mdc-theme--on-primary {
    color: #fff !important;
    color: var(--mdc-theme-on-primary, #fff) !important
}

.mdc-theme--on-secondary {
    color: #fff !important;
    color: var(--mdc-theme-on-secondary, #fff) !important
}

.mdc-theme--on-surface {
    color: #000 !important;
    color: var(--mdc-theme-on-surface, #000) !important
}

.mdc-theme--on-error {
    color: #fff !important;
    color: var(--mdc-theme-on-error, #fff) !important
}

.mdc-theme--text-primary-on-background {
    color: rgba(0, 0, 0, .87) !important;
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important
}

.mdc-theme--text-secondary-on-background {
    color: rgba(0, 0, 0, .54) !important;
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important
}

.mdc-theme--text-hint-on-background {
    color: rgba(0, 0, 0, .38) !important;
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-disabled-on-background {
    color: rgba(0, 0, 0, .38) !important;
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-icon-on-background {
    color: rgba(0, 0, 0, .38) !important;
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-primary-on-light {
    color: rgba(0, 0, 0, .87) !important;
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important
}

.mdc-theme--text-secondary-on-light {
    color: rgba(0, 0, 0, .54) !important;
    color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important
}

.mdc-theme--text-hint-on-light {
    color: rgba(0, 0, 0, .38) !important;
    color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-disabled-on-light {
    color: rgba(0, 0, 0, .38) !important;
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-icon-on-light {
    color: rgba(0, 0, 0, .38) !important;
    color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-primary-on-dark {
    color: #fff !important;
    color: var(--mdc-theme-text-primary-on-dark, white) !important
}

.mdc-theme--text-secondary-on-dark {
    color: rgba(255, 255, 255, .7) !important;
    color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-dark {
    color: rgba(255, 255, 255, .5) !important;
    color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-dark {
    color: rgba(255, 255, 255, .5) !important;
    color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-dark {
    color: rgba(255, 255, 255, .5) !important;
    color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--primary-bg {
    background-color: #335b55 !important;
    background-color: var(--mdc-theme-primary, #335B55) !important
}

.mdc-theme--secondary-bg {
    background-color: #018786 !important;
    background-color: var(--mdc-theme-secondary, #018786) !important
}

.mdc-toolbar {
    background-color: #335b55;
    background-color: var(--mdc-theme-primary, #335B55);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.mdc-toolbar .mdc-toolbar__icon {
    color: #fff
}

.mdc-toolbar .mdc-toolbar__icon::after,
.mdc-toolbar .mdc-toolbar__icon::before {
    background-color: #fff
}

.mdc-toolbar .mdc-toolbar__icon:hover::before {
    opacity: .08
}

.mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before,
.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-toolbar__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 64px
}

@media (max-width:959px) and (orientation:landscape) {
    .mdc-toolbar__row {
        min-height: 48px
    }
}

@media (max-width:599px) {
    .mdc-toolbar__row {
        min-height: 56px
    }
}

.mdc-toolbar__section {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
    height: 100%;
    padding: 8px;
    z-index: 1
}

@media (max-width:959px) and (orientation:landscape) {
    .mdc-toolbar__section {
        padding: 0
    }
}

@media (max-width:599px) {
    .mdc-toolbar__section {
        padding: 4px 0
    }
}

.mdc-toolbar__section--align-start {
    padding-left: 12px;
    padding-right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.mdc-toolbar__section--align-start[dir=rtl],
[dir=rtl] .mdc-toolbar__section--align-start {
    padding-left: 0;
    padding-right: 12px
}

@media (max-width:959px) and (orientation:landscape) {
    .mdc-toolbar__section--align-start {
        padding-left: 4px;
        padding-right: 0
    }

    .mdc-toolbar__section--align-start[dir=rtl],
    [dir=rtl] .mdc-toolbar__section--align-start {
        padding-left: 0;
        padding-right: 4px
    }
}

@media (max-width:599px) {
    .mdc-toolbar__section--align-start {
        padding-left: 4px;
        padding-right: 0
    }

    .mdc-toolbar__section--align-start[dir=rtl],
    [dir=rtl] .mdc-toolbar__section--align-start {
        padding-left: 0;
        padding-right: 4px
    }
}

.mdc-toolbar__section--align-end {
    padding-left: 0;
    padding-right: 12px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.mdc-toolbar__section--align-end[dir=rtl],
[dir=rtl] .mdc-toolbar__section--align-end {
    padding-left: 12px;
    padding-right: 0
}

@media (max-width:959px) and (orientation:landscape) {
    .mdc-toolbar__section--align-end {
        padding-left: 0;
        padding-right: 4px
    }

    .mdc-toolbar__section--align-end[dir=rtl],
    [dir=rtl] .mdc-toolbar__section--align-end {
        padding-left: 4px;
        padding-right: 0
    }
}

@media (max-width:599px) {
    .mdc-toolbar__section--align-end {
        padding-left: 0;
        padding-right: 4px
    }

    .mdc-toolbar__section--align-end[dir=rtl],
    [dir=rtl] .mdc-toolbar__section--align-end {
        padding-left: 4px;
        padding-right: 0
    }
}

.mdc-toolbar__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 24px;
    margin-right: 0;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 12px 0;
    line-height: 1.5rem;
    z-index: 1
}

.mdc-toolbar__title[dir=rtl],
[dir=rtl] .mdc-toolbar__title {
    margin-left: 0;
    margin-right: 24px
}

.mdc-toolbar__icon,
.mdc-toolbar__menu-icon {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    padding: 12px;
    border: 0;
    outline: 0;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.mdc-toolbar__icon::after,
.mdc-toolbar__icon::before,
.mdc-toolbar__menu-icon::after,
.mdc-toolbar__menu-icon::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-toolbar__icon::before,
.mdc-toolbar__menu-icon::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-toolbar__icon.mdc-ripple-upgraded::before,
.mdc-toolbar__menu-icon.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-toolbar__icon.mdc-ripple-upgraded::after,
.mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after,
.mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after,
.mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after,
.mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-toolbar__icon::after,
.mdc-toolbar__icon::before,
.mdc-toolbar__menu-icon::after,
.mdc-toolbar__menu-icon::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%
}

.mdc-toolbar__icon.mdc-ripple-upgraded::before {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-toolbar__icon.mdc-ripple-upgraded::after,
.mdc-toolbar__icon.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%))
}

.mdc-toolbar__menu-icon.mdc-ripple-upgraded::before {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-toolbar__menu-icon.mdc-ripple-upgraded::after,
.mdc-toolbar__menu-icon.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%))
}

.mdc-toolbar__icon.mdc-ripple-upgraded::after,
.mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-toolbar__menu-icon+.mdc-toolbar__title {
    margin-left: 8px;
    margin-right: 0
}

.mdc-toolbar__menu-icon+.mdc-toolbar__title[dir=rtl],
[dir=rtl] .mdc-toolbar__menu-icon+.mdc-toolbar__title {
    margin-left: 0;
    margin-right: 8px
}

@media (max-width:599px) {
    .mdc-toolbar__title {
        margin-left: 16px;
        margin-right: 0
    }

    .mdc-toolbar__title[dir=rtl],
    [dir=rtl] .mdc-toolbar__title {
        margin-left: 0;
        margin-right: 16px
    }
}

.mdc-toolbar--fixed {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4
}

.mdc-toolbar--flexible {
    --mdc-toolbar-ratio-to-extend-flexible: 4
}

.mdc-toolbar--flexible .mdc-toolbar__row:first-child {
    height: 256px;
    height: calc(64px*var(--mdc-toolbar-ratio-to-extend-flexible, 4))
}

@media (max-width:599px) {
    .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
        height: 224px;
        height: calc(56px*var(--mdc-toolbar-ratio-to-extend-flexible, 4))
    }
}

.mdc-toolbar--flexible .mdc-toolbar__row:first-child::after {
    position: absolute;
    content: ""
}

.mdc-toolbar--flexible-default-behavior .mdc-toolbar__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    -ms-flex-item-align: end;
    align-self: flex-end;
    line-height: 1.5rem
}

.mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 1
}

.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after {
    opacity: 0
}

.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title {
    font-weight: 500
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed {
    -webkit-transition: -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    will-change: box-shadow
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed,
.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row,
.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-toolbar-fixed-adjust {
    padding-top: 64px
}

@media (max-width:959px) and (max-height:599px) {
    .mdc-toolbar-fixed-adjust {
        padding-top: 48px
    }
}

@media (max-width:599px) {
    .mdc-toolbar-fixed-adjust {
        padding-top: 56px
    }
}

.mdc-toolbar__section--shrink-to-fit {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.mdc-top-app-bar {
    background-color: #335b55;
    background-color: var(--mdc-theme-primary, #335B55);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    z-index: 4
}

.mdc-top-app-bar .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
    color: #fff;
    color: var(--mdc-theme-on-primary, #fff)
}

.mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__action-item::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before {
    background-color: #fff
}

@supports not (-ms-ime-align:auto) {

    .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
    .mdc-top-app-bar .mdc-top-app-bar__action-item::before,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after,
    .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before {
        background-color: var(--mdc-theme-on-primary, #fff)
    }
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
    opacity: .08
}

.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
    -webkit-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    transition: opacity 150ms linear
}

.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
    -webkit-transition-duration: 75ms;
    -o-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-top-app-bar__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 64px
}

.mdc-top-app-bar__section {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    padding: 8px 12px;
    z-index: 1
}

.mdc-top-app-bar__section--align-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.mdc-top-app-bar__section--align-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.mdc-top-app-bar__title {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    padding-left: 20px;
    padding-right: 0;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1
}

.mdc-top-app-bar__title[dir=rtl],
[dir=rtl] .mdc-top-app-bar__title {
    padding-left: 0;
    padding-right: 20px
}

.mdc-top-app-bar__action-item,
.mdc-top-app-bar__navigation-icon {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: transparent;
    will-change: transform, opacity;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    padding: 12px;
    border: 0;
    outline: 0;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.mdc-top-app-bar__action-item::after,
.mdc-top-app-bar__action-item::before,
.mdc-top-app-bar__navigation-icon::after,
.mdc-top-app-bar__navigation-icon::before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-top-app-bar__action-item::before,
.mdc-top-app-bar__navigation-icon::before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    -o-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::before,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before {
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::after,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded::after,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded::after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation::after,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation::after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation::after,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation::after {
    -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
    animation: mdc-ripple-fg-opacity-out 150ms;
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-top-app-bar__action-item::after,
.mdc-top-app-bar__action-item::before,
.mdc-top-app-bar__navigation-icon::after,
.mdc-top-app-bar__navigation-icon::before {
    top: calc(50% - 50%);
    left: calc(50% - 50%);
    width: 100%;
    height: 100%
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::before {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::after,
.mdc-top-app-bar__action-item.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%))
}

.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before {
    top: var(--mdc-ripple-top, calc(50% - 50%));
    left: var(--mdc-ripple-left, calc(50% - 50%))
}

.mdc-top-app-bar__action-item.mdc-ripple-upgraded::after,
.mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-top-app-bar--short-collapsed {
    border-radius: 0 0 24px 0
}

.mdc-top-app-bar--short-collapsed[dir=rtl],
[dir=rtl] .mdc-top-app-bar--short-collapsed {
    border-radius: 0 0 0 24px
}

.mdc-top-app-bar--short {
    top: 0;
    right: auto;
    left: 0;
    width: 100%;
    -webkit-transition: width 250ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: width 250ms cubic-bezier(.4, 0, .2, 1);
    transition: width 250ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-top-app-bar--short[dir=rtl],
[dir=rtl] .mdc-top-app-bar--short {
    right: 0;
    left: auto
}

.mdc-top-app-bar--short .mdc-top-app-bar__row {
    height: 56px
}

.mdc-top-app-bar--short .mdc-top-app-bar__section {
    padding: 4px
}

.mdc-top-app-bar--short .mdc-top-app-bar__title {
    -webkit-transition: opacity 200ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: opacity 200ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 200ms cubic-bezier(.4, 0, .2, 1);
    opacity: 1
}

.mdc-top-app-bar--short-collapsed {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    width: 56px;
    -webkit-transition: width 300ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: width 300ms cubic-bezier(.4, 0, .2, 1);
    transition: width 300ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
    display: none
}

.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
    -webkit-transition: padding 150ms cubic-bezier(.4, 0, .2, 1);
    -o-transition: padding 150ms cubic-bezier(.4, 0, .2, 1);
    transition: padding 150ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
    width: 112px
}

.mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl],
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end,
[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title {
    padding-left: 0;
    padding-right: 12px
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl],
[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
    padding-left: 12px;
    padding-right: 0
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
    height: 48px
}

.mdc-top-app-bar--dense .mdc-top-app-bar__section {
    padding: 0 4px
}

.mdc-top-app-bar--dense .mdc-top-app-bar__title {
    padding-left: 12px;
    padding-right: 0
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
    height: 128px
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 2px
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-top-app-bar--fixed,
.mdc-top-app-bar--fixed-scrolled {
    -webkit-transition: -webkit-box-shadow 200ms linear;
    -o-transition: box-shadow 200ms linear;
    transition: box-shadow 200ms linear;
    transition: box-shadow 200ms linear, -webkit-box-shadow 200ms linear
}

.mdc-top-app-bar--fixed-scrolled {
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
    height: 96px
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
    padding: 0 12px
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 9px
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl],
[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-left: 0;
    padding-right: 20px
}

.mdc-top-app-bar--fixed-adjust {
    padding-top: 64px
}

.mdc-top-app-bar--dense-fixed-adjust {
    padding-top: 48px
}

.mdc-top-app-bar--short-fixed-adjust {
    padding-top: 56px
}

.mdc-top-app-bar--prominent-fixed-adjust {
    padding-top: 128px
}

.mdc-top-app-bar--dense-prominent-fixed-adjust {
    padding-top: 96px
}

@media (max-width:599px) {
    .mdc-top-app-bar__row {
        height: 56px
    }

    .mdc-top-app-bar__section {
        padding: 4px
    }

    .mdc-top-app-bar--short {
        -webkit-transition: width 200ms cubic-bezier(.4, 0, .2, 1);
        -o-transition: width 200ms cubic-bezier(.4, 0, .2, 1);
        transition: width 200ms cubic-bezier(.4, 0, .2, 1)
    }

    .mdc-top-app-bar--short-collapsed {
        -webkit-transition: width 250ms cubic-bezier(.4, 0, .2, 1);
        -o-transition: width 250ms cubic-bezier(.4, 0, .2, 1);
        transition: width 250ms cubic-bezier(.4, 0, .2, 1)
    }

    .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
        padding-left: 0;
        padding-right: 12px
    }

    .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl],
    [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
        padding-left: 12px;
        padding-right: 0
    }

    .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
        padding-bottom: 6px
    }

    .mdc-top-app-bar--fixed-adjust {
        padding-top: 56px
    }
}

.mdc-typography,
.mdc-typography--headline1 {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.mdc-typography--headline1 {
    font-size: 6rem;
    line-height: 6rem;
    font-weight: 300;
    letter-spacing: -.015625em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-typography--headline2,
.mdc-typography--headline3,
.mdc-typography--headline4,
.mdc-typography--headline5,
.mdc-typography--headline6,
.mdc-typography--subtitle1 {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 3.75rem;
    line-height: 3.75rem;
    font-weight: 300;
    letter-spacing: -.0083333333em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-typography--headline3,
.mdc-typography--headline4,
.mdc-typography--headline5,
.mdc-typography--headline6,
.mdc-typography--subtitle1 {
    font-size: 3rem;
    line-height: 3.125rem;
    font-weight: 400;
    letter-spacing: normal
}

.mdc-typography--headline4,
.mdc-typography--headline5,
.mdc-typography--headline6,
.mdc-typography--subtitle1 {
    font-size: 2.125rem;
    line-height: 2.5rem;
    letter-spacing: .0073529412em
}

.mdc-typography--headline5,
.mdc-typography--headline6,
.mdc-typography--subtitle1 {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: normal
}

.mdc-typography--headline6,
.mdc-typography--subtitle1 {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .0125em
}

.mdc-typography--subtitle1 {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .009375em
}

.mdc-typography--body1,
.mdc-typography--body2,
.mdc-typography--button,
.mdc-typography--caption,
.mdc-typography--overline,
.mdc-typography--subtitle2 {
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .0071428571em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-typography--body1,
.mdc-typography--body2,
.mdc-typography--button,
.mdc-typography--caption,
.mdc-typography--overline {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .03125em
}

.mdc-typography--body2,
.mdc-typography--button,
.mdc-typography--caption,
.mdc-typography--overline {
    font-size: .875rem;
    line-height: 1.25rem;
    letter-spacing: .0178571429em
}

.mdc-typography--button,
.mdc-typography--caption,
.mdc-typography--overline {
    font-size: .75rem;
    letter-spacing: .0333333333em
}

.mdc-typography--button,
.mdc-typography--overline {
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .0892857143em;
    text-decoration: none;
    text-transform: uppercase
}

.mdc-typography--overline {
    font-size: .75rem;
    line-height: 2rem;
    letter-spacing: .1666666667em
}

.confetti-0 {
    width: 5px;
    height: 2px;
    background-color: #263672;
    top: 5%;
    left: 33%;
    opacity: .86225;
    -webkit-transform: rotate(26.13891deg);
    -ms-transform: rotate(26.13891deg);
    transform: rotate(26.13891deg);
    -webkit-animation: drop-0 4.01196s .87835s infinite;
    animation: drop-0 4.01196s .87835s infinite
}

.confetti-1 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: 5%;
    left: 18%;
    opacity: 1.26903;
    -webkit-transform: rotate(358.75656deg);
    -ms-transform: rotate(358.75656deg);
    transform: rotate(358.75656deg);
    -webkit-animation: drop-1 4.87769s .82235s infinite;
    animation: drop-1 4.87769s .82235s infinite
}

.confetti-2 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: 5%;
    left: 92%;
    opacity: .65865;
    -webkit-transform: rotate(23.71711deg);
    -ms-transform: rotate(23.71711deg);
    transform: rotate(23.71711deg);
    -webkit-animation: drop-2 4.28434s .65607s infinite;
    animation: drop-2 4.28434s .65607s infinite
}

.confetti-3 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 72%;
    opacity: 1.47708;
    -webkit-transform: rotate(284.9322deg);
    -ms-transform: rotate(284.9322deg);
    transform: rotate(284.9322deg);
    -webkit-animation: drop-3 4.44665s .02794s infinite;
    animation: drop-3 4.44665s .02794s infinite
}

.confetti-4,
.confetti-5,
.confetti-6 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: 5%;
    left: 91%;
    opacity: .54862;
    -webkit-transform: rotate(51.6146deg);
    -ms-transform: rotate(51.6146deg);
    transform: rotate(51.6146deg);
    -webkit-animation: drop-4 4.5044s .68132s infinite;
    animation: drop-4 4.5044s .68132s infinite
}

.confetti-5,
.confetti-6 {
    width: 4px;
    height: 1.6px;
    left: 84%;
    opacity: .8193;
    -webkit-transform: rotate(355.05372deg);
    -ms-transform: rotate(355.05372deg);
    transform: rotate(355.05372deg);
    -webkit-animation: drop-5 4.12248s .68671s infinite;
    animation: drop-5 4.12248s .68671s infinite
}

.confetti-6 {
    width: 5px;
    height: 2px;
    left: 34%;
    opacity: 1.22479;
    -webkit-transform: rotate(156.68258deg);
    -ms-transform: rotate(156.68258deg);
    transform: rotate(156.68258deg);
    -webkit-animation: drop-6 4.32435s .80406s infinite;
    animation: drop-6 4.32435s .80406s infinite
}

.confetti-7,
.confetti-8,
.confetti-9 {
    width: 1px;
    height: .4px;
    background-color: #263672;
    top: 5%;
    left: 86%;
    opacity: 1.19719;
    -webkit-transform: rotate(.11995deg);
    -ms-transform: rotate(.11995deg);
    transform: rotate(.11995deg);
    -webkit-animation: drop-7 4.254s .90598s infinite;
    animation: drop-7 4.254s .90598s infinite
}

.confetti-8,
.confetti-9 {
    width: 2px;
    height: .8px;
    left: 73%;
    opacity: 1.03554;
    -webkit-transform: rotate(51.93963deg);
    -ms-transform: rotate(51.93963deg);
    transform: rotate(51.93963deg);
    -webkit-animation: drop-8 4.11464s .25025s infinite;
    animation: drop-8 4.11464s .25025s infinite
}

.confetti-9 {
    width: 5px;
    height: 2px;
    left: 72%;
    opacity: .8486;
    -webkit-transform: rotate(285.48281deg);
    -ms-transform: rotate(285.48281deg);
    transform: rotate(285.48281deg);
    -webkit-animation: drop-9 4.18523s .26714s infinite;
    animation: drop-9 4.18523s .26714s infinite
}

.confetti-10 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: 5%;
    left: 2%;
    opacity: .79543;
    -webkit-transform: rotate(308.61579deg);
    -ms-transform: rotate(308.61579deg);
    transform: rotate(308.61579deg);
    -webkit-animation: drop-10 4.30461s .21043s infinite;
    animation: drop-10 4.30461s .21043s infinite
}

.confetti-11 {
    width: 7px;
    height: 2.8px;
    background-color: #263672;
    top: 5%;
    left: 69%;
    opacity: .77208;
    -webkit-transform: rotate(87.39274deg);
    -ms-transform: rotate(87.39274deg);
    transform: rotate(87.39274deg);
    -webkit-animation: drop-11 4.21739s .51414s infinite;
    animation: drop-11 4.21739s .51414s infinite
}

.confetti-12 {
    width: 1px;
    height: .4px;
    background-color: #d13447;
    top: 5%;
    left: 82%;
    opacity: .56942;
    -webkit-transform: rotate(43.72596deg);
    -ms-transform: rotate(43.72596deg);
    transform: rotate(43.72596deg);
    -webkit-animation: drop-12 4.68572s .48016s infinite;
    animation: drop-12 4.68572s .48016s infinite
}

.confetti-13,
.confetti-14,
.confetti-15 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 49%;
    opacity: .97153;
    -webkit-transform: rotate(142.69395deg);
    -ms-transform: rotate(142.69395deg);
    transform: rotate(142.69395deg);
    -webkit-animation: drop-13 4.73727s .94955s infinite;
    animation: drop-13 4.73727s .94955s infinite
}

.confetti-14,
.confetti-15 {
    width: 6px;
    height: 2.4px;
    left: 59%;
    opacity: 1.23362;
    -webkit-transform: rotate(87.08922deg);
    -ms-transform: rotate(87.08922deg);
    transform: rotate(87.08922deg);
    -webkit-animation: drop-14 4.96082s .766s infinite;
    animation: drop-14 4.96082s .766s infinite
}

.confetti-15 {
    width: 2px;
    height: .8px;
    left: 15%;
    opacity: 1.12295;
    -webkit-transform: rotate(330.9208deg);
    -ms-transform: rotate(330.9208deg);
    transform: rotate(330.9208deg);
    -webkit-animation: drop-15 4.15127s .91738s infinite;
    animation: drop-15 4.15127s .91738s infinite
}

.confetti-16 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 47%;
    opacity: .71788;
    -webkit-transform: rotate(196.50467deg);
    -ms-transform: rotate(196.50467deg);
    transform: rotate(196.50467deg);
    -webkit-animation: drop-16 4.98769s .89861s infinite;
    animation: drop-16 4.98769s .89861s infinite
}

.confetti-17 {
    width: 7px;
    height: 2.8px;
    background-color: #263672;
    top: 5%;
    left: 76%;
    opacity: .62789;
    -webkit-transform: rotate(59.45213deg);
    -ms-transform: rotate(59.45213deg);
    transform: rotate(59.45213deg);
    -webkit-animation: drop-17 4.31674s .19529s infinite;
    animation: drop-17 4.31674s .19529s infinite
}

.confetti-18 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 11%;
    opacity: .52218;
    -webkit-transform: rotate(83.26046deg);
    -ms-transform: rotate(83.26046deg);
    transform: rotate(83.26046deg);
    -webkit-animation: drop-18 4.75161s .4005s infinite;
    animation: drop-18 4.75161s .4005s infinite
}

.confetti-19 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: 5%;
    left: 59%;
    opacity: 1.41489;
    -webkit-transform: rotate(90.74673deg);
    -ms-transform: rotate(90.74673deg);
    transform: rotate(90.74673deg);
    -webkit-animation: drop-19 4.79669s .45525s infinite;
    animation: drop-19 4.79669s .45525s infinite
}

.confetti-20,
.confetti-21,
.confetti-22 {
    width: 6px;
    height: 2.4px;
    background-color: #263672;
    top: 5%;
    left: 91%;
    opacity: .59816;
    -webkit-transform: rotate(6.93771deg);
    -ms-transform: rotate(6.93771deg);
    transform: rotate(6.93771deg);
    -webkit-animation: drop-20 4.40727s .12019s infinite;
    animation: drop-20 4.40727s .12019s infinite
}

.confetti-21,
.confetti-22 {
    background-color: #ffbf00;
    left: 74%;
    opacity: 1.02698;
    -webkit-transform: rotate(92.1475deg);
    -ms-transform: rotate(92.1475deg);
    transform: rotate(92.1475deg);
    -webkit-animation: drop-21 4.9481s .61586s infinite;
    animation: drop-21 4.9481s .61586s infinite
}

.confetti-22 {
    width: 5px;
    height: 2px;
    left: 71%;
    opacity: 1.05739;
    -webkit-transform: rotate(68.4719deg);
    -ms-transform: rotate(68.4719deg);
    transform: rotate(68.4719deg);
    -webkit-animation: drop-22 4.42447s .46638s infinite;
    animation: drop-22 4.42447s .46638s infinite
}

.confetti-23,
.confetti-24 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: 5%;
    left: 86%;
    opacity: 1.1033;
    -webkit-transform: rotate(38.27752deg);
    -ms-transform: rotate(38.27752deg);
    transform: rotate(38.27752deg);
    -webkit-animation: drop-23 4.24213s .05779s infinite;
    animation: drop-23 4.24213s .05779s infinite
}

.confetti-24 {
    left: 77%;
    opacity: .7355;
    -webkit-transform: rotate(12.57331deg);
    -ms-transform: rotate(12.57331deg);
    transform: rotate(12.57331deg);
    -webkit-animation: drop-24 4.8342s .71016s infinite;
    animation: drop-24 4.8342s .71016s infinite
}

.confetti-25 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 23%;
    opacity: 1.31063;
    -webkit-transform: rotate(188.87206deg);
    -ms-transform: rotate(188.87206deg);
    transform: rotate(188.87206deg);
    -webkit-animation: drop-25 4.02339s .26518s infinite;
    animation: drop-25 4.02339s .26518s infinite
}

.confetti-26 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: 5%;
    left: 35%;
    opacity: 1.33245;
    -webkit-transform: rotate(68.40631deg);
    -ms-transform: rotate(68.40631deg);
    transform: rotate(68.40631deg);
    -webkit-animation: drop-26 4.53075s .46329s infinite;
    animation: drop-26 4.53075s .46329s infinite
}

.confetti-27 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 32%;
    opacity: .83796;
    -webkit-transform: rotate(65.80034deg);
    -ms-transform: rotate(65.80034deg);
    transform: rotate(65.80034deg);
    -webkit-animation: drop-27 4.82877s .31119s infinite;
    animation: drop-27 4.82877s .31119s infinite
}

.confetti-28 {
    width: 1px;
    height: .4px;
    background-color: #263672;
    top: 5%;
    left: 93%;
    opacity: .58473;
    -webkit-transform: rotate(72.51568deg);
    -ms-transform: rotate(72.51568deg);
    transform: rotate(72.51568deg);
    -webkit-animation: drop-28 4.07536s .58304s infinite;
    animation: drop-28 4.07536s .58304s infinite
}

.confetti-29 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 58%;
    opacity: 1.40652;
    -webkit-transform: rotate(333.93116deg);
    -ms-transform: rotate(333.93116deg);
    transform: rotate(333.93116deg);
    -webkit-animation: drop-29 4.32873s .05208s infinite;
    animation: drop-29 4.32873s .05208s infinite
}

.confetti-30 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 75%;
    opacity: .69884;
    -webkit-transform: rotate(145.60561deg);
    -ms-transform: rotate(145.60561deg);
    transform: rotate(145.60561deg);
    -webkit-animation: drop-30 4.98932s .33049s infinite;
    animation: drop-30 4.98932s .33049s infinite
}

.confetti-31,
.confetti-32 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 51%;
    opacity: 1.42865;
    -webkit-transform: rotate(112.07329deg);
    -ms-transform: rotate(112.07329deg);
    transform: rotate(112.07329deg);
    -webkit-animation: drop-31 4.6795s .2759s infinite;
    animation: drop-31 4.6795s .2759s infinite
}

.confetti-32 {
    width: 4px;
    height: 1.6px;
    left: 44%;
    opacity: .82508;
    -webkit-transform: rotate(10.774deg);
    -ms-transform: rotate(10.774deg);
    transform: rotate(10.774deg);
    -webkit-animation: drop-32 4.2943s .33521s infinite;
    animation: drop-32 4.2943s .33521s infinite
}

.confetti-33 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 78%;
    opacity: 1.43845;
    -webkit-transform: rotate(138.17279deg);
    -ms-transform: rotate(138.17279deg);
    transform: rotate(138.17279deg);
    -webkit-animation: drop-33 4.57097s .7361s infinite;
    animation: drop-33 4.57097s .7361s infinite
}

.confetti-34 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 54%;
    opacity: .51795;
    -webkit-transform: rotate(28.52163deg);
    -ms-transform: rotate(28.52163deg);
    transform: rotate(28.52163deg);
    -webkit-animation: drop-34 4.44687s .15506s infinite;
    animation: drop-34 4.44687s .15506s infinite
}

.confetti-35,
.confetti-36,
.confetti-37 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: 5%;
    left: 56%;
    opacity: 1.29505;
    -webkit-transform: rotate(71.93979deg);
    -ms-transform: rotate(71.93979deg);
    transform: rotate(71.93979deg);
    -webkit-animation: drop-35 4.50777s .46347s infinite;
    animation: drop-35 4.50777s .46347s infinite
}

.confetti-36,
.confetti-37 {
    background-color: #263672;
    left: 79%;
    opacity: 1.0366;
    -webkit-transform: rotate(358.31754deg);
    -ms-transform: rotate(358.31754deg);
    transform: rotate(358.31754deg);
    -webkit-animation: drop-36 4.85645s .83327s infinite;
    animation: drop-36 4.85645s .83327s infinite
}

.confetti-37 {
    left: 55%;
    opacity: .87506;
    -webkit-transform: rotate(326.44487deg);
    -ms-transform: rotate(326.44487deg);
    transform: rotate(326.44487deg);
    -webkit-animation: drop-37 4.70468s .2205s infinite;
    animation: drop-37 4.70468s .2205s infinite
}

.confetti-38,
.confetti-39,
.confetti-40 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 45%;
    opacity: 1.45544;
    -webkit-transform: rotate(347.5683deg);
    -ms-transform: rotate(347.5683deg);
    transform: rotate(347.5683deg);
    -webkit-animation: drop-38 4.08296s .48928s infinite;
    animation: drop-38 4.08296s .48928s infinite
}

.confetti-39,
.confetti-40 {
    width: 1px;
    height: .4px;
    left: 36%;
    opacity: 1.42527;
    -webkit-transform: rotate(157.76774deg);
    -ms-transform: rotate(157.76774deg);
    transform: rotate(157.76774deg);
    -webkit-animation: drop-39 4.15523s .05421s infinite;
    animation: drop-39 4.15523s .05421s infinite
}

.confetti-40 {
    width: 8px;
    height: 3.2px;
    left: 11%;
    opacity: 1.4163;
    -webkit-transform: rotate(212.17294deg);
    -ms-transform: rotate(212.17294deg);
    transform: rotate(212.17294deg);
    -webkit-animation: drop-40 4.28234s .10722s infinite;
    animation: drop-40 4.28234s .10722s infinite
}

.confetti-41 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 57%;
    opacity: .66252;
    -webkit-transform: rotate(246.54051deg);
    -ms-transform: rotate(246.54051deg);
    transform: rotate(246.54051deg);
    -webkit-animation: drop-41 4.75049s .30277s infinite;
    animation: drop-41 4.75049s .30277s infinite
}

.confetti-42 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: 5%;
    left: 61%;
    opacity: 1.09361;
    -webkit-transform: rotate(99.46012deg);
    -ms-transform: rotate(99.46012deg);
    transform: rotate(99.46012deg);
    -webkit-animation: drop-42 4.59867s .45242s infinite;
    animation: drop-42 4.59867s .45242s infinite
}

.confetti-43,
.confetti-44,
.confetti-45 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: 5%;
    left: 85%;
    opacity: 1.23442;
    -webkit-transform: rotate(143.69827deg);
    -ms-transform: rotate(143.69827deg);
    transform: rotate(143.69827deg);
    -webkit-animation: drop-43 4.16521s .28691s infinite;
    animation: drop-43 4.16521s .28691s infinite
}

.confetti-44,
.confetti-45 {
    width: 2px;
    height: .8px;
    opacity: .98299;
    -webkit-transform: rotate(11.49519deg);
    -ms-transform: rotate(11.49519deg);
    transform: rotate(11.49519deg);
    -webkit-animation: drop-44 4.59327s .72891s infinite;
    animation: drop-44 4.59327s .72891s infinite
}

.confetti-45 {
    width: 8px;
    height: 3.2px;
    left: 65%;
    opacity: 1.0457;
    -webkit-transform: rotate(65.35955deg);
    -ms-transform: rotate(65.35955deg);
    transform: rotate(65.35955deg);
    -webkit-animation: drop-45 4.22948s .87184s infinite;
    animation: drop-45 4.22948s .87184s infinite
}

.confetti-46 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 30%;
    opacity: 1.16988;
    -webkit-transform: rotate(33.08375deg);
    -ms-transform: rotate(33.08375deg);
    transform: rotate(33.08375deg);
    -webkit-animation: drop-46 4.11604s .4248s infinite;
    animation: drop-46 4.11604s .4248s infinite
}

.confetti-47 {
    width: 3px;
    height: 1.2px;
    background-color: #263672;
    top: 5%;
    left: 95%;
    opacity: .73615;
    -webkit-transform: rotate(29.97165deg);
    -ms-transform: rotate(29.97165deg);
    transform: rotate(29.97165deg);
    -webkit-animation: drop-47 4.44794s .56301s infinite;
    animation: drop-47 4.44794s .56301s infinite
}

.confetti-48,
.confetti-49,
.confetti-50 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 56%;
    opacity: .92105;
    -webkit-transform: rotate(197.40851deg);
    -ms-transform: rotate(197.40851deg);
    transform: rotate(197.40851deg);
    -webkit-animation: drop-48 4.4069s .82486s infinite;
    animation: drop-48 4.4069s .82486s infinite
}

.confetti-49,
.confetti-50 {
    width: 7px;
    height: 2.8px;
    left: 78%;
    opacity: .76887;
    -webkit-transform: rotate(199.1132deg);
    -ms-transform: rotate(199.1132deg);
    transform: rotate(199.1132deg);
    -webkit-animation: drop-49 4.63445s .70096s infinite;
    animation: drop-49 4.63445s .70096s infinite
}

.confetti-50 {
    left: 20%;
    opacity: .88955;
    -webkit-transform: rotate(195.61985deg);
    -ms-transform: rotate(195.61985deg);
    transform: rotate(195.61985deg);
    -webkit-animation: drop-50 4.9651s .23731s infinite;
    animation: drop-50 4.9651s .23731s infinite
}

.confetti-51 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 45%;
    opacity: 1.1434;
    -webkit-transform: rotate(335.44152deg);
    -ms-transform: rotate(335.44152deg);
    transform: rotate(335.44152deg);
    -webkit-animation: drop-51 4.35203s .07623s infinite;
    animation: drop-51 4.35203s .07623s infinite
}

.confetti-52 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 23%;
    opacity: 1.0377;
    -webkit-transform: rotate(107.41945deg);
    -ms-transform: rotate(107.41945deg);
    transform: rotate(107.41945deg);
    -webkit-animation: drop-52 4.75058s .36417s infinite;
    animation: drop-52 4.75058s .36417s infinite
}

.confetti-53 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 25%;
    opacity: 1.15671;
    -webkit-transform: rotate(19.36561deg);
    -ms-transform: rotate(19.36561deg);
    transform: rotate(19.36561deg);
    -webkit-animation: drop-53 4.74343s .42865s infinite;
    animation: drop-53 4.74343s .42865s infinite
}

.confetti-54,
.confetti-55 {
    width: 6px;
    height: 2.4px;
    background-color: #ffbf00;
    top: 5%;
    left: 87%;
    opacity: .79353;
    -webkit-transform: rotate(236.48664deg);
    -ms-transform: rotate(236.48664deg);
    transform: rotate(236.48664deg);
    -webkit-animation: drop-54 4.75091s .91744s infinite;
    animation: drop-54 4.75091s .91744s infinite
}

.confetti-55 {
    width: 3px;
    height: 1.2px;
    left: 56%;
    opacity: 1.46257;
    -webkit-transform: rotate(233.26703deg);
    -ms-transform: rotate(233.26703deg);
    transform: rotate(233.26703deg);
    -webkit-animation: drop-55 4.47444s .44778s infinite;
    animation: drop-55 4.47444s .44778s infinite
}

.confetti-56 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: 5%;
    left: 85%;
    opacity: 1.08337;
    -webkit-transform: rotate(195.67183deg);
    -ms-transform: rotate(195.67183deg);
    transform: rotate(195.67183deg);
    -webkit-animation: drop-56 4.52995s .6225s infinite;
    animation: drop-56 4.52995s .6225s infinite
}

.confetti-57 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: 5%;
    left: 37%;
    opacity: 1.32835;
    -webkit-transform: rotate(143.47284deg);
    -ms-transform: rotate(143.47284deg);
    transform: rotate(143.47284deg);
    -webkit-animation: drop-57 4.73162s .94823s infinite;
    animation: drop-57 4.73162s .94823s infinite
}

.confetti-58 {
    width: 6px;
    height: 2.4px;
    background-color: #d13447;
    top: 5%;
    left: 91%;
    opacity: 1.44729;
    -webkit-transform: rotate(58.14733deg);
    -ms-transform: rotate(58.14733deg);
    transform: rotate(58.14733deg);
    -webkit-animation: drop-58 4.37126s .01419s infinite;
    animation: drop-58 4.37126s .01419s infinite
}

.confetti-59,
.confetti-60 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 61%;
    opacity: .95268;
    -webkit-transform: rotate(160.25313deg);
    -ms-transform: rotate(160.25313deg);
    transform: rotate(160.25313deg);
    -webkit-animation: drop-59 4.16998s .54432s infinite;
    animation: drop-59 4.16998s .54432s infinite
}

.confetti-60 {
    width: 4px;
    height: 1.6px;
    left: 19%;
    opacity: .86119;
    -webkit-transform: rotate(297.5923deg);
    -ms-transform: rotate(297.5923deg);
    transform: rotate(297.5923deg);
    -webkit-animation: drop-60 4.90554s .03635s infinite;
    animation: drop-60 4.90554s .03635s infinite
}

.confetti-61 {
    width: 8px;
    height: 3.2px;
    background-color: #263672;
    top: 5%;
    left: 17%;
    opacity: 1.12533;
    -webkit-transform: rotate(312.16547deg);
    -ms-transform: rotate(312.16547deg);
    transform: rotate(312.16547deg);
    -webkit-animation: drop-61 4.74569s .66516s infinite;
    animation: drop-61 4.74569s .66516s infinite
}

.confetti-62 {
    width: 2px;
    height: .8px;
    background-color: #ffbf00;
    top: 5%;
    left: 45%;
    opacity: .72025;
    -webkit-transform: rotate(22.3641deg);
    -ms-transform: rotate(22.3641deg);
    transform: rotate(22.3641deg);
    -webkit-animation: drop-62 4.05283s .60018s infinite;
    animation: drop-62 4.05283s .60018s infinite
}

.confetti-63 {
    width: 1px;
    height: .4px;
    background-color: #d13447;
    top: 5%;
    left: 7%;
    opacity: 1.41032;
    -webkit-transform: rotate(142.59176deg);
    -ms-transform: rotate(142.59176deg);
    transform: rotate(142.59176deg);
    -webkit-animation: drop-63 4.64441s .36813s infinite;
    animation: drop-63 4.64441s .36813s infinite
}

.confetti-64 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 61%;
    opacity: 1.12608;
    -webkit-transform: rotate(351.47241deg);
    -ms-transform: rotate(351.47241deg);
    transform: rotate(351.47241deg);
    -webkit-animation: drop-64 4.16822s .7593s infinite;
    animation: drop-64 4.16822s .7593s infinite
}

.confetti-65 {
    width: 2px;
    height: .8px;
    background-color: #d13447;
    top: 5%;
    left: 20%;
    opacity: 1.40425;
    -webkit-transform: rotate(251.77672deg);
    -ms-transform: rotate(251.77672deg);
    transform: rotate(251.77672deg);
    -webkit-animation: drop-65 4.78876s .49813s infinite;
    animation: drop-65 4.78876s .49813s infinite
}

.confetti-66,
.confetti-67 {
    width: 1px;
    height: .4px;
    background-color: #263672;
    top: 5%;
    left: 74%;
    opacity: .70825;
    -webkit-transform: rotate(32.45173deg);
    -ms-transform: rotate(32.45173deg);
    transform: rotate(32.45173deg);
    -webkit-animation: drop-66 4.71012s .76827s infinite;
    animation: drop-66 4.71012s .76827s infinite
}

.confetti-67 {
    width: 2px;
    height: .8px;
    left: 87%;
    opacity: 1.06465;
    -webkit-transform: rotate(245.39254deg);
    -ms-transform: rotate(245.39254deg);
    transform: rotate(245.39254deg);
    -webkit-animation: drop-67 4.56551s .99364s infinite;
    animation: drop-67 4.56551s .99364s infinite
}

.confetti-68 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 91%;
    opacity: .55183;
    -webkit-transform: rotate(41.4819deg);
    -ms-transform: rotate(41.4819deg);
    transform: rotate(41.4819deg);
    -webkit-animation: drop-68 4.25726s .65387s infinite;
    animation: drop-68 4.25726s .65387s infinite
}

.confetti-69,
.confetti-70,
.confetti-71 {
    width: 1px;
    height: .4px;
    background-color: #d13447;
    top: 5%;
    left: 12%;
    opacity: 1.31594;
    -webkit-transform: rotate(358.53283deg);
    -ms-transform: rotate(358.53283deg);
    transform: rotate(358.53283deg);
    -webkit-animation: drop-69 4.18062s .86868s infinite;
    animation: drop-69 4.18062s .86868s infinite
}

.confetti-70,
.confetti-71 {
    width: 7px;
    height: 2.8px;
    left: 54%;
    opacity: .52649;
    -webkit-transform: rotate(36.801deg);
    -ms-transform: rotate(36.801deg);
    transform: rotate(36.801deg);
    -webkit-animation: drop-70 4.008s .89294s infinite;
    animation: drop-70 4.008s .89294s infinite
}

.confetti-71 {
    width: 2px;
    height: .8px;
    left: 92%;
    opacity: .60032;
    -webkit-transform: rotate(16.73014deg);
    -ms-transform: rotate(16.73014deg);
    transform: rotate(16.73014deg);
    -webkit-animation: drop-71 4.23013s .12876s infinite;
    animation: drop-71 4.23013s .12876s infinite
}

.confetti-72,
.confetti-73,
.confetti-74 {
    width: 1px;
    height: .4px;
    background-color: #263672;
    top: 5%;
    left: 46%;
    opacity: .90686;
    -webkit-transform: rotate(177.33895deg);
    -ms-transform: rotate(177.33895deg);
    transform: rotate(177.33895deg);
    -webkit-animation: drop-72 4.05708s .54589s infinite;
    animation: drop-72 4.05708s .54589s infinite
}

.confetti-73,
.confetti-74 {
    left: 33%;
    opacity: .87819;
    -webkit-transform: rotate(259.39478deg);
    -ms-transform: rotate(259.39478deg);
    transform: rotate(259.39478deg);
    -webkit-animation: drop-73 4.9063s .19894s infinite;
    animation: drop-73 4.9063s .19894s infinite
}

.confetti-74 {
    width: 3px;
    height: 1.2px;
    left: 44%;
    opacity: 1.35722;
    -webkit-transform: rotate(196.29625deg);
    -ms-transform: rotate(196.29625deg);
    transform: rotate(196.29625deg);
    -webkit-animation: drop-74 4.24493s .66856s infinite;
    animation: drop-74 4.24493s .66856s infinite
}

.confetti-75,
.confetti-76 {
    width: 6px;
    height: 2.4px;
    background-color: #d13447;
    top: 5%;
    left: 79%;
    opacity: .67892;
    -webkit-transform: rotate(33.44916deg);
    -ms-transform: rotate(33.44916deg);
    transform: rotate(33.44916deg);
    -webkit-animation: drop-75 4.55657s .17897s infinite;
    animation: drop-75 4.55657s .17897s infinite
}

.confetti-76 {
    width: 4px;
    height: 1.6px;
    left: 44%;
    opacity: 1.27462;
    -webkit-transform: rotate(277.53975deg);
    -ms-transform: rotate(277.53975deg);
    transform: rotate(277.53975deg);
    -webkit-animation: drop-76 4.45111s .12505s infinite;
    animation: drop-76 4.45111s .12505s infinite
}

.confetti-77,
.confetti-78 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 33%;
    opacity: 1.30154;
    -webkit-transform: rotate(294.98998deg);
    -ms-transform: rotate(294.98998deg);
    transform: rotate(294.98998deg);
    -webkit-animation: drop-77 4.33685s .88675s infinite;
    animation: drop-77 4.33685s .88675s infinite
}

.confetti-78 {
    width: 5px;
    height: 2px;
    left: 16%;
    opacity: .70577;
    -webkit-transform: rotate(127.50852deg);
    -ms-transform: rotate(127.50852deg);
    transform: rotate(127.50852deg);
    -webkit-animation: drop-78 4.99562s .35087s infinite;
    animation: drop-78 4.99562s .35087s infinite
}

.confetti-79,
.confetti-80 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: 5%;
    left: 31%;
    opacity: .56451;
    -webkit-transform: rotate(357.90613deg);
    -ms-transform: rotate(357.90613deg);
    transform: rotate(357.90613deg);
    -webkit-animation: drop-79 4.39717s .66691s infinite;
    animation: drop-79 4.39717s .66691s infinite
}

.confetti-80 {
    width: 8px;
    height: 3.2px;
    left: 45%;
    opacity: 1.35581;
    -webkit-transform: rotate(118.14791deg);
    -ms-transform: rotate(118.14791deg);
    transform: rotate(118.14791deg);
    -webkit-animation: drop-80 4.06982s .6193s infinite;
    animation: drop-80 4.06982s .6193s infinite
}

.confetti-81 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 18%;
    opacity: 1.0966;
    -webkit-transform: rotate(112.36161deg);
    -ms-transform: rotate(112.36161deg);
    transform: rotate(112.36161deg);
    -webkit-animation: drop-81 4.36638s .10113s infinite;
    animation: drop-81 4.36638s .10113s infinite
}

.confetti-82,
.confetti-83,
.confetti-84 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 5%;
    opacity: 1.06719;
    -webkit-transform: rotate(256.60152deg);
    -ms-transform: rotate(256.60152deg);
    transform: rotate(256.60152deg);
    -webkit-animation: drop-82 4.1109s .68145s infinite;
    animation: drop-82 4.1109s .68145s infinite
}

.confetti-83,
.confetti-84 {
    left: 89%;
    opacity: 1.19164;
    -webkit-transform: rotate(350.35062deg);
    -ms-transform: rotate(350.35062deg);
    transform: rotate(350.35062deg);
    -webkit-animation: drop-83 4.81666s .30469s infinite;
    animation: drop-83 4.81666s .30469s infinite
}

.confetti-84 {
    width: 4px;
    height: 1.6px;
    left: 53%;
    opacity: 1.33975;
    -webkit-transform: rotate(306.18655deg);
    -ms-transform: rotate(306.18655deg);
    transform: rotate(306.18655deg);
    -webkit-animation: drop-84 4.90613s .93949s infinite;
    animation: drop-84 4.90613s .93949s infinite
}

.confetti-85 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 45%;
    opacity: .79912;
    -webkit-transform: rotate(68.47413deg);
    -ms-transform: rotate(68.47413deg);
    transform: rotate(68.47413deg);
    -webkit-animation: drop-85 4.32074s .09809s infinite;
    animation: drop-85 4.32074s .09809s infinite
}

.confetti-86,
.confetti-87,
.confetti-88 {
    width: 1px;
    height: .4px;
    background-color: #d13447;
    top: 5%;
    left: 46%;
    opacity: 1.09741;
    -webkit-transform: rotate(51.40831deg);
    -ms-transform: rotate(51.40831deg);
    transform: rotate(51.40831deg);
    -webkit-animation: drop-86 4.39168s .52425s infinite;
    animation: drop-86 4.39168s .52425s infinite
}

.confetti-87,
.confetti-88 {
    width: 7px;
    height: 2.8px;
    left: 86%;
    opacity: 1.48356;
    -webkit-transform: rotate(261.14937deg);
    -ms-transform: rotate(261.14937deg);
    transform: rotate(261.14937deg);
    -webkit-animation: drop-87 4.72331s .59935s infinite;
    animation: drop-87 4.72331s .59935s infinite
}

.confetti-88 {
    background-color: #263672;
    left: 35%;
    opacity: .51258;
    -webkit-transform: rotate(211.48224deg);
    -ms-transform: rotate(211.48224deg);
    transform: rotate(211.48224deg);
    -webkit-animation: drop-88 4.73824s .35334s infinite;
    animation: drop-88 4.73824s .35334s infinite
}

.confetti-89,
.confetti-90,
.confetti-91 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: 5%;
    left: 56%;
    opacity: .98277;
    -webkit-transform: rotate(319.29634deg);
    -ms-transform: rotate(319.29634deg);
    transform: rotate(319.29634deg);
    -webkit-animation: drop-89 4.6135s .81124s infinite;
    animation: drop-89 4.6135s .81124s infinite
}

.confetti-90,
.confetti-91 {
    width: 1px;
    height: .4px;
    left: 10%;
    opacity: .87673;
    -webkit-transform: rotate(316.08064deg);
    -ms-transform: rotate(316.08064deg);
    transform: rotate(316.08064deg);
    -webkit-animation: drop-90 4.86841s .72277s infinite;
    animation: drop-90 4.86841s .72277s infinite
}

.confetti-91 {
    width: 3px;
    height: 1.2px;
    left: 21%;
    opacity: .54545;
    -webkit-transform: rotate(265.07053deg);
    -ms-transform: rotate(265.07053deg);
    transform: rotate(265.07053deg);
    -webkit-animation: drop-91 4.77993s .51899s infinite;
    animation: drop-91 4.77993s .51899s infinite
}

.confetti-92 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: 5%;
    left: 51%;
    opacity: .77187;
    -webkit-transform: rotate(88.11822deg);
    -ms-transform: rotate(88.11822deg);
    transform: rotate(88.11822deg);
    -webkit-animation: drop-92 4.81656s .6703s infinite;
    animation: drop-92 4.81656s .6703s infinite
}

.confetti-93,
.confetti-94 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 94%;
    opacity: .72627;
    -webkit-transform: rotate(190.73078deg);
    -ms-transform: rotate(190.73078deg);
    transform: rotate(190.73078deg);
    -webkit-animation: drop-93 4.96635s .77789s infinite;
    animation: drop-93 4.96635s .77789s infinite
}

.confetti-94 {
    width: 6px;
    height: 2.4px;
    left: 52%;
    opacity: .69802;
    -webkit-transform: rotate(302.44678deg);
    -ms-transform: rotate(302.44678deg);
    transform: rotate(302.44678deg);
    -webkit-animation: drop-94 4.88949s .22389s infinite;
    animation: drop-94 4.88949s .22389s infinite
}

.confetti-95,
.confetti-96,
.confetti-97 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: 5%;
    left: 30%;
    opacity: .77965;
    -webkit-transform: rotate(109.76121deg);
    -ms-transform: rotate(109.76121deg);
    transform: rotate(109.76121deg);
    -webkit-animation: drop-95 4.84251s .94059s infinite;
    animation: drop-95 4.84251s .94059s infinite
}

.confetti-96,
.confetti-97 {
    background-color: #263672;
    left: 72%;
    opacity: 1.14354;
    -webkit-transform: rotate(327.2938deg);
    -ms-transform: rotate(327.2938deg);
    transform: rotate(327.2938deg);
    -webkit-animation: drop-96 4.17151s .03774s infinite;
    animation: drop-96 4.17151s .03774s infinite
}

.confetti-97 {
    width: 6px;
    height: 2.4px;
    left: 30%;
    opacity: 1.22963;
    -webkit-transform: rotate(188.71162deg);
    -ms-transform: rotate(188.71162deg);
    transform: rotate(188.71162deg);
    -webkit-animation: drop-97 4.8671s .65871s infinite;
    animation: drop-97 4.8671s .65871s infinite
}

.confetti-98,
.confetti-99 {
    width: 1px;
    height: .4px;
    background-color: #d13447;
    top: 5%;
    left: 29%;
    opacity: 1.22798;
    -webkit-transform: rotate(313.5981deg);
    -ms-transform: rotate(313.5981deg);
    transform: rotate(313.5981deg);
    -webkit-animation: drop-98 4.45037s .37615s infinite;
    animation: drop-98 4.45037s .37615s infinite
}

.confetti-99 {
    left: 7%;
    opacity: .70469;
    -webkit-transform: rotate(315.50118deg);
    -ms-transform: rotate(315.50118deg);
    transform: rotate(315.50118deg);
    -webkit-animation: drop-99 4.00188s .0513s infinite;
    animation: drop-99 4.00188s .0513s infinite
}

.confetti-100,
.confetti-101 {
    width: 3px;
    height: 1.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 50%;
    opacity: .69572;
    -webkit-transform: rotate(22.85623deg);
    -ms-transform: rotate(22.85623deg);
    transform: rotate(22.85623deg);
    -webkit-animation: drop-100 4.06566s .46669s infinite;
    animation: drop-100 4.06566s .46669s infinite
}

.confetti-101 {
    width: 2px;
    height: .8px;
    left: 4%;
    opacity: .50594;
    -webkit-transform: rotate(81.12185deg);
    -ms-transform: rotate(81.12185deg);
    transform: rotate(81.12185deg);
    -webkit-animation: drop-101 4.26077s .82748s infinite;
    animation: drop-101 4.26077s .82748s infinite
}

.confetti-102 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 68%;
    opacity: .84331;
    -webkit-transform: rotate(28.86949deg);
    -ms-transform: rotate(28.86949deg);
    transform: rotate(28.86949deg);
    -webkit-animation: drop-102 4.0398s .79441s infinite;
    animation: drop-102 4.0398s .79441s infinite
}

.confetti-103 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: 5%;
    left: 8%;
    opacity: .96096;
    -webkit-transform: rotate(319.31885deg);
    -ms-transform: rotate(319.31885deg);
    transform: rotate(319.31885deg);
    -webkit-animation: drop-103 4.9283s .09676s infinite;
    animation: drop-103 4.9283s .09676s infinite
}

.confetti-104,
.confetti-105,
.confetti-106 {
    width: 1px;
    height: .4px;
    background-color: #263672;
    top: 5%;
    left: 62%;
    opacity: .79747;
    -webkit-transform: rotate(292.2623deg);
    -ms-transform: rotate(292.2623deg);
    transform: rotate(292.2623deg);
    -webkit-animation: drop-104 4.19042s .91839s infinite;
    animation: drop-104 4.19042s .91839s infinite
}

.confetti-105,
.confetti-106 {
    left: 41%;
    opacity: 1.42242;
    -webkit-transform: rotate(243.16505deg);
    -ms-transform: rotate(243.16505deg);
    transform: rotate(243.16505deg);
    -webkit-animation: drop-105 4.12135s .45203s infinite;
    animation: drop-105 4.12135s .45203s infinite
}

.confetti-106 {
    width: 6px;
    height: 2.4px;
    left: 2%;
    opacity: 1.07984;
    -webkit-transform: rotate(121.21361deg);
    -ms-transform: rotate(121.21361deg);
    transform: rotate(121.21361deg);
    -webkit-animation: drop-106 4.62914s .37376s infinite;
    animation: drop-106 4.62914s .37376s infinite
}

.confetti-107 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 3%;
    opacity: 1.14774;
    -webkit-transform: rotate(215.29849deg);
    -ms-transform: rotate(215.29849deg);
    transform: rotate(215.29849deg);
    -webkit-animation: drop-107 4.4771s .32965s infinite;
    animation: drop-107 4.4771s .32965s infinite
}

.confetti-108 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: 5%;
    left: 81%;
    opacity: 1.08762;
    -webkit-transform: rotate(264.69029deg);
    -ms-transform: rotate(264.69029deg);
    transform: rotate(264.69029deg);
    -webkit-animation: drop-108 4.17129s .48335s infinite;
    animation: drop-108 4.17129s .48335s infinite
}

.confetti-109 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 43%;
    opacity: 1.07981;
    -webkit-transform: rotate(332.66991deg);
    -ms-transform: rotate(332.66991deg);
    transform: rotate(332.66991deg);
    -webkit-animation: drop-109 4.80634s .88467s infinite;
    animation: drop-109 4.80634s .88467s infinite
}

.confetti-110 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: 5%;
    left: 62%;
    opacity: 1.01304;
    -webkit-transform: rotate(92.56358deg);
    -ms-transform: rotate(92.56358deg);
    transform: rotate(92.56358deg);
    -webkit-animation: drop-110 4.08669s .59823s infinite;
    animation: drop-110 4.08669s .59823s infinite
}

.confetti-111 {
    width: 4px;
    height: 1.6px;
    background-color: #263672;
    top: 5%;
    left: 9%;
    opacity: .88212;
    -webkit-transform: rotate(202.00607deg);
    -ms-transform: rotate(202.00607deg);
    transform: rotate(202.00607deg);
    -webkit-animation: drop-111 4.58399s .26767s infinite;
    animation: drop-111 4.58399s .26767s infinite
}

.confetti-112,
.confetti-113,
.confetti-114 {
    width: 7px;
    height: 2.8px;
    background-color: #263672;
    top: 5%;
    left: 26%;
    opacity: .90911;
    -webkit-transform: rotate(150.74909deg);
    -ms-transform: rotate(150.74909deg);
    transform: rotate(150.74909deg);
    -webkit-animation: drop-112 4.68409s .85905s infinite;
    animation: drop-112 4.68409s .85905s infinite
}

.confetti-113,
.confetti-114 {
    background-color: #d13447;
    left: 35%;
    opacity: .55364;
    -webkit-transform: rotate(151.55652deg);
    -ms-transform: rotate(151.55652deg);
    transform: rotate(151.55652deg);
    -webkit-animation: drop-113 4.64478s .6345s infinite;
    animation: drop-113 4.64478s .6345s infinite
}

.confetti-114 {
    background-color: #263672;
    left: 28%;
    opacity: .70135;
    -webkit-transform: rotate(48.17039deg);
    -ms-transform: rotate(48.17039deg);
    transform: rotate(48.17039deg);
    -webkit-animation: drop-114 4.1882s .66187s infinite;
    animation: drop-114 4.1882s .66187s infinite
}

.confetti-115 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 9%;
    opacity: .71362;
    -webkit-transform: rotate(274.23414deg);
    -ms-transform: rotate(274.23414deg);
    transform: rotate(274.23414deg);
    -webkit-animation: drop-115 4.75553s .37094s infinite;
    animation: drop-115 4.75553s .37094s infinite
}

.confetti-116,
.confetti-117 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: 5%;
    left: 73%;
    opacity: .93805;
    -webkit-transform: rotate(132.33379deg);
    -ms-transform: rotate(132.33379deg);
    transform: rotate(132.33379deg);
    -webkit-animation: drop-116 4.15494s .1396s infinite;
    animation: drop-116 4.15494s .1396s infinite
}

.confetti-117 {
    width: 3px;
    height: 1.2px;
    left: 63%;
    opacity: .59637;
    -webkit-transform: rotate(252.93107deg);
    -ms-transform: rotate(252.93107deg);
    transform: rotate(252.93107deg);
    -webkit-animation: drop-117 4.04085s .14667s infinite;
    animation: drop-117 4.04085s .14667s infinite
}

.confetti-118,
.confetti-119,
.confetti-120 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 39%;
    opacity: .72415;
    -webkit-transform: rotate(304.25903deg);
    -ms-transform: rotate(304.25903deg);
    transform: rotate(304.25903deg);
    -webkit-animation: drop-118 4.39548s .90827s infinite;
    animation: drop-118 4.39548s .90827s infinite
}

.confetti-119,
.confetti-120 {
    background-color: #ffbf00;
    left: 42%;
    opacity: 1.06182;
    -webkit-transform: rotate(9.16986deg);
    -ms-transform: rotate(9.16986deg);
    transform: rotate(9.16986deg);
    -webkit-animation: drop-119 4.57636s .8268s infinite;
    animation: drop-119 4.57636s .8268s infinite
}

.confetti-120 {
    background-color: #263672;
    left: 23%;
    opacity: 1.22571;
    -webkit-transform: rotate(27.33412deg);
    -ms-transform: rotate(27.33412deg);
    transform: rotate(27.33412deg);
    -webkit-animation: drop-120 4.17739s .14726s infinite;
    animation: drop-120 4.17739s .14726s infinite
}

.confetti-121 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 8%;
    opacity: 1.18154;
    -webkit-transform: rotate(193.52703deg);
    -ms-transform: rotate(193.52703deg);
    transform: rotate(193.52703deg);
    -webkit-animation: drop-121 4.18581s .05865s infinite;
    animation: drop-121 4.18581s .05865s infinite
}

.confetti-122,
.confetti-123,
.confetti-124 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: 5%;
    left: 69%;
    opacity: .77442;
    -webkit-transform: rotate(40.84353deg);
    -ms-transform: rotate(40.84353deg);
    transform: rotate(40.84353deg);
    -webkit-animation: drop-122 4.30802s .38694s infinite;
    animation: drop-122 4.30802s .38694s infinite
}

.confetti-123,
.confetti-124 {
    background-color: #263672;
    left: 72%;
    opacity: .96285;
    -webkit-transform: rotate(319.25607deg);
    -ms-transform: rotate(319.25607deg);
    transform: rotate(319.25607deg);
    -webkit-animation: drop-123 4.71454s .69346s infinite;
    animation: drop-123 4.71454s .69346s infinite
}

.confetti-124 {
    width: 2px;
    height: .8px;
    left: 62%;
    opacity: 1.31897;
    -webkit-transform: rotate(54.29867deg);
    -ms-transform: rotate(54.29867deg);
    transform: rotate(54.29867deg);
    -webkit-animation: drop-124 4.92137s .83655s infinite;
    animation: drop-124 4.92137s .83655s infinite
}

.confetti-125,
.confetti-126 {
    width: 5px;
    height: 2px;
    background-color: #ffbf00;
    top: 5%;
    left: 17%;
    opacity: .93575;
    -webkit-transform: rotate(206.07558deg);
    -ms-transform: rotate(206.07558deg);
    transform: rotate(206.07558deg);
    -webkit-animation: drop-125 4.84474s .53402s infinite;
    animation: drop-125 4.84474s .53402s infinite
}

.confetti-126 {
    width: 2px;
    height: .8px;
    left: 65%;
    opacity: 1.32953;
    -webkit-transform: rotate(48.96991deg);
    -ms-transform: rotate(48.96991deg);
    transform: rotate(48.96991deg);
    -webkit-animation: drop-126 4.61501s .94348s infinite;
    animation: drop-126 4.61501s .94348s infinite
}

.confetti-127 {
    width: 1px;
    height: .4px;
    background-color: #263672;
    top: 5%;
    left: 38%;
    opacity: 1.34895;
    -webkit-transform: rotate(300.71871deg);
    -ms-transform: rotate(300.71871deg);
    transform: rotate(300.71871deg);
    -webkit-animation: drop-127 4.10212s .94245s infinite;
    animation: drop-127 4.10212s .94245s infinite
}

.confetti-128,
.confetti-129,
.confetti-130 {
    width: 8px;
    height: 3.2px;
    background-color: #ffbf00;
    top: 5%;
    left: 19%;
    opacity: .52296;
    -webkit-transform: rotate(148.32909deg);
    -ms-transform: rotate(148.32909deg);
    transform: rotate(148.32909deg);
    -webkit-animation: drop-128 4.92679s .42503s infinite;
    animation: drop-128 4.92679s .42503s infinite
}

.confetti-129,
.confetti-130 {
    width: 1px;
    height: .4px;
    left: 41%;
    opacity: .90535;
    -webkit-transform: rotate(100.92998deg);
    -ms-transform: rotate(100.92998deg);
    transform: rotate(100.92998deg);
    -webkit-animation: drop-129 4.80291s .51611s infinite;
    animation: drop-129 4.80291s .51611s infinite
}

.confetti-130 {
    background-color: #263672;
    left: 34%;
    opacity: 1.06172;
    -webkit-transform: rotate(90.79364deg);
    -ms-transform: rotate(90.79364deg);
    transform: rotate(90.79364deg);
    -webkit-animation: drop-130 4.99034s .84885s infinite;
    animation: drop-130 4.99034s .84885s infinite
}

.confetti-131 {
    width: 7px;
    height: 2.8px;
    background-color: #ffbf00;
    top: 5%;
    left: 43%;
    opacity: 1.32662;
    -webkit-transform: rotate(116.14048deg);
    -ms-transform: rotate(116.14048deg);
    transform: rotate(116.14048deg);
    -webkit-animation: drop-131 4.64167s .85673s infinite;
    animation: drop-131 4.64167s .85673s infinite
}

.confetti-132 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: 5%;
    left: 59%;
    opacity: 1.27329;
    -webkit-transform: rotate(5.92732deg);
    -ms-transform: rotate(5.92732deg);
    transform: rotate(5.92732deg);
    -webkit-animation: drop-132 4.36239s .88936s infinite;
    animation: drop-132 4.36239s .88936s infinite
}

.confetti-133 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 28%;
    opacity: 1.45573;
    -webkit-transform: rotate(228.97635deg);
    -ms-transform: rotate(228.97635deg);
    transform: rotate(228.97635deg);
    -webkit-animation: drop-133 4.08283s .35662s infinite;
    animation: drop-133 4.08283s .35662s infinite
}

.confetti-134 {
    width: 8px;
    height: 3.2px;
    background-color: #d13447;
    top: 5%;
    left: 11%;
    opacity: 1.33154;
    -webkit-transform: rotate(95.41884deg);
    -ms-transform: rotate(95.41884deg);
    transform: rotate(95.41884deg);
    -webkit-animation: drop-134 4.59568s .07632s infinite;
    animation: drop-134 4.59568s .07632s infinite
}

.confetti-135 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 36%;
    opacity: 1.20577;
    -webkit-transform: rotate(118.61819deg);
    -ms-transform: rotate(118.61819deg);
    transform: rotate(118.61819deg);
    -webkit-animation: drop-135 4.98575s .18845s infinite;
    animation: drop-135 4.98575s .18845s infinite
}

.confetti-136 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 21%;
    opacity: .63615;
    -webkit-transform: rotate(102.61835deg);
    -ms-transform: rotate(102.61835deg);
    transform: rotate(102.61835deg);
    -webkit-animation: drop-136 4.53429s .51942s infinite;
    animation: drop-136 4.53429s .51942s infinite
}

.confetti-137 {
    width: 2px;
    height: .8px;
    background-color: #d13447;
    top: 5%;
    left: 83%;
    opacity: 1.4921;
    -webkit-transform: rotate(4.17222deg);
    -ms-transform: rotate(4.17222deg);
    transform: rotate(4.17222deg);
    -webkit-animation: drop-137 4.46949s .72959s infinite;
    animation: drop-137 4.46949s .72959s infinite
}

.confetti-138 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 13%;
    opacity: 1.21695;
    -webkit-transform: rotate(280.84356deg);
    -ms-transform: rotate(280.84356deg);
    transform: rotate(280.84356deg);
    -webkit-animation: drop-138 4.06554s .59164s infinite;
    animation: drop-138 4.06554s .59164s infinite
}

.confetti-139 {
    width: 4px;
    height: 1.6px;
    background-color: #d13447;
    top: 5%;
    left: 77%;
    opacity: 1.06376;
    -webkit-transform: rotate(178.62515deg);
    -ms-transform: rotate(178.62515deg);
    transform: rotate(178.62515deg);
    -webkit-animation: drop-139 4.89813s .57877s infinite;
    animation: drop-139 4.89813s .57877s infinite
}

.confetti-140,
.confetti-141 {
    width: 1px;
    height: .4px;
    background-color: #ffbf00;
    top: 5%;
    left: 80%;
    opacity: .83052;
    -webkit-transform: rotate(111.37881deg);
    -ms-transform: rotate(111.37881deg);
    transform: rotate(111.37881deg);
    -webkit-animation: drop-140 4.80564s .67996s infinite;
    animation: drop-140 4.80564s .67996s infinite
}

.confetti-141 {
    width: 2px;
    height: .8px;
    left: 94%;
    opacity: .90652;
    -webkit-transform: rotate(138.76986deg);
    -ms-transform: rotate(138.76986deg);
    transform: rotate(138.76986deg);
    -webkit-animation: drop-141 4.70208s .59116s infinite;
    animation: drop-141 4.70208s .59116s infinite
}

.confetti-142 {
    width: 7px;
    height: 2.8px;
    background-color: #d13447;
    top: 5%;
    left: 36%;
    opacity: 1.08749;
    -webkit-transform: rotate(206.11305deg);
    -ms-transform: rotate(206.11305deg);
    transform: rotate(206.11305deg);
    -webkit-animation: drop-142 4.5053s .48748s infinite;
    animation: drop-142 4.5053s .48748s infinite
}

.confetti-143,
.confetti-144 {
    width: 4px;
    height: 1.6px;
    background-color: #ffbf00;
    top: 5%;
    left: 51%;
    opacity: 1.28023;
    -webkit-transform: rotate(213.38729deg);
    -ms-transform: rotate(213.38729deg);
    transform: rotate(213.38729deg);
    -webkit-animation: drop-143 4.12246s .34232s infinite;
    animation: drop-143 4.12246s .34232s infinite
}

.confetti-144 {
    width: 5px;
    height: 2px;
    left: 14%;
    opacity: 1.28932;
    -webkit-transform: rotate(124.71325deg);
    -ms-transform: rotate(124.71325deg);
    transform: rotate(124.71325deg);
    -webkit-animation: drop-144 4.35227s .79981s infinite;
    animation: drop-144 4.35227s .79981s infinite
}

.confetti-145 {
    width: 2px;
    height: .8px;
    background-color: #263672;
    top: 5%;
    left: 31%;
    opacity: .86679;
    -webkit-transform: rotate(318.98551deg);
    -ms-transform: rotate(318.98551deg);
    transform: rotate(318.98551deg);
    -webkit-animation: drop-145 4.45243s .90468s infinite;
    animation: drop-145 4.45243s .90468s infinite
}

.confetti-146,
.confetti-147 {
    width: 3px;
    height: 1.2px;
    background-color: #d13447;
    top: 5%;
    left: 48%;
    opacity: .74327;
    -webkit-transform: rotate(114.91442deg);
    -ms-transform: rotate(114.91442deg);
    transform: rotate(114.91442deg);
    -webkit-animation: drop-146 4.66052s .52972s infinite;
    animation: drop-146 4.66052s .52972s infinite
}

.confetti-147 {
    background-color: #ffbf00;
    left: 43%;
    opacity: .9684;
    -webkit-transform: rotate(206.52656deg);
    -ms-transform: rotate(206.52656deg);
    transform: rotate(206.52656deg);
    -webkit-animation: drop-147 4.36889s .92181s infinite;
    animation: drop-147 4.36889s .92181s infinite
}

.confetti-148,
.confetti-149 {
    width: 5px;
    height: 2px;
    background-color: #d13447;
    top: 5%;
    left: 67%;
    opacity: .5858;
    -webkit-transform: rotate(174.89866deg);
    -ms-transform: rotate(174.89866deg);
    transform: rotate(174.89866deg);
    -webkit-animation: drop-148 4.62139s .53719s infinite;
    animation: drop-148 4.62139s .53719s infinite
}

.confetti-149 {
    width: 2px;
    height: .8px;
    left: 63%;
    opacity: 1.07028;
    -webkit-transform: rotate(297.26717deg);
    -ms-transform: rotate(297.26717deg);
    transform: rotate(297.26717deg);
    -webkit-animation: drop-149 4.6363s .23333s infinite;
    animation: drop-149 4.6363s .23333s infinite
}

:root {
    --mdc-theme-on-dark: #78a19e;
    --mdc-theme-vibrant-surface: #a30052;
    --mdc-theme-dull-surface: #eca2bd;
    --mdc-theme-surface: #fafaf4;
    --mdc-theme-warning: #ffc43d;
    --mdc-theme-text: #432918
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.summary-report__contents li a,
body,
html {
    color: #432918
}

h1+h2 {
    margin-top: 0
}

[contenteditable=true] {
    background: #fafaf4;
    padding-top: .5em
}

.edit-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0
}

.edit-bar__button {
    text-align: center
}

.flags-table {
    border-style: solid;
    margin-bottom: .5em;
    border-collapse: collapse;
    line-height: 1.5;
    display: none
}

.suggestionList li {
    padding: .25rem
}

.suggestionList>li {
    padding: 1rem
}

.toggle-bar {
    margin-top: 5em
}

.goodChange::before,
.goodChangeWord::before {
    content: '+'
}

.goodChange {
    color: green;
    letter-spacing: .15em;
    font-size: 1.15em
}

.goodChangeWord {
    background: rgba(0, 255, 0, .1)
}

.goodNegativeChange {
    color: green;
    letter-spacing: .15em;
    font-size: 1.15em
}

.badChangeWord::before {
    content: '-'
}

.badChangeWord {
    background: rgba(255, 0, 0, .1)
}

.badChange {
    color: red
}

.badChange,
.wordChange,
.zeroChange {
    letter-spacing: .15em;
    font-size: 1.15em
}

.wordChange {
    padding: .5em;
    margin: .5em;
    font-weight: 300
}

.fa-flag {
    background: #fafafa;
    padding: .2rem;
    border-top: 2px solid #fff
}

.flag--yellow::before {
    color: #ffc43d
}

.flag--red::before {
    color: #8a0000
}

.addRemoveList,
.trendList {
    list-style-type: none
}

.trendList li {
    margin: 1em 0
}

.addRemoveList li {
    display: inline-block
}

.trendBox {
    display: none
}

.trendBox figure {
    width: 80%
}

@media (min-width:640px) {
    .trendBox figure {
        margin: 0 auto
    }
}

.main {
    margin: 3rem auto 0;
    padding: 4rem 0;
    min-height: calc(75vh - 8.65rem);
    background: #f5f5e9
}

@media (min-width:1080px) {
    .main {
        margin-top: 4rem;
        padding: 4rem
    }
}

.main a {
    color: #a30052
}

.main a:hover {
    color: #8a0045
}

.container {
    margin: 0 auto;
    max-width: 67.5rem
}

[data-format=simple-form] .container {
    max-width: 25rem
}

[data-format=profile-form] .container {
    max-width: 55rem
}

.footer {
    background: #000;
    min-height: 30vh
}

.footer,
.footer a {
    color: #78a19e
}

.footer__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 2rem 0;
    text-align: center;
    line-height: 1.5em
}

@media (min-width:640px) {
    .footer__column {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer__list {
    list-style: none;
    padding: 0
}

.footer .icon-block {
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:640px) {
    .footer .icon-block {
        width: auto
    }
}

.h1,
.h2 {
    text-align: center;
    line-height: 1.4em
}

.h3--reduced-margins {
    margin-top: 0;
    margin-bottom: .5rem
}

hr .h3 {
    margin-top: 0
}

.h4 {
    font-weight: 400
}

.icon-block,
.icon-block__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-block {
    margin-bottom: 1em
}

.icon-block__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .5em
}

.nav-bar {
    position: relative
}

.nav-bar--mobile {
    padding-right: 1rem
}

@media (min-width:640px) {
    .nav-bar--mobile {
        display: none
    }
}

.nav-bar__item {
    cursor: pointer;
    color: #fff;
    text-decoration: none
}

.nav-bar__item:hover {
    text-decoration: underline
}

.nav-bar__item:after {
    content: "|";
    padding-left: .25em;
    display: inline-block;
    color: rgba(255, 255, 255, .5)
}

.nav-bar__item:last-child:after {
    content: "";
    padding-left: 0;
    padding-right: .25em;
    color: transparent
}

.nav-bar__item--mobile {
    display: none
}

@media (min-width:640px) {
    .nav-bar__item--mobile {
        display: inline-block
    }
}

.nav-bar__dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    right: 0;
    top: calc(3rem + 8px);
    width: 130px;
    background-color: #fff;
    z-index: 1;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

@media (min-width:640px) {
    .nav-bar__dropdown {
        display: block;
        z-index: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        width: auto;
        position: relative;
        top: auto
    }
}

.nav-bar__active-item {
    text-decoration: underline;
    font-weight: 700
}

.nav-bar__MenuShow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    padding: .6rem 1rem .5rem;
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.nav-bar__MenuShow:after {
    content: ""
}

.section-divider {
    margin: 1rem 0;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .25)
}

.mdc-fab:not(:disabled) {
    background-color: #018786;
    color: #fff
}

.mdc-fab--extended {
    border-radius: .75rem
}

.mdc-button--urgent {
    background: #a30052;
    font-size: 1.05em
}

.mdc-button--urgent:not(:disabled) {
    background: #a30052
}

.mdc-top-app-bar {
    top: 0
}

.mdc-top-app-bar__title {
    background: #fff;
    height: 2.55rem;
    display: inline-block;
    padding: .45rem 1rem .45rem .5rem;
    margin-left: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@media (min-width:640px) {
    .mdc-top-app-bar__title {
        height: 4rem;
        padding: 1.5rem 1.5rem .5rem 1rem;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
        box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
        margin-left: 1rem;
        border-bottom: 0 solid transparent
    }
}

.mdc-top-app-bar__section:first-child {
    padding-left: 0
}

@media (min-width:1080px) {
    .mdc-top-app-bar__section:first-child {
        padding-left: 4px
    }
}

.mdc-form-field,
.mdc-text-field {
    margin-bottom: .75rem
}

.form-register {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem 2rem 2rem
}

.form-register__button.mdc-button {
    background-color: #a30052;
    margin-top: .5rem
}

.form-register .h1 {
    margin-top: 1em;
    margin-bottom: .5em
}

.form-register .h2 {
    margin-bottom: 1.25em
}

.form-register .h4 {
    margin-bottom: .25em
}

.form-register--staff-options {
    padding-top: 1rem
}

.form-register--staff-options button {
    margin-bottom: 1rem
}

.form-register__selection {
    margin: .55rem 0
}

.form-register--profile {
    text-align: left;
    margin-bottom: 1rem
}

.form-register__elm-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:639px) {
    .form-register__elm-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:640px) {
    .form-register__elm-block--profile div {
        width: 70%
    }

    .form-register__elm-block--profile div:not(:first-child) {
        margin-left: 1rem
    }
}

.validation_msg {
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    white-space: pre;
    font-style: italic;
    display: none;
    color: #b00020;
    font-size: .8em;
    line-height: 20px;
    margin-bottom: .4rem;
    text-align: left
}

.dashboard-list {
    list-style: none;
    padding: 0
}

.cc_container {
    background: #fff;
    padding: 2rem;
    margin-top: 3rem
}

.member {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:640px) {
    .member {
        width: 25%;
        padding-right: 2rem;
        border-right: 1px solid rgba(0, 0, 0, .25)
    }
}

.member__name {
    margin-top: 1rem;
    font-weight: 700;
    text-align: center
}

.member-section {
    margin-bottom: 2rem;
    padding: 2rem;
    font-size: 1.25rem;
    line-height: 1.75rem
}

.member__registration {
    background: #fff;
    padding: 2rem;
    text-align: center
}

.bio- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:640px) {
    .bio- {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.summary {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem;
    background-color: #fafaf4
}

@media (min-width:640px) {
    .summary {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.summary__filter-btn {
    margin-top: 1rem;
    color: #fff !important;
    background-color: #a30052 !important
}

@media (max-width:639px) {
    .summary__filter-btn {
        width: 100%
    }
}

.summary-report {
    width: 80%;
    margin: 0 auto
}

@media (max-width:639px) {
    .summary-report {
        width: 100%
    }
}

.summary-report__contents {
    text-align: center;
    background-color: #fff;
    padding: .5rem 0
}

.summary-report__contents li {
    list-style: none;
    font-size: 1.4rem;
    margin-bottom: .5rem
}

.summary-report__contents li:before {
    content: '\27BD';
    color: #a30052;
    padding-right: .5rem
}

.summary-report__rating {
    background-color: #fff;
    padding: .2rem
}

@media (max-width:639px) {
    .summary-report__rating {
        overflow: scroll
    }
}

.summary-report__ratingDetails {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (min-width:640px) {
    .summary-report__ratingDetails {
        font-size: 1.3rem;
        text-align: center
    }
}

.summary-report__ratingDetails-number {
    font-size: 1rem;
    color: #a30052;
    font-weight: bolder;
    margin-top: .5rem
}

@media (max-width:639px) {
    .summary-report__ratingDetails-number--other {
        margin-top: 1.6rem
    }
}

.summary-report__ratingDetails li {
    width: 10rem
}

@media (max-width:639px) {
    .summary-report__ratingDetails li {
        margin-left: .5rem
    }
}

.summary-report__ratingDetails li:not(:last-child) {
    padding-right: 1rem;
    border-right: 2px dashed #432918
}

@media (max-width:639px) {
    .summary-report__ratingDetails li:not(:last-child) {
        overflow: hidden;
        padding-right: 5rem
    }
}

.summary-report__graphDetail {
    margin-bottom: 4rem
}

.summary-report__graphDetail-caption {
    font-style: italic;
    font-size: .7rem;
    padding: .5rem
}

.summary-report__graphDetail-caption span {
    padding: .5rem
}

.summary-report-filter {
    background: #fff;
    padding: 1rem;
    margin: 0 auto;
    font-weight: 500
}

@media (min-width:1080px) {
    .summary-report-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.summary-report-filter__selection {
    padding: .3rem
}

@media (min-width:1080px) {
    .summary-report-filter__selection {
        margin-right: 1.4rem !important
    }
}

.summary-reports-dashboard {
    background: #fff;
    padding: 1rem 3rem 2rem;
    text-align: center;
    margin: 0 auto
}

@media (min-width:1080px) {
    .summary-reports-dashboard {
        width: 100%
    }
}

.summary__unordered-list {
    list-style: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.5em;
    padding: 0 1rem
}

@media (min-width:640px) {
    .summary__unordered-list {
        padding-left: 2rem;
        padding-top: 1rem
    }
}

.summary__anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 1rem 1rem;
    cursor: pointer
}

@media (min-width:640px) {
    .summary__anchor {
        padding-top: 1rem
    }
}

.summary__anchor:hover {
    font-weight: 900
}

.summary__anchor-span {
    color: #a30052;
    font-size: 1.25rem
}

.summary__anchor-span .material-icons {
    vertical-align: middle
}

.summary-title {
    padding: 1rem 2rem;
    background-color: #335b55;
    border-radius: 0 4px 0 0;
    color: #fff;
    font-weight: 700;
    font-size: 1.25em
}

.dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1rem 0 3rem
}

.dashboard__item {
    padding: 1rem 1rem 1.5rem;
    text-decoration: none;
    margin: 0 .5rem
}

.dashboard__item figure {
    margin: 0;
    height: 100%;
    width: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dashboard__item figure img {
    margin: 0 auto 1rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:640px) {
    .dashboard__item figure {
        width: 8rem
    }
}

.dashboard__item figcaption {
    margin: auto 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #432918
}

@media (min-width:1080px) {
    .dashboard__item {
        margin-right: 2rem
    }

    .dashboard__item:last-child {
        margin-right: 0
    }
}

.dashboard__item figure {
    width: auto;
    margin-top: 1rem
}

@media (min-width:640px) {
    .dashboard__item figure {
        margin-top: 0;
        width: 10rem
    }
}

.sum-header {
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .25);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 1rem;
    border-radius: 4px 0 0 4px;
    background: #78a19e
}

@media (min-width:640px) {
    .sum-header {
        padding: 2rem
    }
}

.sum-header__icon {
    max-width: 95%;
    margin: 1rem auto
}

.sum-header__rating {
    background: #fff;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    padding: .25rem .75rem
}

.sum-header__iconimg {
    max-width: 80%;
    max-height: 4rem
}

@media (min-width:640px) {
    .sum-header__iconimg {
        max-height: auto
    }

    .sum-header {
        width: 15%
    }
}

.dash-header {
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .25);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 1rem;
    position: relative;
    width: 10rem;
    border-radius: .66rem;
    background: #fafaf4;
    -webkit-transition: all .125s;
    -o-transition: all .125s;
    transition: all .125s;
    height: 9rem
}

@media (min-width:640px) {
    .dash-header {
        padding: 2rem
    }
}

.dash-header__icon {
    max-width: 95%;
    margin: 1rem auto
}

.dash-header__rating {
    background: #fff;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    padding: .25rem .75rem
}

.dash-header__iconimg {
    max-width: 80%;
    max-height: 4rem
}

@media (min-width:640px) {
    .dash-header__iconimg {
        max-height: auto
    }

    .dash-header {
        padding: 2rem 1rem 1rem;
        height: 8rem
    }
}

.dash-header__rating {
    font-weight: 700;
    color: #432918
}

.dash-header__rating[data-member-rating='0'] {
    color: #432918;
    border: 1px solid #432918
}

.dash-header__rating[data-member-rating='1'] {
    background: #335b55;
    color: #fff
}

.dash-header__rating[data-member-rating='2'] {
    background: #ffc43d
}

.dash-header__rating[data-member-rating='3'] {
    background: #b00020;
    color: #fff
}

.dash-header:hover {
    -webkit-box-shadow: 0 4px 0 -1px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 4px 0 -1px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #fcfcf9
}

.rating-description {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.narrative {
    display: none
}

.detail,
.detail ul,
.grid__list--item--square figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.detail ul,
.grid__list--item--square figure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.detail ul {
    list-style: none;
    font-size: 1rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:640px) {
    .detail ul {
        font-size: 1em
    }
}

.detail__data {
    font-weight: 500
}

.detail__header {
    padding-left: 0;
    margin-bottom: 0
}

@media (min-width:640px) {
    .detail__header {
        padding-left: 2rem;
        margin-bottom: 2rem
    }
}

.detail__header span,
.detail__header strong {
    display: block;
    text-align: center
}

@media (min-width:640px) {
    .detail__header strong {
        text-align: left;
        min-width: 10rem;
        display: inline-block
    }
}

.detail__header span {
    margin-bottom: .5rem
}

@media (min-width:640px) {
    .detail__header span {
        display: inline;
        text-align: center
    }
}

.interest-activity .item_selected {
    -webkit-box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    background: #78a19e;
    color: #fff;
    position: relative
}

.interest-activity .item_selected:after {
    content: "✓";
    position: absolute;
    color: #fff;
    display: block;
    right: 0;
    background: #eca2bd;
    padding: .3rem;
    font-size: 2rem;
    border-radius: 4px;
    margin-right: -4px;
    margin-top: -11rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.grid__list,
.grid__textbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.grid__textbox {
    padding: 2rem 1rem 1.5rem;
    border-radius: 8px;
    border: 3px solid #78a19e;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem
}

.grid__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 -1rem
}

.grid__list--centred {
    max-width: calc(60rem + 30px);
    margin: 2rem auto
}

.grid__list--item--square {
    padding: 2rem 1rem 1.5rem;
    margin: 1rem;
    text-align: center;
    border-radius: 8px;
    border: 3px solid #78a19e
}

.grid__list--item--square figure {
    margin: 0;
    height: 100%;
    width: 6rem
}

.grid__list--item--square figure img,
.mod__progress-label_item figure img {
    margin: 0 auto 1rem
}

@media (min-width:640px) {
    .grid__list--item--square figure {
        width: 8rem
    }
}

.grid__list--item--square figcaption,
.mod__progress-label_item figcaption {
    margin: auto 0
}

.grid__list--item--input {
    padding: 0
}

.grid__list--item--input input {
    position: absolute;
    visibility: hidden
}

.grid__list--item--input input:checked+label {
    font-weight: 700
}

.grid__list--item--input label {
    cursor: pointer
}

.grid__list--item-report-icon {
    height: 4rem;
    width: 4rem
}

.profile-report-section__body {
    padding-bottom: .25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

.contact_information_section,
.section--concerns,
.section--suggestions {
    padding-top: 2rem;
    line-height: 1.3em
}

.contact_information_section {
    border-top: 1px solid rgba(0, 0, 0, .25)
}

.contact_information_section span {
    font-weight: 700
}

.table--concerns {
    display: block;
    overflow-x: auto;
    max-width: 100%;
    -webkit-box-shadow: inset -4px 0 11px rgba(0, 0, 0, .25);
    box-shadow: inset -4px 0 11px rgba(0, 0, 0, .25);
    border-spacing: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .25)
}

@media (min-width:640px) {
    .table--concerns {
        display: table;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.table--concerns td,
.table--concerns th {
    border-top: 1px solid rgba(0, 0, 0, .25);
    border-left: 1px solid rgba(0, 0, 0, .25);
    border-collapse: collapse;
    padding: .5rem .25rem;
    vertical-align: text-top
}

.table--concerns td:last-child,
.table--concerns th:last-child {
    border-right: 1px solid rgba(0, 0, 0, .25)
}

.table--concerns td ul,
.table--concerns th ul {
    padding: 0 2rem;
    margin: 1em 0
}

.table--concerns th:first-child {
    width: 16%
}

.table--concerns__icon {
    vertical-align: text-bottom;
    margin: 0 .125em -.0625em 0
}

.table--concerns__header {
    padding-bottom: .625rem
}

.table--concerns__header--alert {
    color: #fff;
    background: #b00020
}

.table--concerns__header--warning {
    background: #ffc43d
}

.success {
    background-color: #fff;
    text-align: center;
    padding: 1rem 2rem 2rem
}

.success__icon {
    font-size: 4.5em;
    margin: .15em auto;
    color: #a30052
}

.success .h1 {
    margin: 0
}

.success a.mdc-button--outlined:not(:disabled) {
    margin-top: 1rem;
    color: #335b55
}

.cta {
    max-width: 40rem;
    margin: 2rem auto 3rem;
    background: #fafaf4;
    padding: 1.5rem 2rem;
    font-style: italic;
    font-size: 1.1em;
    line-height: 1.4em
}

a.form-register__elem,
a.form-register__elem:hover {
    text-decoration: none;
    color: #fff
}

a.form-register__elem .mdc-icon-button__icon {
    vertical-align: middle
}

a.form-register__elem:hover {
    font-weight: 700
}

a.form-register__elem:not(:disabled) {
    color: #fff
}

.print__button {
    position: fixed;
    right: 1rem;
    top: 5rem
}

.contact-info-container {
    max-width: 40rem;
    margin-bottom: 4rem
}

.contact-info-container,
.highcharts-container,
.highcharts-root {
    margin-left: auto;
    margin-right: auto
}

.dashboards {
    padding: 1rem 2rem 2rem;
    background: #fff
}

.progress__indicator,
.submenu__contents a:hover {
    background-color: #eca2bd
}

.success-bar {
    display: none
}

.section-title {
    padding: 0 1rem
}

.module__section-title--item hr,
.section-title hr {
    max-width: 35%;
    margin: 1rem auto
}

.mod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mod__progress-bar {
    background-color: #335b55
}

.mod__percentage {
    font-size: .85em;
    margin: .5rem 1rem
}

.mod__progressbar {
    height: 1em;
    margin: .5rem 1rem
}

@media (min-width:640px) {
    .mod__progressbar {
        margin: 0
    }
}

.mod__progressbar-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (min-width:640px) {
    .mod__progressbar-container {
        width: auto;
        display: block
    }
}

.mod__progressbar-icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0
}

@media (min-width:640px) {
    .mod__progressbar-icon-container {
        display: block;
        margin: 0
    }
}

.mod__progress-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 0 .5rem;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:640px) {
    .mod__progress-label {
        padding-bottom: 1rem
    }
}

.mod__progress-label_item {
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .25);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 1rem;
    position: relative;
    color: #fff;
    margin-right: 2rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    border: 2px solid #fff;
    border-radius: 8px;
    font-size: 1.2em;
    width: 100%
}

.mod__progress-label_item figure {
    margin: 0;
    height: 100%;
    width: 6rem
}

@media (min-width:640px) {
    .mod__progress-label_item figure {
        width: 8rem
    }
}

@media (min-width:640px) {
    .mod__progress-label_item {
        padding: 2rem
    }
}

.mod__progress-label_item__icon {
    max-width: 95%;
    margin: 1rem auto
}

.mod__progress-label_item__rating {
    background: #fff;
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    padding: .25rem .75rem
}

.mod__progress-label_item__iconimg {
    max-width: 80%;
    max-height: 4rem
}

@media (min-width:640px) {
    .mod__progress-label_item__iconimg {
        max-height: auto
    }
}

.mod__progress-label_item.active {
    color: #eca2bd !important;
    border-color: #eca2bd
}

@media (min-width:640px) {
    .mod__progress-label_item {
        padding: 2rem 2rem 1rem;
        margin-left: 0;
        margin-bottom: 0;
        width: auto
    }
}

.mod__progress-label_item figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width:640px) {
    .mod__progress-label_item figure {
        display: block;
        width: 9rem
    }
}

.mod__progress-label_item figcaption {
    padding: 1rem 0 .5rem;
    width: calc(100% - 4rem)
}

@media (min-width:640px) {
    .mod__progress-label_item figcaption {
        width: auto
    }

    .mod__progress-label_item:last-child {
        margin-right: 0
    }
}

.mod__progress-label_item__iconimg {
    font-size: 3rem
}

.mod__progress-label_item__rating {
    color: #432918;
    font-size: 1rem
}

.mod__progress-label_item__rating[progress=inProgress] {
    background: #ffc900
}

.mod__progress-label_item__rating[progress=complete] {
    background: #08af11;
    color: #fff
}

.mod__progress-label_item--content .mdc-linear-progress {
    background: #fff
}

.mod__progress-label_item--content .mdc-linear-progress__buffer {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    background: pink
}

.mod__progress-label_item:hover {
    cursor: pointer;
    border-color: #eca2bd
}

.mod__survey-inst {
    background-color: #78a19e;
    padding: 1rem 2rem;
    text-align: center
}

.mod__survey-inst--anchor {
    text-align: right;
    color: #fff;
    cursor: pointer
}

.progress {
    height: 1.5rem
}

.progress-badge-status-bar {
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffc43d;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.progress-badge-status-bar .mdc-linear-progress {
    width: 80%
}

.progress-badge-status-bar .mdc-linear-progress__buffer {
    background: pink
}

.module,
.progress-badge-status-bar .mdc-linear-progress__bar-inner {
    background: #fff
}

.module {
    border-spacing: 0;
    margin: 4rem 0;
    width: 100%;
    scroll-snap-align: start
}

.module label {
    white-space: initial
}

.module__ {
    margin: 2rem 2rem -2.2rem .7rem;
    width: 30%;
    background-color: #fff;
    border: 1px solid #f5f5f5
}

.module__breadcrumbs--link {
    font-weight: bolder;
    font-size: 1.1em;
    color: #a30052 !important;
    text-transform: none;
    padding-left: 1.5em
}

.module--thin {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto
}

.module--goalTable {
    padding-bottom: 5px;
    margin-top: 10px
}

.module__goalTable--textfield {
    margin-top: 1rem
}

.module__goalTable--textarea,
.module__goalTable--textfield {
    margin-left: 2rem;
    width: calc(100% - 4rem)
}

.module__goalTable--icon-btn {
    margin: 1rem 0 0 2rem
}

.module__body--padded {
    padding: 1rem
}

.module__title {
    text-align: center;
    color: #fff;
    padding: 1rem 0;
    margin: 0
}

.module__title--emphasis {
    background-color: #a30052
}

.module__row--title {
    background: #335b55;
    color: #fff
}

.module__row--icon {
    font-size: 1.1em;
    border: 2px solid #a30052;
    border-radius: 5px;
    color: #a30052
}

.module__row--heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.module__row--heading h3 {
    width: 97%
}

.module__definition {
    padding: 1rem .25rem;
    background-color: #78a19e
}

.module__definition:first-child {
    background-color: rgba(255, 255, 255, .5)
}

.module__cell {
    text-align: center
}

.module__cell label {
    margin-right: 0;
    width: 100%;
    text-align: left
}

@media (min-width:640px) {
    .module__cell label {
        font-size: 0;
        padding: 0
    }
}

.module__cell--radio {
    min-width: 5rem;
    border-bottom: none !important
}

.module__cell--radio:hover,
.social-activity__list--checkbox+label:hover {
    cursor: pointer
}

.module__cell--radio .mdc-form-field {
    margin: 0
}

.module__cell--widest {
    width: 100%
}

.module__cell--widest label {
    font-size: 1em
}

.module__list {
    font-weight: bolder
}

.module__list__item {
    margin-bottom: 1.5em;
    padding-bottom: 15px;
    padding-top: 5px
}

.module__list__item--text-number {
    width: 18%;
    border-radius: 5px
}

.module__list__item--text-number label {
    font-size: .8em
}

.module__question {
    padding: 1rem;
    text-align: left
}

.module__question--textfield {
    border-right: .5px solid rgba(0, 0, 0, .38);
    width: 45%
}

.module__active-dimension {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background-color: #335b55;
    color: #fff
}

.module__active-dimension--cell {
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    background-color: rgba(1, 135, 134, .1)
}

.module .mdc-text-field:hover {
    border-left: 4px solid #335b55;
    border-bottom-left-radius: 9px;
    border-top-left-radius: 9px
}

.module__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3rem;
    padding: 0 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:640px) {
    .module__button {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.module__button button {
    margin: .5rem
}

@media (min-width:640px) {
    .module__button button {
        margin: 0 .5rem
    }

    .module__button button:first-child {
        margin-right: auto;
        margin-left: 0
    }

    .module__button button:last-child {
        margin-left: auto;
        margin-right: 0
    }
}

.module__section-title--item {
    padding: 0 1rem
}

.module__subtitle {
    display: none;
    margin-bottom: 4rem
}

.module__subtitle.active {
    display: block
}

.module__responses--details {
    padding: 0 2rem
}

@media (max-width:639px) {
    .module--radioTable thead {
        position: -webkit-sticky;
        position: sticky;
        top: calc(60px + .5rem);
        background: #335b55;
        z-index: 1
    }

    .module--radioTable table,
    .module--radioTable tbody,
    .module--radioTable td,
    .module--radioTable th,
    .module--radioTable thead,
    .module--radioTable tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .module--radioTable .module__row--legend {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
}

.social-activity__activity_input {
    position: relative;
    margin-top: .5em
}

.social-activity__activity_input input[type=text] {
    border: 0;
    border-bottom: 2px solid #78a19e;
    background: 0 0;
    padding: .5rem .75rem;
    width: 18rem
}

.social-activity__activity_input input[type=text]:valid+label {
    font-size: 0
}

.social-activity__activity_input input[type=text]:focus {
    width: 24rem
}

.social-activity__activity_input input[type=text]:focus+label {
    right: 0;
    margin-right: 0;
    width: 6rem;
    color: #432918;
    font-size: .8em;
    background: #78a19e
}

.social-activity__activity_input label {
    -webkit-transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
    -o-transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
    transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
    position: absolute;
    color: #432918;
    font-weight: 700;
    font-size: 1em;
    padding: 7px 6px;
    top: 3px;
    width: 100%;
    margin-right: -100%;
    bottom: 2px
}

.social-activity #other_activity:valid {
    background: #fff
}

.social-activity__heading {
    background-color: #335b55;
    padding: 1em;
    color: #fafaf4;
    text-align: center
}

.social-activity__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.social-activity__list--checkbox {
    position: absolute;
    opacity: 0
}

.social-activity__list--checkbox+label {
    position: relative;
    padding: 0
}

.social-activity__list--checkbox:focus+label:after {
    border-color: rgba(0, 0, 0, .45)
}

.social-activity__list--checkbox+label:after {
    content: '';
    margin-left: 8px;
    line-height: 2px;
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    border: 1px solid #eca2bd
}

.social-activity__list--checkbox:checked+label:after {
    background: #eca2bd
}

.social-activity__list--checkbox:checked+label:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 8px;
    background: #fff;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.social-activity .item {
    border: 2px solid #78a19e;
    background-color: #fff;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    border-radius: 4px;
    height: 2rem;
    line-height: 1.75rem;
    padding: 0 1rem;
    margin-right: 1rem
}

.social-activity .item:last-child {
    margin-right: 0
}

.social-activity .item_selected {
    background: #78a19e
}

[data-history-navigate=next].shown,
[data-history-navigate=previous].shown {
    display: inherit
}

[data-history-navigate=next],
[data-history-navigate=previous],
[data-history-position].hidden {
    display: none
}

.button__set--block-right {
    display: inline-block;
    float: right;
    margin-right: 2rem;
    padding-bottom: 1rem;
    margin-top: 2rem
}

@media (min-width:640px) {
    .button__set--block-right {
        margin-top: 0
    }
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: calc(64px + 1rem);
    background: #335b55;
    z-index: 2
}

@media (min-width:640px) {
    .sticky {
        top: calc(64px + 1.5rem)
    }
}

.sticky--subhead {
    position: -webkit-sticky;
    position: sticky;
    top: calc(64px + .3rem + 4.6rem);
    z-index: 1
}

.sticky--subhead:not(:empty) {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .45)
}

.sticky__sentinel {
    position: absolute;
    left: 0;
    right: 0;
    visibility: hidden
}

.sticky__sentinel--top {
    height: 3.75rem;
    top: -3.75rem
}

.sticky__sentinel--bottom {
    height: 3.75rem
}

.sticky__container {
    will-change: transform;
    scroll-behavior: smooth
}

.grid__list--item--input figure {
    padding: 2rem 1.5rem 1.5rem;
    width: 8rem;
    cursor: pointer
}

.notification {
    background-color: #fff;
    padding: 1.4rem 1.7rem;
    position: relative
}

@media (max-width:639px) {
    .notification--update {
        padding-bottom: 1.8rem
    }
}

.notification__icon {
    color: #018786;
    font-size: 2rem
}

.notification__text {
    font-weight: bolder;
    position: absolute;
    top: 1.9rem;
    margin-left: .4rem
}

@media (max-width:639px) {
    .notification__text {
        top: auto
    }
}

.list--no-style {
    padding: 0;
    margin: 0 0 1rem;
    list-style: none;
    line-height: 1.4em
}

.sr-only {
    font-size: 0
}

.hidden {
    visibility: hidden
}

.centred-text {
    text-align: center
}

.emphasis {
    background-color: #a30052;
    color: #fff
}

.emphasis:not(:disabled) {
    background-color: #a30052;
    color: #fff
}

[class|=confetti] {
    position: absolute;
    z-index: 1
}


    .module__date{
        
        margin: 2rem 2rem -2.2rem 0.7rem; min-width:30%; background-color:white! important; border: 1px solid #f5f5f5 !important;
    }
    
    @media (max-width: 639px) {
        .module__date{
            width: 60%;
        }
        
    }
a{text-decoration:none;}
h4{margin-top: 1rem;}

.success-bar,.success-entry-msg{background:#a30052;color:#fff;font-size:1.5em;width:99.3vw;text-align:center; position:relative;left:50%; margin-left:-50vw; margin-top: -2.4rem; margin-bottom:2rem;}.success-entry-msg{display:none;height:40px;padding:5px 10px;border-radius:2px;opacity:.97;font-weight:700;line-height:40px}.success-bar{line-height:2;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.success-bar__msg{width:64vw;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.success-bar__close-icon{border:0;text-shadow:1px 2px #303030;font-weight:100;font-size:1.25em;background:#a30052;color:#fff;margin:0;margin-left:6vw;padding:0;margin-top:.25em;text-align:right;justify-self:flex-end}.success-bar{display:none}
.success--registration{
    flex-direction:column; display:none;
    padding-bottom: 0;
}

.success--registration-banner{
    padding: 1rem; margin-top:2rem; background-color:#335B55;
}

.success--registration-banner-icon{
    color: white; 
    font-size: 7rem; 
    border: 5px solid white; 
    border-radius:50%
}


@keyframes left-direction {
  0%   {margin-left: 0;}
  25%  {margin-left: 5rem;}
  50%  {margin-left: 8rem;}
  100% {margin-left: 13rem;}
}

.success__message-icon{
    font-size:5rem; margin-top:-2rem; color:#335B55;
    animation-name: left-direction;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



.block_table {
    display: table !important;
   
}


@media (max-width: 639px) {
        .suggestion_textfield{
            max-width: 100%;
        }
    .block_table{
    display:block !important;
    }
    }
    
.goal__response--steps{margin-top:-0.6rem;}

.survey_list{
    border-collapse: collapse;
}

.survey_list .module__definition:first-child{
    
    background-color: #78a19e;
}


.survey_list th:not(.sticky--subhead),.survey_list td{
    border-bottom: 1px solid grey;
}
.past__surveys .survey_list_row{
    cursor: pointer;
}


 @media (min-width: 640px) {
     
 .past__surveys .survey_list_row th::before{
    content: '\00270E';
    padding: 5px;
    visibility: hidden;
 }
 .past__surveys .survey_list_row:hover.survey_list_row th::before{
    
    visibility: visible;
    
    
}





}

.notification--update-goal{
    
    width: 59%;
    left: 13.8rem;
}

.public-survey__nav-counter{
    position: relative;
    text-align:center;
    text-decoration: none;
}

.public-survey__nav-counter-text{
    display:none;
    background-color:#a30052; 
    border-radius:2px; 
    padding: 0.15rem 0.3rem 0.1rem 0.3rem; 
    margin-left:0.4rem; left: 0.1rem; 
    position:absolute; top:-1.1rem; 
    font-family: 'Roboto,Sans-Serif';
    font-weight:200;
}

.form-register__button--submit{
    height: 48px;
    border-radius: .75rem;
    width: 18rem;
    margin: 0 auto;
    
}

@media (max-width: 639px){
.notification--update-goal {
    width:auto;
    left:auto;
}

.past__surveys .survey_list_row th::after{
    content: '\00270E';
    padding: 5px;
    visibility: hidden;
 }
 .past__surveys .survey_list_row:hover.survey_list_row th::after{
    
    visibility: visible;
    
    
}

.survey_list_row .module__cell{
    text-align:left;
}

.public-survey__nav-counter-text{
    color: white;
    
}
.public-survey__nav-counter{
    top: 1rem;
}

.form-register__button--submit{
    width: 100%;
}

.member__registration--import-members{
    padding-left: 0;
    padding-right: 0;
}


}

.module__goalTable--textarea .mdc-notched-outline__notch{
    width:100px !important;
}


.review__link {
    color: #a30052 !important;
}

.public__profile{
    position:relative;
    margin-top: 2rem;
}

.public__profile-editLink
{
    color: #a30052 !important;
    position:absolute; 
    right:0; 
    margin-top: -0.5rem;
    
}


.public__profile-icon
{
    margin-right:0.3rem
}


 @media (max-width: 640px) {

   .public__profile h4{
       
    display:flex;
    flex-direction: column-reverse;
         
     }
     
    .public__profile-editLink
{
    
    position: relative;
    margin-bottom: 1rem;
}
}
 

.public__profile-msg
{
    text-align: left; 
    display: none; 
    margin-top: 3rem;
}

.public__profile-msg ul{
    margin-left: -2.6rem;
}


.public__profile-msgDetail
{
    list-style:none;
    background-color:#f5f5e9; 
    color:#335B55; 
    padding: 1rem 2rem 1rem 2.3rem;
    margin-top: 1rem;
    border-left: 2px solid #335B55;
    list-style-position: inside;
    text-indent: -1.6em;
}


  .summary-report-filter__selection {
  width: 100px;
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  }
  
  
.form-register__elem--survey-date {
    margin: 0.5rem;
}