/*!
 Material Components for the web
 Copyright (c) 2017 Google Inc.
 License: Apache-2.0
*/
.mdc-animation-linear-out-slow-in {
    -webkit-animation-timing-function: cubic-bezier(0,0,.2,1);
    animation-timing-function: cubic-bezier(0,0,.2,1)
}

.mdc-animation-fast-out-slow-in {
    -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
    animation-timing-function: cubic-bezier(.4,0,.2,1)
}

.mdc-animation-fast-out-linear-in {
    -webkit-animation-timing-function: cubic-bezier(.4,0,1,1);
    animation-timing-function: cubic-bezier(.4,0,1,1)
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,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% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 0
    }
}

.mdc-button {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    letter-spacing: .04em;
    line-height: 1.5rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87));
    display: inline-block;
    position: relative;
    min-width: 64px;
    height: 36px;
    padding: 0 16px;
    border: none;
    border-radius: 2px;
    outline: none;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -webkit-appearance: none
}

    .mdc-button:not(.mdc-ripple-upgraded):active:after, .mdc-button:not(.mdc-ripple-upgraded):focus:before, .mdc-button:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-button:before {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-button.mdc-ripple-upgraded:before {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-button.mdc-ripple-upgraded--background-focused:before {
        opacity: .99999
    }

    .mdc-button.mdc-ripple-upgraded--background-active-fill:before {
        -webkit-transition-duration: .12s;
        transition-duration: .12s;
        opacity: 1
    }

    .mdc-button.mdc-ripple-upgraded--unbounded:before {
        top: 0%;
        top: var(--mdc-ripple-top,0%);
        left: 0%;
        left: var(--mdc-ripple-left,0%);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-button:after {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-button.mdc-ripple-upgraded:after {
        top: 0;
        left: 0;
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }

    .mdc-button:not(.mdc-ripple-upgraded--unbounded):after {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-button.mdc-ripple-upgraded--unbounded:after {
        top: 0;
        top: var(--mdc-ripple-top,0);
        left: 0;
        left: var(--mdc-ripple-left,0);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

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

    .mdc-button.mdc-ripple-upgraded--foreground-deactivation:after {
        -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-animation: .25s mdc-ripple-fg-opacity-out;
        animation: .25s mdc-ripple-fg-opacity-out
    }

    .mdc-button:not(.mdc-ripple-upgraded) {
        -webkit-tap-highlight-color: rgba(0,0,0,.18)
    }

.mdc-button--theme-dark, .mdc-theme--dark .mdc-button {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

    .mdc-button--theme-dark:not(.mdc-ripple-upgraded):active:after, .mdc-button--theme-dark:not(.mdc-ripple-upgraded):focus:before, .mdc-button--theme-dark:not(.mdc-ripple-upgraded):hover:before, .mdc-theme--dark .mdc-button:not(.mdc-ripple-upgraded):active:after, .mdc-theme--dark .mdc-button:not(.mdc-ripple-upgraded):focus:before, .mdc-theme--dark .mdc-button:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-button--theme-dark:before, .mdc-theme--dark .mdc-button:before {
        background-color: hsla(0,0%,100%,.14);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded:before, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded:before {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded--background-focused:before, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded--background-focused:before {
        opacity: .99999
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded--background-active-fill:before, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded--background-active-fill:before {
        -webkit-transition-duration: .12s;
        transition-duration: .12s;
        opacity: 1
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded--unbounded:before, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded--unbounded:before {
        top: 0%;
        top: var(--mdc-ripple-top,0%);
        left: 0%;
        left: var(--mdc-ripple-left,0%);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-button--theme-dark:after, .mdc-theme--dark .mdc-button:after {
        background-color: hsla(0,0%,100%,.14);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded:after, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded:after {
        top: 0;
        left: 0;
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }

    .mdc-button--theme-dark:not(.mdc-ripple-upgraded--unbounded):after, .mdc-theme--dark .mdc-button:not(.mdc-ripple-upgraded--unbounded):after {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded--unbounded:after, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded--unbounded:after {
        top: 0;
        top: var(--mdc-ripple-top,0);
        left: 0;
        left: var(--mdc-ripple-left,0);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded--foreground-activation:after, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded--foreground-activation:after {
        -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
        animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-button--theme-dark.mdc-ripple-upgraded--foreground-deactivation:after, .mdc-theme--dark .mdc-button.mdc-ripple-upgraded--foreground-deactivation:after {
        -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-animation: .25s mdc-ripple-fg-opacity-out;
        animation: .25s mdc-ripple-fg-opacity-out
    }

    .mdc-button--theme-dark:not(.mdc-ripple-upgraded), .mdc-theme--dark .mdc-button:not(.mdc-ripple-upgraded) {
        -webkit-tap-highlight-color: rgba(255,255,255,.18)
    }

.mdc-button.mdc-button--primary {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent
}

    .mdc-button.mdc-button--primary:not(.mdc-ripple-upgraded):active:after, .mdc-button.mdc-button--primary:not(.mdc-ripple-upgraded):focus:before, .mdc-button.mdc-button--primary:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-button.mdc-button--primary:before {
        background-color: rgba(63,81,181,.12);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

@supports (background-color:color(green a(10%))) {
    .mdc-button.mdc-button--primary:before {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(12%))
    }
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-button.mdc-button--primary:after {
    background-color: rgba(63,81,181,.12);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-button.mdc-button--primary:after {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(12%))
    }
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-button.mdc-button--primary:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-button.mdc-button--primary.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-button.mdc-button--accent {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent
}

    .mdc-button.mdc-button--accent:not(.mdc-ripple-upgraded):active:after, .mdc-button.mdc-button--accent:not(.mdc-ripple-upgraded):focus:before, .mdc-button.mdc-button--accent:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-button.mdc-button--accent:before {
        background-color: rgba(255,64,129,.12);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

@supports (background-color:color(green a(10%))) {
    .mdc-button.mdc-button--accent:before {
        background-color: color(var(--mdc-theme-accent,#ff4081) a(12%))
    }
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-button.mdc-button--accent:after {
    background-color: rgba(255,64,129,.12);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-button.mdc-button--accent:after {
        background-color: color(var(--mdc-theme-accent,#ff4081) a(12%))
    }
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-button.mdc-button--accent:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-button.mdc-button--accent.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

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

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

.mdc-button--raised {
    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: box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    will-change: box-shadow;
    min-width: 88px
}

    .mdc-button--raised:active {
        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.mdc-button--primary {
        --mdc-ripple-surface-width: 0;
        --mdc-ripple-surface-height: 0;
        --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;
        will-change: transform,opacity;
        -webkit-tap-highlight-color: transparent
    }

        .mdc-button--raised.mdc-button--primary:not(.mdc-ripple-upgraded):active:after, .mdc-button--raised.mdc-button--primary:not(.mdc-ripple-upgraded):focus:before, .mdc-button--raised.mdc-button--primary:not(.mdc-ripple-upgraded):hover:before {
            -webkit-transition-duration: 85ms;
            transition-duration: 85ms;
            opacity: .6
        }

        .mdc-button--raised.mdc-button--primary:before {
            background-color: hsla(0,0%,100%,.14);
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear;
            border-radius: 50%;
            opacity: 0;
            pointer-events: none;
            content: ""
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded:before {
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
            transform: scale(var(--mdc-ripple-fg-scale,0))
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded--background-focused:before {
            opacity: .99999
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded--background-active-fill:before {
            -webkit-transition-duration: .12s;
            transition-duration: .12s;
            opacity: 1
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded--unbounded:before {
            top: 0%;
            top: var(--mdc-ripple-top,0%);
            left: 0%;
            left: var(--mdc-ripple-left,0%);
            width: 100%;
            width: var(--mdc-ripple-fg-size,100%);
            height: 100%;
            height: var(--mdc-ripple-fg-size,100%);
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
            transform: scale(var(--mdc-ripple-fg-scale,0))
        }

        .mdc-button--raised.mdc-button--primary:after {
            background-color: hsla(0,0%,100%,.14);
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear;
            border-radius: 50%;
            opacity: 0;
            pointer-events: none;
            content: ""
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded:after {
            top: 0;
            left: 0;
            width: 100%;
            width: var(--mdc-ripple-fg-size,100%);
            height: 100%;
            height: var(--mdc-ripple-fg-size,100%);
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            opacity: 0
        }

        .mdc-button--raised.mdc-button--primary:not(.mdc-ripple-upgraded--unbounded):after {
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded--unbounded:after {
            top: 0;
            top: var(--mdc-ripple-top,0);
            left: 0;
            left: var(--mdc-ripple-left,0);
            width: 100%;
            width: var(--mdc-ripple-fg-size,100%);
            height: 100%;
            height: var(--mdc-ripple-fg-size,100%);
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded--foreground-activation:after {
            -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
            animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
        }

        .mdc-button--raised.mdc-button--primary.mdc-ripple-upgraded--foreground-deactivation:after {
            -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-animation: .25s mdc-ripple-fg-opacity-out;
            animation: .25s mdc-ripple-fg-opacity-out
        }

    .mdc-button--raised.mdc-button--accent {
        --mdc-ripple-surface-width: 0;
        --mdc-ripple-surface-height: 0;
        --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;
        will-change: transform,opacity;
        -webkit-tap-highlight-color: transparent
    }

        .mdc-button--raised.mdc-button--accent:not(.mdc-ripple-upgraded):active:after, .mdc-button--raised.mdc-button--accent:not(.mdc-ripple-upgraded):focus:before, .mdc-button--raised.mdc-button--accent:not(.mdc-ripple-upgraded):hover:before {
            -webkit-transition-duration: 85ms;
            transition-duration: 85ms;
            opacity: .6
        }

        .mdc-button--raised.mdc-button--accent:before {
            background-color: hsla(0,0%,100%,.14);
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear;
            border-radius: 50%;
            opacity: 0;
            pointer-events: none;
            content: ""
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded:before {
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
            transform: scale(var(--mdc-ripple-fg-scale,0))
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded--background-focused:before {
            opacity: .99999
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded--background-active-fill:before {
            -webkit-transition-duration: .12s;
            transition-duration: .12s;
            opacity: 1
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded--unbounded:before {
            top: 0%;
            top: var(--mdc-ripple-top,0%);
            left: 0%;
            left: var(--mdc-ripple-left,0%);
            width: 100%;
            width: var(--mdc-ripple-fg-size,100%);
            height: 100%;
            height: var(--mdc-ripple-fg-size,100%);
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
            transform: scale(var(--mdc-ripple-fg-scale,0))
        }

        .mdc-button--raised.mdc-button--accent:after {
            background-color: hsla(0,0%,100%,.14);
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            -webkit-transition: opacity .25s linear;
            transition: opacity .25s linear;
            border-radius: 50%;
            opacity: 0;
            pointer-events: none;
            content: ""
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded:after {
            top: 0;
            left: 0;
            width: 100%;
            width: var(--mdc-ripple-fg-size,100%);
            height: 100%;
            height: var(--mdc-ripple-fg-size,100%);
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            opacity: 0
        }

        .mdc-button--raised.mdc-button--accent:not(.mdc-ripple-upgraded--unbounded):after {
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded--unbounded:after {
            top: 0;
            top: var(--mdc-ripple-top,0);
            left: 0;
            left: var(--mdc-ripple-left,0);
            width: 100%;
            width: var(--mdc-ripple-fg-size,100%);
            height: 100%;
            height: var(--mdc-ripple-fg-size,100%);
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: center center;
            transform-origin: center center
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded--foreground-activation:after {
            -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
            animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
        }

        .mdc-button--raised.mdc-button--accent.mdc-ripple-upgraded--foreground-deactivation:after {
            -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-animation: .25s mdc-ripple-fg-opacity-out;
            animation: .25s mdc-ripple-fg-opacity-out
        }

.mdc-button--theme-dark .mdc-button--raised, .mdc-theme--dark .mdc-button--raised {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

    .mdc-button--theme-dark .mdc-button--raised:before, .mdc-theme--dark .mdc-button--raised:before {
        color: #000
    }

.mdc-button--primary, .mdc-button--theme-dark .mdc-button--primary, .mdc-theme--dark .mdc-button--primary {
    color: #3f51b5;
    color: var(--mdc-theme-primary,#3f51b5)
}

    .mdc-button--primary.mdc-button--raised {
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5);
        color: #fff;
        color: var(--mdc-theme-text-primary-on-primary,#fff)
    }

        .mdc-button--primary.mdc-button--raised:before {
            color: #000
        }

.mdc-button--accent, .mdc-button--theme-dark .mdc-button--accent, .mdc-theme--dark .mdc-button--accent {
    color: #ff4081;
    color: var(--mdc-theme-accent,#ff4081)
}

    .mdc-button--accent.mdc-button--raised {
        background-color: #ff4081;
        background-color: var(--mdc-theme-accent,#ff4081);
        color: #fff;
        color: var(--mdc-theme-text-primary-on-accent,#fff)
    }

        .mdc-button--accent.mdc-button--raised:before {
            color: #000
        }

.mdc-button--compact {
    padding: 0 8px
}

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

.mdc-button--theme-dark .mdc-button:disabled, .mdc-button--theme-dark fieldset:disabled .mdc-button, .mdc-theme--dark .mdc-button:disabled, .mdc-theme--dark fieldset:disabled .mdc-button {
    color: hsla(0,0%,100%,.3)
}

.mdc-button--raised:disabled, fieldset:disabled .mdc-button--raised {
    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);
    background-color: rgba(0,0,0,.12);
    pointer-events: none
}

.mdc-button--theme-dark .mdc-button--raised:disabled, .mdc-button--theme-dark fieldset:disabled .mdc-button--raised, .mdc-theme--dark .mdc-button--raised:disabled, .mdc-theme--dark fieldset:disabled .mdc-button--raised {
    background-color: hsla(0,0%,100%,.12)
}

.mdc-card {
    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);
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    box-sizing: border-box
}

.mdc-card__primary {
    padding: 16px
}

    .mdc-card__primary .mdc-card__title--large {
        padding-top: 8px
    }

    .mdc-card__primary:last-child {
        padding-bottom: 24px
    }

.mdc-card__supporting-text {
    padding: 8px 16px;
    box-sizing: border-box;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.25rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))
}

.mdc-card--theme-dark .mdc-card__supporting-text, .mdc-theme--dark .mdc-card__supporting-text {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-card__primary + .mdc-card__supporting-text {
    margin-top: -8px;
    padding-top: 0
}

.mdc-card__supporting-text:last-child {
    padding-bottom: 24px
}

.mdc-card__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    box-sizing: border-box
}

.mdc-card--theme-dark .mdc-card__actions, .mdc-theme--dark .mdc-card__actions {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-card__actions .mdc-card__action {
    margin: 0 8px 0 0
}

    .mdc-card__actions .mdc-card__action:last-child {
        margin-right: 0
    }

.mdc-card__actions--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .mdc-card__actions--vertical .mdc-card__action {
        margin: 0 0 4px
    }

        .mdc-card__actions--vertical .mdc-card__action:last-child {
            margin-bottom: 0
        }

.mdc-card__media {
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16px;
    box-sizing: border-box
}

.mdc-card__media-item {
    display: inline-block;
    width: auto;
    height: 80px;
    margin: 16px 0 0;
    padding: 0
}

.mdc-card__media-item--1dot5x {
    width: auto;
    height: 120px
}

.mdc-card__media-item--2x {
    width: auto;
    height: 160px
}

.mdc-card__media-item--3x {
    width: auto;
    height: 240px
}

.mdc-card__title {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    margin: -.063rem 0
}

.mdc-card--theme-dark .mdc-card__title, .mdc-theme--dark .mdc-card__title {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-card__title--large {
    font-size: 1.5rem;
    letter-spacing: normal;
    line-height: 2rem;
    margin: 0
}

.mdc-card__subtitle, .mdc-card__title--large {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.mdc-card__subtitle {
    font-size: .875rem;
    letter-spacing: .04em;
    line-height: 1.25rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    margin: -.063rem 0
}

.mdc-card--theme-dark .mdc-card__subtitle, .mdc-theme--dark .mdc-card__subtitle {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-card__horizontal-block {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px 0 0;
    box-sizing: border-box
}

    .mdc-card__horizontal-block .mdc-card__actions--vertical {
        margin: 16px
    }

    .mdc-card__horizontal-block .mdc-card__media-item {
        margin-left: 16px
    }

    .mdc-card__horizontal-block .mdc-card__media-item--3x {
        margin-bottom: 16px
    }

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

    50% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }
}

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

    50% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }
}

@-webkit-keyframes mdc-checkbox-fade-out-background {
    0%,80% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }

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

@keyframes mdc-checkbox-fade-out-background {
    0%,80% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }

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

@-webkit-keyframes mdc-checkbox-fade-in-background-dark {
    0% {
        border-color: #fff;
        background-color: transparent
    }

    50% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }
}

@keyframes mdc-checkbox-fade-in-background-dark {
    0% {
        border-color: #fff;
        background-color: transparent
    }

    50% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }
}

@-webkit-keyframes mdc-checkbox-fade-out-background-dark {
    0%,80% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }

    to {
        border-color: #fff;
        background-color: transparent
    }
}

@keyframes mdc-checkbox-fade-out-background-dark {
    0%,80% {
        border-color: #3f51b5;
        border-color: var(--mdc-theme-primary,#3f51b5);
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5)
    }

    to {
        border-color: #fff;
        background-color: transparent
    }
}

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
    0%,50% {
        stroke-dashoffset: 29.78334
    }

    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.78334
    }

    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.78334
    }
}

@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.78334
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-checkbox {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    position: relative;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    padding: 11px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom
}

    .mdc-checkbox:not(.mdc-ripple-upgraded):active:after, .mdc-checkbox:not(.mdc-ripple-upgraded):focus:before, .mdc-checkbox:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-checkbox:before {
        background-color: rgba(63,81,181,.14);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

@supports (background-color:color(green a(10%))) {
    .mdc-checkbox:before {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(14%))
    }
}

.mdc-checkbox.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-checkbox.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-checkbox.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-checkbox:after {
    background-color: rgba(63,81,181,.14);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-checkbox:after {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(14%))
    }
}

.mdc-checkbox.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-checkbox:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

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

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-checkbox:after, .mdc-checkbox:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__background:before {
    content: none
}

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

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

.mdc-checkbox--theme-dark .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox__background {
    border-color: #fff
}

.mdc-checkbox__background:before {
    right: 0;
    bottom: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,transform 90ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    border-radius: 50%;
    content: "";
    pointer-events: none;
    will-change: opacity,transform;
    background: #3f51b5;
    background: var(--mdc-theme-primary,#3f51b5)
}

.mdc-checkbox__background:before, .mdc-checkbox__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.mdc-checkbox__native-control {
    margin: 0;
    padding: 0;
    cursor: inherit
}

.mdc-checkbox__checkmark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity .18s cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity .18s cubic-bezier(.4,0,1,1) 0ms;
    opacity: 0;
    fill: #fff
}

.mdc-checkbox__checkmark__path {
    -webkit-transition: stroke-dashoffset .18s cubic-bezier(.4,0,1,1) 0ms;
    transition: stroke-dashoffset .18s cubic-bezier(.4,0,1,1) 0ms;
    stroke: #fff !important;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334
}

.mdc-checkbox__mixedmark {
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0) rotate(0deg);
    transform: scaleX(0) rotate(0deg);
    -webkit-transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 90ms cubic-bezier(.4,0,1,1) 0ms,transform 90ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 90ms cubic-bezier(.4,0,1,1) 0ms;
    background-color: #fff;
    opacity: 0
}

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

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {
    -webkit-transition: border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms;
    transition: border-color 90ms cubic-bezier(0,0,.2,1) 0ms,background-color 90ms cubic-bezier(0,0,.2,1) 0ms;
    border-color: #3f51b5;
    border-color: var(--mdc-theme-primary,#3f51b5);
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

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

    .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path {
        stroke-dashoffset: 0
    }

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

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
    border-color: #3f51b5;
    border-color: var(--mdc-theme-primary,#3f51b5);
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

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

    .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path {
        stroke-dashoffset: 0
    }

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

.mdc-checkbox__native-control:disabled, [aria-disabled=true] .mdc-checkbox__native-control, fieldset:disabled .mdc-checkbox__native-control {
    cursor: default
}

    .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background, [aria-disabled=true] .mdc-checkbox__native-control ~ .mdc-checkbox__background, fieldset:disabled .mdc-checkbox__native-control ~ .mdc-checkbox__background {
        border-color: rgba(0,0,0,.26)
    }

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark [aria-disabled=true] .mdc-checkbox__native-control ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark fieldset:disabled .mdc-checkbox__native-control ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background, .mdc-theme--dark [aria-disabled=true] .mdc-checkbox__native-control ~ .mdc-checkbox__background, .mdc-theme--dark fieldset:disabled .mdc-checkbox__native-control ~ .mdc-checkbox__background {
    border-color: hsla(0,0%,100%,.3)
}

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

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark [aria-disabled=true] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark [aria-disabled=true] .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark fieldset:disabled .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark fieldset:disabled .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background, .mdc-theme--dark [aria-disabled=true] .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-theme--dark [aria-disabled=true] .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, .mdc-theme--dark fieldset:disabled .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, .mdc-theme--dark fieldset:disabled .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
    background-color: hsla(0,0%,100%,.3)
}

.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;
    transition: none !important
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
    -webkit-animation: mdc-checkbox-fade-in-background .18s linear;
    animation: mdc-checkbox-fade-in-background .18s linear
}

.mdc-checkbox--theme-dark .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--theme-dark .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-in-background-dark;
    animation-name: mdc-checkbox-fade-in-background-dark
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
    -webkit-animation: mdc-checkbox-fade-out-background .18s linear;
    animation: mdc-checkbox-fade-out-background .18s linear
}

.mdc-checkbox--theme-dark .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--theme-dark .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
    -webkit-animation-name: mdc-checkbox-fade-out-background-dark;
    animation-name: mdc-checkbox-fade-out-background-dark
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark__path {
    -webkit-animation: .18s linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
    animation: .18s linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
    -webkit-transition: none;
    transition: none
}

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

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

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

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

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

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

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

:root {
    --mdc-dialog-dark-theme-bg-color: #303030
}

.mdc-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    z-index: -1
}

.mdc-dialog__surface {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    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);
    width: calc(100% - 30px);
    min-width: 640px;
    max-width: 865px;
    -webkit-transform: translateY(150px) scale(.8);
    transform: translateY(150px) scale(.8);
    -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    border-radius: 2px;
    background-color: #fff;
    background-color: var(--mdc-theme-background,#fff);
    opacity: 0
}

.mdc-dialog--theme-dark .mdc-dialog__surface, .mdc-theme--dark .mdc-dialog__surface {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff);
    background-color: #303030;
    background-color: var(--mdc-dialog-dark-theme-bg-color,#303030)
}

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

.mdc-dialog__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.87);
    background-color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87));
    opacity: 0;
    z-index: -1
}

.mdc-dialog__backdrop, .mdc-dialog__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mdc-dialog__header {
    padding: 24px 24px 0
}

.mdc-dialog__header__empty {
    padding: 0
}

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

.mdc-dialog__header__title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 2rem
}

.mdc-dialog__body, .mdc-dialog__header__title {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.mdc-dialog__body {
    margin-top: 20px;
    padding: 0 24px 24px;
    color: rgba(0,0,0,.54);
    color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.25rem
}

.mdc-dialog--theme-dark.mdc-dialog__body, .mdc-theme--dark .mdc-dialog__body {
    color: hsla(0,0%,100%,.7);
    color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
}

.mdc-dialog__body--scrollable {
    max-height: 195px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    overflow-y: scroll;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.mdc-dialog__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding: 8px
}

@media (max-width:640px) {
    .mdc-dialog, .mdc-dialog__surface {
        min-width: 280px
    }

    .mdc-dialog__body {
        line-height: 24px
    }
}

.mdc-dialog--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    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: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2
}

    .mdc-dialog--open .mdc-dialog__surface {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
        transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
        transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;
        transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
        opacity: 1
    }

    .mdc-dialog--open .mdc-dialog__backdrop {
        -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms;
        transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms;
        opacity: .3
    }

.mdc-dialog-scroll-lock {
    height: 100vh;
    overflow: hidden
}

.mdc-permanent-drawer {
    background: #fff;
    background: var(--mdc-theme-background,#fff);
    border-left: 0;
    border-right: 1px solid #e4e4e4;
    left: 0;
    right: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 240px;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.mdc-permanent-drawer__toolbar-spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: flex-center;
    -ms-flex-align: flex-center;
    align-items: flex-center;
    height: 56px;
    padding: 16px;
    border-bottom: 1px solid rgba(0,0,0,.12);
    box-sizing: border-box
}

.mdc-permanent-drawer__toolbar-spacer--theme-dark .mdc-permanent-drawer__toolbar-spacer, .mdc-theme--dark .mdc-permanent-drawer__toolbar-spacer {
    border-bottom: 1px solid hsla(0,0%,100%,.12)
}

@media (min-width:600px) {
    .mdc-permanent-drawer__toolbar-spacer {
        height: 64px
    }
}

.mdc-permanent-drawer__header {
    position: relative
}

    .mdc-permanent-drawer__header:before {
        display: block;
        padding-top: 56.25%;
        content: ""
    }

.mdc-permanent-drawer__header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 16px;
    box-sizing: border-box
}

.mdc-permanent-drawer .mdc-list, .mdc-permanent-drawer .mdc-list-group {
    padding-right: 0;
    padding-left: 0
}

.mdc-permanent-drawer .mdc-list-item {
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration: none;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5rem
}

.mdc-permanent-drawer .mdc-list-item__start-detail {
    color: rgba(0,0,0,.54)
}

.mdc-permanent-drawer .mdc-list-item__start-detail--theme-dark .mdc-permanent-drawer .mdc-list-item__start-detail, .mdc-theme--dark .mdc-permanent-drawer .mdc-list-item__start-detail {
    color: hsla(0,0%,100%,.54)
}

.mdc-permanent-drawer--selected.mdc-list-item, .mdc-permanent-drawer--selected.mdc-list-item .mdc-list-item__start-detail {
    color: #3f51b5;
    color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-permanent-drawer .mdc-list-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms;
    border-radius: inherit;
    background: currentColor;
    content: "";
    opacity: 0
}

.mdc-permanent-drawer .mdc-list-item:focus:before {
    opacity: .12
}

.mdc-permanent-drawer .mdc-list-item:active:before, .mdc-permanent-drawer .mdc-list-item:focus:before {
    -webkit-transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-permanent-drawer .mdc-list-item:active:before {
    opacity: .18
}

.mdc-permanent-drawer .mdc-list-item:active:focus:before {
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.mdc-permanent-drawer[dir=rtl], [dir=rtl] .mdc-permanent-drawer {
    border-left: 1px solid #e4e4e4;
    border-right: 0;
    left: auto;
    right: 0
}

.mdc-permanent-drawer--theme-dark, .mdc-theme--dark .mdc-permanent-drawer {
    background: #212121;
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff);
    border-left: 0;
    border-right: 1px solid hsla(0,0%,100%,.12)
}

    .mdc-permanent-drawer--theme-dark[dir=rtl], .mdc-theme--dark .mdc-permanent-drawer[dir=rtl], [dir=rtl] .mdc-permanent-drawer--theme-dark, [dir=rtl] .mdc-theme--dark .mdc-permanent-drawer {
        border-left: 1px solid hsla(0,0%,100%,.12);
        border-right: 0
    }

.mdc-permanent-drawer--floating {
    background: none;
    border-left: 0;
    border-right: none
}

    .mdc-permanent-drawer--floating[dir=rtl], [dir=rtl] .mdc-permanent-drawer--floating {
        border-left: none;
        border-right: 0
    }

.mdc-permanent-drawer--floating--theme-dark, .mdc-theme--dark .mdc-permanent-drawer--floating {
    background: none;
    border-left: 0;
    border-right: none
}

    .mdc-permanent-drawer--floating--theme-dark[dir=rtl], .mdc-theme--dark .mdc-permanent-drawer--floating[dir=rtl], [dir=rtl] .mdc-permanent-drawer--floating--theme-dark, [dir=rtl] .mdc-theme--dark .mdc-permanent-drawer--floating {
        border-left: none;
        border-right: 0
    }

.mdc-temporary-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    box-sizing: border-box;
    contain: strict;
    z-index: 3
}

.mdc-temporary-drawer__toolbar-spacer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: flex-center;
    -ms-flex-align: flex-center;
    align-items: flex-center;
    height: 56px;
    padding: 16px;
    border-bottom: 1px solid rgba(0,0,0,.12);
    box-sizing: border-box
}

.mdc-temporary-drawer__toolbar-spacer--theme-dark .mdc-temporary-drawer__toolbar-spacer, .mdc-theme--dark .mdc-temporary-drawer__toolbar-spacer {
    border-bottom: 1px solid hsla(0,0%,100%,.12)
}

@media (min-width:600px) {
    .mdc-temporary-drawer__toolbar-spacer {
        height: 64px
    }
}

.mdc-temporary-drawer__header {
    position: relative
}

    .mdc-temporary-drawer__header:before {
        display: block;
        padding-top: 56.25%;
        content: ""
    }

.mdc-temporary-drawer__header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 16px;
    box-sizing: border-box
}

.mdc-temporary-drawer .mdc-list, .mdc-temporary-drawer .mdc-list-group {
    padding-right: 0;
    padding-left: 0
}

.mdc-temporary-drawer .mdc-list-item {
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration: none;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5rem
}

.mdc-temporary-drawer .mdc-list-item__start-detail {
    color: rgba(0,0,0,.54)
}

.mdc-temporary-drawer .mdc-list-item__start-detail--theme-dark .mdc-temporary-drawer .mdc-list-item__start-detail, .mdc-theme--dark .mdc-temporary-drawer .mdc-list-item__start-detail {
    color: hsla(0,0%,100%,.54)
}

.mdc-temporary-drawer--selected.mdc-list-item, .mdc-temporary-drawer--selected.mdc-list-item .mdc-list-item__start-detail {
    color: #3f51b5;
    color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-temporary-drawer .mdc-list-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms;
    border-radius: inherit;
    background: currentColor;
    content: "";
    opacity: 0
}

.mdc-temporary-drawer .mdc-list-item:focus:before {
    opacity: .12
}

.mdc-temporary-drawer .mdc-list-item:active:before, .mdc-temporary-drawer .mdc-list-item:focus:before {
    -webkit-transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .18s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-temporary-drawer .mdc-list-item:active:before {
    opacity: .18
}

.mdc-temporary-drawer .mdc-list-item:active:focus:before {
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.mdc-temporary-drawer:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    content: "";
    opacity: 0;
    opacity: var(--mdc-temporary-drawer-opacity,0);
    will-change: opacity;
    box-sizing: border-box
}

.mdc-temporary-drawer__drawer {
    background: #fff;
    background: var(--mdc-theme-background,#fff);
    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: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 56px);
    max-width: 280px;
    height: 100%;
    -webkit-transform: translateX(-107%);
    transform: translateX(-107%);
    -webkit-transform: translateX(calc(-100% - 20px));
    transform: translateX(calc(-100% - 20px));
    will-change: transform;
    box-sizing: border-box;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

    .mdc-temporary-drawer__drawer[dir=rtl], [dir=rtl] .mdc-temporary-drawer__drawer {
        left: auto;
        right: 0
    }

.mdc-temporary-drawer--theme-dark .mdc-temporary-drawer__drawer, .mdc-theme--dark .mdc-temporary-drawer__drawer {
    background: #303030;
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-temporary-drawer[dir=rtl] .mdc-temporary-drawer__drawer, [dir=rtl] .mdc-temporary-drawer .mdc-temporary-drawer__drawer {
    -webkit-transform: translateX(107%);
    transform: translateX(107%);
    -webkit-transform: translateX(calc(100% + 20px));
    transform: translateX(calc(100% + 20px))
}

@media (min-width:600px) {
    .mdc-temporary-drawer__drawer {
        width: calc(100% - 64px);
        max-width: 320px
    }
}

.mdc-temporary-drawer__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.mdc-temporary-drawer__footer {
    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);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.mdc-temporary-drawer--animating:before {
    -webkit-transition: opacity .3s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .3s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-temporary-drawer--animating.mdc-temporary-drawer--open .mdc-temporary-drawer__drawer {
    -webkit-transition: -webkit-transform .33s cubic-bezier(0,0,.2,1) 0ms;
    transition: -webkit-transform .33s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .33s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .33s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .33s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-temporary-drawer--animating .mdc-temporary-drawer__drawer {
    -webkit-transition: -webkit-transform .13s cubic-bezier(0,0,.2,1) 0ms;
    transition: -webkit-transform .13s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .13s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .13s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .13s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-temporary-drawer--open {
    pointer-events: auto
}

    .mdc-temporary-drawer--open:before {
        opacity: 1;
        opacity: var(--mdc-temporary-drawer-opacity,1)
    }

    .mdc-temporary-drawer--open .mdc-temporary-drawer__drawer, .mdc-temporary-drawer--open[dir=rtl] .mdc-temporary-drawer__drawer, [dir=rtl] .mdc-temporary-drawer--open .mdc-temporary-drawer__drawer {
        -webkit-transform: none;
        transform: none
    }

.mdc-elevation--z0 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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--z6 {
    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)
}

.mdc-elevation--z7 {
    box-shadow: 0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)
}

.mdc-elevation--z8 {
    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-elevation--z9 {
    box-shadow: 0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)
}

.mdc-elevation--z10 {
    box-shadow: 0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)
}

.mdc-elevation--z11 {
    box-shadow: 0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)
}

.mdc-elevation--z12 {
    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-elevation--z13 {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)
}

.mdc-elevation--z14 {
    box-shadow: 0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)
}

.mdc-elevation--z15 {
    box-shadow: 0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)
}

.mdc-elevation--z16 {
    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)
}

.mdc-elevation--z17 {
    box-shadow: 0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)
}

.mdc-elevation--z18 {
    box-shadow: 0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)
}

.mdc-elevation--z19 {
    box-shadow: 0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)
}

.mdc-elevation--z20 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)
}

.mdc-elevation--z21 {
    box-shadow: 0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)
}

.mdc-elevation--z22 {
    box-shadow: 0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)
}

.mdc-elevation--z23 {
    box-shadow: 0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)
}

.mdc-elevation--z24 {
    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)
}

.mdc-elevation-transition {
    will-change: box-shadow
}

.mdc-elevation-transition, .mdc-fab {
    -webkit-transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1)
}

.mdc-fab {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    fill: currentColor;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    background-color: #ff4081;
    background-color: var(--mdc-theme-accent,#ff4081);
    color: #fff;
    color: var(--mdc-theme-text-primary-on-accent,#fff);
    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)
}

    .mdc-fab:not(.mdc-ripple-upgraded):active:after, .mdc-fab:not(.mdc-ripple-upgraded):focus:before, .mdc-fab:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-fab:before {
        background-color: hsla(0,0%,100%,.16);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-fab.mdc-ripple-upgraded:before {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-fab.mdc-ripple-upgraded--background-focused:before {
        opacity: .99999
    }

    .mdc-fab.mdc-ripple-upgraded--background-active-fill:before {
        -webkit-transition-duration: .12s;
        transition-duration: .12s;
        opacity: 1
    }

    .mdc-fab.mdc-ripple-upgraded--unbounded:before {
        top: 0%;
        top: var(--mdc-ripple-top,0%);
        left: 0%;
        left: var(--mdc-ripple-left,0%);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-fab:after {
        background-color: hsla(0,0%,100%,.16);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-fab.mdc-ripple-upgraded:after {
        top: 0;
        left: 0;
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }

    .mdc-fab:not(.mdc-ripple-upgraded--unbounded):after {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-fab.mdc-ripple-upgraded--unbounded:after {
        top: 0;
        top: var(--mdc-ripple-top,0);
        left: 0;
        left: var(--mdc-ripple-left,0);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

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

    .mdc-fab.mdc-ripple-upgraded--foreground-deactivation:after {
        -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-animation: .25s mdc-ripple-fg-opacity-out;
        animation: .25s mdc-ripple-fg-opacity-out
    }

    .mdc-fab:not(.mdc-ripple-upgraded) {
        -webkit-tap-highlight-color: rgba(0,0,0,.18)
    }

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

.mdc-fab--plain {
    background-color: #fff;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87))
}

    .mdc-fab--plain:before {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-fab--plain.mdc-ripple-upgraded:before {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-fab--plain.mdc-ripple-upgraded--background-focused:before {
        opacity: .99999
    }

    .mdc-fab--plain.mdc-ripple-upgraded--background-active-fill:before {
        -webkit-transition-duration: .12s;
        transition-duration: .12s;
        opacity: 1
    }

    .mdc-fab--plain.mdc-ripple-upgraded--unbounded:before {
        top: 0%;
        top: var(--mdc-ripple-top,0%);
        left: 0%;
        left: var(--mdc-ripple-left,0%);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-fab--plain:after {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-fab--plain.mdc-ripple-upgraded:after {
        top: 0;
        left: 0;
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }

    .mdc-fab--plain:not(.mdc-ripple-upgraded--unbounded):after {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-fab--plain.mdc-ripple-upgraded--unbounded:after {
        top: 0;
        top: var(--mdc-ripple-top,0);
        left: 0;
        left: var(--mdc-ripple-left,0);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-fab--plain.mdc-ripple-upgraded--foreground-activation:after {
        -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
        animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-fab--plain.mdc-ripple-upgraded--foreground-deactivation:after {
        -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-animation: .25s mdc-ripple-fg-opacity-out;
        animation: .25s mdc-ripple-fg-opacity-out
    }

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

.mdc-fab:active {
    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:hover {
    cursor: pointer
}

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

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

.mdc-fab:disabled, fieldset:disabled .mdc-fab {
    background-color: rgba(0,0,0,.12);
    color: rgba(0,0,0,.26);
    cursor: default;
    pointer-events: none
}

.mdc-fab__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.mdc-fab__icon, .mdc-form-field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mdc-form-field {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.25rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

.mdc-form-field--theme-dark, .mdc-theme--dark .mdc-form-field {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.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-list .mdc-grid-tile__primary {
    padding-bottom: 100%
}

.mdc-grid-list .mdc-grid-tile {
    margin: 2px 0;
    padding: 0 2px
}

.mdc-grid-list .mdc-grid-tile__secondary {
    left: 2px;
    width: calc(100% - 4px)
}

.mdc-grid-list .mdc-grid-list__tiles {
    margin: 2px auto
}

.mdc-grid-list__tiles {
    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;
    margin: 0;
    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: 56.24993%
}

.mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary {
    padding-bottom: 66.66667%
}

.mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary {
    padding-bottom: 149.99925%
}

.mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary {
    padding-bottom: 75.00019%
}

.mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary {
    padding-bottom: 133.33333%
}

.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: auto;
    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: auto;
    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: auto;
    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: auto
}

.mdc-grid-tile {
    display: block;
    position: relative;
    width: var(--mdc-grid-list-tile-width,200px)
}

.mdc-grid-tile__primary {
    position: relative;
    height: 0;
    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,.87))
}

.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: 50%;
    background-size: cover
}

.mdc-grid-tile__secondary {
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    height: 48px;
    padding: 16px;
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5);
    color: #fff;
    color: var(--mdc-theme-text-primary-on-primary,#fff)
}

.mdc-grid-tile__title {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-grid-tile__support-text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.25rem;
    display: block;
    margin: 0;
    margin-top: 4px;
    padding: 0
}

.mdc-grid-tile__icon {
    position: absolute;
    top: calc(50% - 24px / 2);
    font-size: 0
}

.mdc-icon-toggle {
    color: rgba(0,0,0,.54);
    color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    will-change: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    -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;
    padding: 12px;
    outline: none;
    font-size: 1.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .mdc-icon-toggle:not(.mdc-ripple-upgraded):active:after, .mdc-icon-toggle:not(.mdc-ripple-upgraded):focus:before, .mdc-icon-toggle:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-icon-toggle:before {
        background-color: rgba(0,0,0,.062);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-icon-toggle.mdc-ripple-upgraded:before {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-icon-toggle.mdc-ripple-upgraded--background-focused:before {
        opacity: .99999
    }

    .mdc-icon-toggle.mdc-ripple-upgraded--background-active-fill:before {
        -webkit-transition-duration: .12s;
        transition-duration: .12s;
        opacity: 1
    }

    .mdc-icon-toggle.mdc-ripple-upgraded--unbounded:before {
        top: 0%;
        top: var(--mdc-ripple-top,0%);
        left: 0%;
        left: var(--mdc-ripple-left,0%);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-icon-toggle:after {
        background-color: rgba(0,0,0,.062);
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear
    }

    .mdc-icon-toggle.mdc-ripple-upgraded:after {
        top: 0;
        left: 0;
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }

    .mdc-icon-toggle:not(.mdc-ripple-upgraded--unbounded):after {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-icon-toggle.mdc-ripple-upgraded--unbounded:after {
        top: 0;
        top: var(--mdc-ripple-top,0);
        left: 0;
        left: var(--mdc-ripple-left,0);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation:after {
        -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
        animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation:after {
        -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-animation: .25s mdc-ripple-fg-opacity-out;
        animation: .25s mdc-ripple-fg-opacity-out
    }

.mdc-icon-toggle--theme-dark.mdc-icon-toggle:before, .mdc-theme--dark .mdc-icon-toggle:before {
    background-color: hsla(0,0%,100%,.16);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded:before, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded--background-focused:before, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded--background-active-fill:before, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded--unbounded:before, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle:after, .mdc-theme--dark .mdc-icon-toggle:after {
    background-color: hsla(0,0%,100%,.16);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded:after, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle:not(.mdc-ripple-upgraded--unbounded):after, .mdc-theme--dark .mdc-icon-toggle:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded--unbounded:after, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation:after, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation:after, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

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

.mdc-icon-toggle--theme-dark, .mdc-theme--dark .mdc-icon-toggle {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-icon-toggle--primary {
    color: #3f51b5;
    color: var(--mdc-theme-primary,#3f51b5)
}

    .mdc-icon-toggle--primary:before {
        background-color: rgba(63,81,181,.14);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

@supports (background-color:color(green a(10%))) {
    .mdc-icon-toggle--primary:before {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(14%))
    }
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-icon-toggle--primary:after {
    background-color: rgba(63,81,181,.14);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-icon-toggle--primary:after {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(14%))
    }
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-icon-toggle--primary:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-icon-toggle--primary.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-icon-toggle--accent {
    color: #ff4081;
    color: var(--mdc-theme-accent,#ff4081)
}

    .mdc-icon-toggle--accent:before {
        background-color: rgba(255,64,129,.14);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

@supports (background-color:color(green a(10%))) {
    .mdc-icon-toggle--accent:before {
        background-color: color(var(--mdc-theme-accent,#ff4081) a(14%))
    }
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-icon-toggle--accent:after {
    background-color: rgba(255,64,129,.14);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-icon-toggle--accent:after {
        background-color: color(var(--mdc-theme-accent,#ff4081) a(14%))
    }
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-icon-toggle--accent:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-icon-toggle--accent.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-icon-toggle--disabled {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));
    pointer-events: none
}

.mdc-icon-toggle--theme-dark.mdc-icon-toggle--disabled, .mdc-theme--dark .mdc-icon-toggle--disabled {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-disabled-on-dark,hsla(0,0%,100%,.5))
}

.mdc-layout-grid {
    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: 0 auto;
    box-sizing: border-box;
    padding: 8px;
    padding: calc(var(--mdc-layout-grid-margin, 16px) - var(--mdc-layout-grid-gutter, 16px) / 2)
}

@supports (display:grid) {
    .mdc-layout-grid {
        display: grid;
        grid-gap: 16px;
        grid-gap: var(--mdc-layout-grid-gutter,16px);
        padding: 16px;
        padding: var(--mdc-layout-grid-margin,16px)
    }

    @media (min-width:840px) {
        .mdc-layout-grid {
            grid-template-columns: repeat(12,minmax(0,1fr))
        }
    }

    @media (min-width:480px) and (max-width:839px) {
        .mdc-layout-grid {
            grid-template-columns: repeat(8,minmax(0,1fr))
        }
    }

    @media (max-width:479px) {
        .mdc-layout-grid {
            grid-template-columns: repeat(4,minmax(0,1fr))
        }
    }
}

.mdc-layout-grid__cell {
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter, 16px) / 2);
    box-sizing: border-box
}

@supports (display:grid) {
    .mdc-layout-grid__cell {
        margin: 0
    }
}

@media (min-width:840px) {
    .mdc-layout-grid__cell {
        width: calc(33.33333% - 16px);
        width: calc(33.33333% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4
        }
    }
}

@media (min-width:480px) and (max-width:839px) {
    .mdc-layout-grid__cell {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4
        }
    }
}

@media (max-width:479px) {
    .mdc-layout-grid__cell {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell {
            width: auto;
            grid-column-end: span 4
        }
    }
}

@media (min-width:840px) {
    .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop.mdc-layout-grid__cell--span-1-desktop {
        width: calc(8.33333% - 16px);
        width: calc(8.33333% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop.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.mdc-layout-grid__cell--span-2-desktop {
        width: calc(16.66667% - 16px);
        width: calc(16.66667% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-desktop.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.mdc-layout-grid__cell--span-3-desktop {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-desktop.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.mdc-layout-grid__cell--span-4-desktop {
        width: calc(33.33333% - 16px);
        width: calc(33.33333% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-desktop.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.mdc-layout-grid__cell--span-5-desktop {
        width: calc(41.66667% - 16px);
        width: calc(41.66667% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-desktop.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.mdc-layout-grid__cell--span-6-desktop {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-desktop.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.mdc-layout-grid__cell--span-7-desktop {
        width: calc(58.33333% - 16px);
        width: calc(58.33333% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-desktop.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.mdc-layout-grid__cell--span-8-desktop {
        width: calc(66.66667% - 16px);
        width: calc(66.66667% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-desktop.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.mdc-layout-grid__cell--span-9-desktop {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-desktop.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.mdc-layout-grid__cell--span-10-desktop {
        width: calc(83.33333% - 16px);
        width: calc(83.33333% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-desktop.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.mdc-layout-grid__cell--span-11-desktop {
        width: calc(91.66667% - 16px);
        width: calc(91.66667% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-desktop.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.mdc-layout-grid__cell--span-12-desktop {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-desktop.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--span-1, .mdc-layout-grid__cell--span-1-tablet.mdc-layout-grid__cell--span-1-tablet {
        width: calc(12.5% - 16px);
        width: calc(12.5% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet.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.mdc-layout-grid__cell--span-2-tablet {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet.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.mdc-layout-grid__cell--span-3-tablet {
        width: calc(37.5% - 16px);
        width: calc(37.5% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet.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.mdc-layout-grid__cell--span-4-tablet {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet.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.mdc-layout-grid__cell--span-5-tablet {
        width: calc(62.5% - 16px);
        width: calc(62.5% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet.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.mdc-layout-grid__cell--span-6-tablet {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet.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.mdc-layout-grid__cell--span-7-tablet {
        width: calc(87.5% - 16px);
        width: calc(87.5% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet.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.mdc-layout-grid__cell--span-8-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet.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.mdc-layout-grid__cell--span-9-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet.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.mdc-layout-grid__cell--span-10-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet.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.mdc-layout-grid__cell--span-11-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet.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.mdc-layout-grid__cell--span-12-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet.mdc-layout-grid__cell--span-12-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }
}

@media (max-width:479px) {
    .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone.mdc-layout-grid__cell--span-1-phone {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-phone.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.mdc-layout-grid__cell--span-2-phone {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone.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.mdc-layout-grid__cell--span-3-phone {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone.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.mdc-layout-grid__cell--span-4-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone.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.mdc-layout-grid__cell--span-5-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone.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.mdc-layout-grid__cell--span-6-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone.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.mdc-layout-grid__cell--span-7-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone.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.mdc-layout-grid__cell--span-8-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone.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.mdc-layout-grid__cell--span-9-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone.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.mdc-layout-grid__cell--span-10-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone.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.mdc-layout-grid__cell--span-11-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone.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.mdc-layout-grid__cell--span-12-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter, 16px))
    }

    @supports (display:grid) {
        .mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone.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
    }
}

.mdc-list {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.75rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    margin: 0;
    padding: 8px 16px 0;
    line-height: 1.5rem;
    list-style-type: none
}

.mdc-list--theme-dark, .mdc-theme--dark .mdc-list {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-list--dense {
    padding-top: 4px;
    font-size: .812rem
}

.mdc-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.mdc-list-item__start-detail {
    width: 24px;
    height: 24px;
    margin-left: 0;
    margin-right: 32px
}

.mdc-list-item[dir=rtl] .mdc-list-item__start-detail, [dir=rtl] .mdc-list-item .mdc-list-item__start-detail {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list-item__end-detail {
    width: 24px;
    height: 24px;
    margin-left: auto;
    margin-right: 16px
}

.mdc-list-item[dir=rtl] .mdc-list-item__end-detail, [dir=rtl] .mdc-list-item .mdc-list-item__end-detail {
    margin-left: 16px;
    margin-right: auto
}

.mdc-list-item__text {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mdc-list-item__text__secondary {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.25rem;
    color: rgba(0,0,0,.54);
    color: var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))
}

.mdc-list-item__text__secondary--theme-dark, .mdc-theme--dark .mdc-list-item__text__secondary {
    color: hsla(0,0%,100%,.7);
    color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
}

.mdc-list--dense .mdc-list-item__text__secondary {
    font-size: inherit
}

.mdc-list--dense .mdc-list-item {
    height: 40px
}

.mdc-list--dense .mdc-list-item__start-detail {
    width: 20px;
    height: 20px;
    margin-left: 0;
    margin-right: 36px
}

.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__start-detail, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__start-detail {
    margin-left: 36px;
    margin-right: 0
}

.mdc-list--dense .mdc-list-item__end-detail {
    width: 20px;
    height: 20px
}

.mdc-list--avatar-list .mdc-list-item {
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item__start-detail {
    width: 40px;
    height: 40px;
    margin-left: 0;
    margin-right: 16px;
    border-radius: 50%
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__start-detail, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__start-detail {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item {
    height: 48px
}

.mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item__start-detail {
    width: 36px;
    height: 36px;
    margin-left: 0;
    margin-right: 20px
}

.mdc-list-item[dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item__start-detail, [dir=rtl] .mdc-list-item .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list__item__start-detail {
    margin-left: 20px;
    margin-right: 0
}

.mdc-list--two-line .mdc-list-item {
    height: 72px
}

.mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px
}

a.mdc-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    left: -16px;
    width: calc(100% + 32px);
    padding: 0 16px;
    overflow: hidden
}

    .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active:after, .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus:before, .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-list-item.mdc-ripple-upgraded:before {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded:before {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused:before {
        opacity: .99999
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill:before {
        -webkit-transition-duration: .12s;
        transition-duration: .12s;
        opacity: 1
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded:before {
        top: 0%;
        top: var(--mdc-ripple-top,0%);
        left: 0%;
        left: var(--mdc-ripple-left,0%);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-list-item.mdc-ripple-upgraded:after {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded:after {
        top: 0;
        left: 0;
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }

    .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded--unbounded):after {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded:after {
        top: 0;
        top: var(--mdc-ripple-top,0);
        left: 0;
        left: var(--mdc-ripple-left,0);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation:after {
        -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
        animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation:after {
        -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-animation: .25s mdc-ripple-fg-opacity-out;
        animation: .25s mdc-ripple-fg-opacity-out
    }

    .mdc-list-item.mdc-ripple-upgraded:focus {
        outline: none
    }

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded:before, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded:before {
    background-color: hsla(0,0%,100%,.12);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded:before, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused:before, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill:before, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded:before, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded:after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded:after {
    background-color: hsla(0,0%,100%,.12);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded:after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded--unbounded):after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded:after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation:after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation:after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-list-divider {
    height: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.mdc-list--theme-dark .mdc-list-divider, .mdc-theme--dark .mdc-list-divider {
    border-bottom-color: hsla(0,0%,100%,.2)
}

.mdc-list-divider--inset {
    margin-left: 56px;
    margin-right: 0;
    width: calc(100% - 56px)
}

.mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 56px
}

.mdc-list-group {
    padding: 0 16px
}

.mdc-list-group__subheader {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));
    margin: .75rem 0
}

.mdc-list-group__subheader--theme-dark, .mdc-theme--dark .mdc-list-group__subheader {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-list-group .mdc-list {
    padding: 0
}

.mdc-simple-menu {
    display: none;
    position: absolute;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    border-radius: 2px;
    background-color: #fff;
    white-space: nowrap;
    opacity: 0;
    overflow: hidden;
    box-sizing: border-box;
    will-change: transform,opacity;
    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-simple-menu--theme-dark, .mdc-theme--dark .mdc-simple-menu {
    background-color: #424242
}

.mdc-simple-menu:focus {
    outline: none
}

.mdc-simple-menu--open {
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mdc-simple-menu--animating {
    display: inline-block;
    -webkit-transition: opacity .2s cubic-bezier(0,0,.2,1);
    transition: opacity .2s cubic-bezier(0,0,.2,1)
}

.mdc-simple-menu__items {
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    will-change: transform
}

    .mdc-simple-menu__items > * {
        opacity: 0
    }

    .mdc-simple-menu__items > .mdc-list-item {
        cursor: pointer
    }

.mdc-simple-menu--animating .mdc-simple-menu__items {
    overflow-y: hidden
}

    .mdc-simple-menu--animating .mdc-simple-menu__items > * {
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
        transition-timing-function: cubic-bezier(0,0,.2,1)
    }

.mdc-simple-menu--open .mdc-simple-menu__items > * {
    opacity: 1;
    will-change: opacity
}

[dir=rtl] .mdc-simple-menu {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.mdc-simple-menu--open-from-top-left {
    -webkit-transform-origin: top left !important;
    transform-origin: top left !important
}

.mdc-simple-menu--open-from-top-right {
    -webkit-transform-origin: top right !important;
    transform-origin: top right !important
}

.mdc-simple-menu--open-from-bottom-left {
    -webkit-transform-origin: bottom left !important;
    transform-origin: bottom left !important
}

.mdc-simple-menu--open-from-bottom-right {
    -webkit-transform-origin: bottom right !important;
    transform-origin: bottom right !important
}

.mdc-simple-menu .mdc-list, .mdc-simple-menu .mdc-list-group {
    padding: 0
}

.mdc-simple-menu .mdc-list-item {
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration: none;
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5rem
}

.mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-item, .mdc-theme--dark .mdc-simple-menu .mdc-list-item {
    color: #fff
}

.mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-divider, .mdc-theme--dark .mdc-simple-menu .mdc-list-divider {
    border-color: hsla(0,0%,100%,.12)
}

.mdc-simple-menu .mdc-list-item__start-detail {
    color: rgba(0,0,0,.54)
}

.mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-item__start-detail, .mdc-theme--dark .mdc-simple-menu .mdc-list-item__start-detail {
    color: hsla(0,0%,100%,.54)
}

.mdc-simple-menu--selected.mdc-list-item, .mdc-simple-menu--selected.mdc-list-item .mdc-list-item__start-detail {
    color: #3f51b5;
    color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-simple-menu .mdc-list-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1);
    transition: opacity .12s cubic-bezier(0,0,.2,1);
    border-radius: inherit;
    background: currentColor;
    content: "";
    opacity: 0
}

.mdc-simple-menu .mdc-list-item:focus:before {
    opacity: .12
}

.mdc-simple-menu .mdc-list-item:active:before {
    opacity: .18
}

.mdc-menu-anchor {
    position: relative;
    overflow: visible
}

.mdc-radio {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    padding: 10px;
    cursor: pointer;
    will-change: opacity,transform,border-color,background-color,color
}

    .mdc-radio:not(.mdc-ripple-upgraded):active:after, .mdc-radio:not(.mdc-ripple-upgraded):focus:before, .mdc-radio:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-radio:before {
        background-color: rgba(63,81,181,.14);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

@supports (background-color:color(green a(10%))) {
    .mdc-radio:before {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(14%))
    }
}

.mdc-radio.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-radio.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-radio.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-radio.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-radio:after {
    background-color: rgba(63,81,181,.14);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-radio:after {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(14%))
    }
}

.mdc-radio.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-radio:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-radio.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-radio.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-radio:after, .mdc-radio:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-radio.mdc-ripple-upgraded .mdc-radio__background:before {
    content: none
}

.mdc-radio__background {
    display: inline-block;
    position: absolute;
    width: 50%;
    height: 50%;
    box-sizing: border-box
}

    .mdc-radio__background:before {
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,1,1) 0ms;
        transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,1,1) 0ms;
        transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms,transform .12s cubic-bezier(.4,0,1,1) 0ms;
        transition: opacity .12s cubic-bezier(.4,0,1,1) 0ms,transform .12s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,1,1) 0ms;
        border-radius: 50%;
        content: "";
        opacity: 0;
        pointer-events: none
    }

.mdc-radio__outer-circle {
    border-color: rgba(0,0,0,.54);
    border: 2px solid var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: border-color .12s cubic-bezier(.4,0,1,1) 0ms;
    transition: border-color .12s cubic-bezier(.4,0,1,1) 0ms;
    border-radius: 50%;
    box-sizing: border-box
}

.mdc-radio--theme-dark .mdc-radio__outer-circle, .mdc-theme--dark .mdc-radio__outer-circle {
    border-color: hsla(0,0%,100%,.7);
    border-color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
}

.mdc-radio__inner-circle {
    background-color: rgba(0,0,0,.54);
    background-color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: background-color .12s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,1,1) 0ms;
    transition: background-color .12s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,1,1) 0ms;
    transition: transform .12s cubic-bezier(.4,0,1,1) 0ms,background-color .12s cubic-bezier(.4,0,1,1) 0ms;
    transition: transform .12s cubic-bezier(.4,0,1,1) 0ms,background-color .12s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .12s cubic-bezier(.4,0,1,1) 0ms;
    border-radius: 50%;
    box-sizing: border-box
}

.mdc-radio--theme-dark .mdc-radio__inner-circle, .mdc-theme--dark .mdc-radio__inner-circle {
    background-color: hsla(0,0%,100%,.7);
    background-color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
}

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

    .mdc-radio__native-control:checked + .mdc-radio__background, .mdc-radio__native-control:disabled + .mdc-radio__background {
        -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
        transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
        transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;
        transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms
    }

        .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 .12s cubic-bezier(0,0,.2,1) 0ms;
            transition: border-color .12s cubic-bezier(0,0,.2,1) 0ms
        }

        .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: background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
            transition: background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
            transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms;
            transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms
        }

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

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: #3f51b5;
    border-color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5);
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms
}

.mdc-radio__native-control:disabled + .mdc-radio__background, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background, fieldset:disabled .mdc-radio__native-control + .mdc-radio__background {
    cursor: default
}

    .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle, fieldset:disabled .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
        border-color: rgba(0,0,0,.26)
    }

.mdc-radio--theme-dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, .mdc-radio--theme-dark [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle, .mdc-radio--theme-dark fieldset:disabled .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle, .mdc-theme--dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, .mdc-theme--dark [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle, .mdc-theme--dark fieldset:disabled .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: hsla(0,0%,100%,.3)
}

.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, fieldset:disabled .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
    background-color: rgba(0,0,0,.26)
}

.mdc-radio--theme-dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, .mdc-radio--theme-dark [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, .mdc-radio--theme-dark fieldset:disabled .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, .mdc-theme--dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, .mdc-theme--dark [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, .mdc-theme--dark fieldset:disabled .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
    background-color: hsla(0,0%,100%,.3)
}

.mdc-radio__native-control:focus + .mdc-radio__background:before {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms;
    transition: opacity .12s cubic-bezier(0,0,.2,1) 0ms,transform .12s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .12s cubic-bezier(0,0,.2,1) 0ms;
    opacity: .26
}

@keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);
        -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1);
        animation-timing-function: cubic-bezier(.4,0,.2,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-opacity-in {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 0
    }
}

.mdc-ripple-surface {
    --mdc-ripple-surface-width: 0;
    --mdc-ripple-surface-height: 0;
    --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;
    will-change: transform,opacity;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    outline: none;
    overflow: hidden
}

    .mdc-ripple-surface:not(.mdc-ripple-upgraded):active:after, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus:before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):hover:before {
        -webkit-transition-duration: 85ms;
        transition-duration: 85ms;
        opacity: .6
    }

    .mdc-ripple-surface:before {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-ripple-surface.mdc-ripple-upgraded:before {
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-ripple-surface.mdc-ripple-upgraded--background-focused:before {
        opacity: .99999
    }

    .mdc-ripple-surface.mdc-ripple-upgraded--background-active-fill:before {
        -webkit-transition-duration: .12s;
        transition-duration: .12s;
        opacity: 1
    }

    .mdc-ripple-surface.mdc-ripple-upgraded--unbounded:before {
        top: 0%;
        top: var(--mdc-ripple-top,0%);
        left: 0%;
        left: var(--mdc-ripple-left,0%);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
        transform: scale(var(--mdc-ripple-fg-scale,0))
    }

    .mdc-ripple-surface:after {
        background-color: rgba(0,0,0,.06);
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-transition: opacity .25s linear;
        transition: opacity .25s linear;
        border-radius: 50%;
        opacity: 0;
        pointer-events: none;
        content: ""
    }

    .mdc-ripple-surface.mdc-ripple-upgraded:after {
        top: 0;
        left: 0;
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        opacity: 0
    }

    .mdc-ripple-surface:not(.mdc-ripple-upgraded--unbounded):after {
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-ripple-surface.mdc-ripple-upgraded--unbounded:after {
        top: 0;
        top: var(--mdc-ripple-top,0);
        left: 0;
        left: var(--mdc-ripple-left,0);
        width: 100%;
        width: var(--mdc-ripple-fg-size,100%);
        height: 100%;
        height: var(--mdc-ripple-fg-size,100%);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation:after {
        -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
        animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
    }

    .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation:after {
        -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-animation: .25s mdc-ripple-fg-opacity-out;
        animation: .25s mdc-ripple-fg-opacity-out
    }

    .mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
        overflow: visible
    }

.mdc-ripple-surface--primary:after, .mdc-ripple-surface--primary:before {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-ripple-surface--primary:before {
    background-color: rgba(63,81,181,.16);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-ripple-surface--primary:before {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(16%))
    }
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-ripple-surface--primary:after {
    background-color: rgba(63,81,181,.16);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-ripple-surface--primary:after {
        background-color: color(var(--mdc-theme-primary,#3f51b5) a(16%))
    }
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-ripple-surface--accent:after, .mdc-ripple-surface--accent:before {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-ripple-surface--accent:before {
    background-color: rgba(255,64,129,.16);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-ripple-surface--accent:before {
        background-color: color(var(--mdc-theme-accent,#ff4081) a(16%))
    }
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused:before {
    opacity: .99999
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-active-fill:before {
    -webkit-transition-duration: .12s;
    transition-duration: .12s;
    opacity: 1
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded--unbounded:before {
    top: 0%;
    top: var(--mdc-ripple-top,0%);
    left: 0%;
    left: var(--mdc-ripple-left,0%);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale,0));
    transform: scale(var(--mdc-ripple-fg-scale,0))
}

.mdc-ripple-surface--accent:after {
    background-color: rgba(255,64,129,.16);
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    -webkit-transition: opacity .25s linear;
    transition: opacity .25s linear;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

@supports (background-color:color(green a(10%))) {
    .mdc-ripple-surface--accent:after {
        background-color: color(var(--mdc-theme-accent,#ff4081) a(16%))
    }
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded--unbounded):after {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top,0);
    left: 0;
    left: var(--mdc-ripple-left,0);
    width: 100%;
    width: var(--mdc-ripple-fg-size,100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size,100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards;
    animation: .3s mdc-ripple-fg-radius-in forwards,83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded--foreground-deactivation:after {
    -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-animation: .25s mdc-ripple-fg-opacity-out;
    animation: .25s mdc-ripple-fg-opacity-out
}

.mdc-select {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.75rem;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87));
    padding-left: 0;
    padding-right: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: calc(100% - 24px);
    height: 32px;
    -webkit-transition: border-bottom-color .15s cubic-bezier(.4,0,1,1) 0ms,background-color .15s cubic-bezier(.4,0,1,1) 0ms;
    transition: border-bottom-color .15s cubic-bezier(.4,0,1,1) 0ms,background-color .15s cubic-bezier(.4,0,1,1) 0ms;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    border-radius: 0;
    background: none;
    background-repeat: no-repeat;
    background-position: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230' fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    font-family: Roboto,sans-serif;
    font-size: .936rem;
    cursor: pointer
}

    .mdc-select[dir=rtl], [dir=rtl] .mdc-select {
        padding-left: 24px;
        padding-right: 0
    }

    .mdc-select::-ms-expand {
        display: none
    }

    .mdc-select:focus {
        border-bottom-color: #3f51b5;
        border-bottom-color: var(--mdc-theme-primary,#3f51b5);
        outline: none;
        background-color: rgba(0,0,0,.06)
    }

    .mdc-select[dir=rtl], [dir=rtl] .mdc-select {
        background-position: 0
    }

.mdc-select--theme-dark, .mdc-theme--dark .mdc-select {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    border-bottom: 1px solid hsla(0,0%,100%,.12)
}

    .mdc-select--theme-dark:focus, .mdc-theme--dark .mdc-select:focus {
        border-bottom-color: #3f51b5;
        border-bottom-color: var(--mdc-theme-primary,#3f51b5);
        background-color: hsla(0,0%,100%,.09)
    }

.mdc-select__menu {
    position: fixed;
    top: 0;
    left: 0;
    max-height: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    overflow-y: scroll;
    z-index: 4
}

.mdc-select__selected-text {
    -webkit-transition: opacity 125ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 125ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 125ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 125ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 125ms cubic-bezier(.4,0,1,1) 0ms,transform 125ms cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity 125ms cubic-bezier(.4,0,1,1) 0ms,transform 125ms cubic-bezier(.4,0,1,1) 0ms,-webkit-transform 125ms cubic-bezier(.4,0,1,1) 0ms;
    white-space: nowrap;
    overflow: hidden
}

.mdc-select--open .mdc-select__selected-text {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-transition: opacity 125ms cubic-bezier(0,0,.2,1) 125ms,-webkit-transform 125ms cubic-bezier(0,0,.2,1) 125ms;
    transition: opacity 125ms cubic-bezier(0,0,.2,1) 125ms,-webkit-transform 125ms cubic-bezier(0,0,.2,1) 125ms;
    transition: opacity 125ms cubic-bezier(0,0,.2,1) 125ms,transform 125ms cubic-bezier(0,0,.2,1) 125ms;
    transition: opacity 125ms cubic-bezier(0,0,.2,1) 125ms,transform 125ms cubic-bezier(0,0,.2,1) 125ms,-webkit-transform 125ms cubic-bezier(0,0,.2,1) 125ms;
    opacity: 0
}

.mdc-select--disabled, .mdc-select[disabled] {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230' fill-rule='evenodd' opacity='.38' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    border-bottom-style: dotted;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-select--theme-dark.mdc-select--disabled, .mdc-select--theme-dark.mdc-select[disabled], .mdc-theme--dark .mdc-select--disabled, .mdc-theme--dark .mdc-select[disabled] {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-disabled-on-dark,hsla(0,0%,100%,.5));
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' fill-rule='evenodd' opacity='.38' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    border-bottom: 1px dotted hsla(0,0%,100%,.38)
}

.mdc-select__menu .mdc-list-item {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.75rem;
    color: rgba(0,0,0,.54);
    color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))
}

    .mdc-select__menu .mdc-list-item[aria-selected=true] {
        color: rgba(0,0,0,.87);
        color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87))
    }

.mdc-select--theme-dark .mdc-select__menu .mdc-list-item, .mdc-theme--dark .mdc-select__menu .mdc-list-item {
    color: hsla(0,0%,100%,.7);
    color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
}

    .mdc-select--theme-dark .mdc-select__menu .mdc-list-item[aria-selected=true], .mdc-theme--dark .mdc-select__menu .mdc-list-item[aria-selected=true] {
        color: #fff;
        color: var(--mdc-theme-text-primary-on-dark,#fff)
    }

.mdc-select__menu .mdc-list-group, .mdc-select__menu .mdc-list-group > .mdc-list-item:first-child {
    margin-top: 12px
}

.mdc-select__menu .mdc-list-group {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
    font-weight: 400
}

    .mdc-select__menu .mdc-list-group .mdc-list-item {
        color: rgba(0,0,0,.87);
        color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87))
    }

.mdc-select--theme-dark .mdc-select__menu .mdc-list-group, .mdc-theme--dark .mdc-select__menu .mdc-list-group {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
}

    .mdc-select--theme-dark .mdc-select__menu .mdc-list-group .mdc-list-item, .mdc-theme--dark .mdc-select__menu .mdc-list-group .mdc-list-item {
        color: #fff;
        color: var(--mdc-theme-text-primary-on-dark,#fff)
    }

.mdc-multi-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 250px;
    padding: 0;
    border: 1px solid;
    border-color: rgba(0,0,0,.38);
    border-color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
    outline: none
}

.mdc-multi-select--theme-dark, .mdc-theme--dark .mdc-multi-select {
    border-color: hsla(0,0%,100%,.5);
    border-color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
}

.mdc-multi-select .mdc-list-group {
    margin: 16px 0 0;
    padding: 0 0 0 16px;
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
    font-weight: 400
}

.mdc-multi-select .mdc-list-group--theme-dark, .mdc-theme--dark .mdc-multi-select .mdc-list-group {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
}

.mdc-multi-select .mdc-list-group:last-child {
    margin-bottom: 16px
}

.mdc-multi-select .mdc-list-group .mdc-list-divider {
    margin-left: -16px
}

.mdc-multi-select .mdc-list-item {
    margin: 0 0 0 -16px;
    padding: 0 16px;
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87))
}

.mdc-multi-select .mdc-list-item--theme-dark, .mdc-theme--dark .mdc-multi-select .mdc-list-item {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-multi-select .mdc-list-item:first-child {
    margin-top: 12px
}

.mdc-multi-select .mdc-list-item:last-child {
    margin-bottom: 8px
}

.mdc-multi-select .mdc-list-item:checked {
    background-color: rgba(0,0,0,.12);
    background-color: #fff;
    background-color: var(--mdc-theme-background,#fff)
}

.mdc-multi-select .mdc-list-item:checked--theme-dark, .mdc-theme--dark .mdc-multi-select .mdc-list-item:checked {
    background-color: #fff;
    background-color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-multi-select:focus .mdc-list-item:checked {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-multi-select:focus .mdc-list-item:checked--theme-dark, .mdc-theme--dark .mdc-multi-select:focus .mdc-list-item:checked {
    background-color: #fff;
    background-color: var(--mdc-theme-text-primary-on-dark,#fff)
}

.mdc-list-divider {
    margin-bottom: 8px;
    padding-top: 8px;
    font-size: 0
}

.mdc-snackbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 24px;
    padding-left: 24px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4,0,1,1) 0ms;
    transition: -webkit-transform .25s cubic-bezier(.4,0,1,1) 0ms;
    transition: transform .25s cubic-bezier(.4,0,1,1) 0ms;
    transition: transform .25s cubic-bezier(.4,0,1,1) 0ms,-webkit-transform .25s cubic-bezier(.4,0,1,1) 0ms;
    background-color: #323232;
    will-change: transform;
    pointer-events: none
}

@media (max-width:599px) {
    .mdc-snackbar {
        left: 0;
        width: calc(100% - 48px)
    }
}

@media (min-width:600px) {
    .mdc-snackbar {
        min-width: 288px;
        max-width: 568px;
        -webkit-transform: translate(-50%,100%);
        transform: translate(-50%,100%);
        border-radius: 2px
    }
}

.mdc-snackbar--active {
    -webkit-transform: translate(0);
    transform: translate(0);
    pointer-events: auto;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0,0,.2,1) 0ms;
    transition: -webkit-transform .25s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .25s cubic-bezier(0,0,.2,1) 0ms;
    transition: transform .25s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .25s cubic-bezier(0,0,.2,1) 0ms
}

@media (min-width:600px) {
    .mdc-snackbar--active {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.mdc-snackbar--action-on-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .mdc-snackbar--action-on-bottom .mdc-snackbar__text {
        margin-right: inherit
    }

    .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: -12px 0 8px auto
    }

        .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir=rtl], .mdc-snackbar__text, [dir=rtl] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper {
            margin-left: 0;
            margin-right: auto
        }

.mdc-snackbar__text {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    -webkit-transition: opacity .3s cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity .3s cubic-bezier(.4,0,1,1) 0ms;
    color: #fff;
    opacity: 0
}

.mdc-snackbar[dir=rtl] .mdc-snackbar__text, [dir=rtl] .mdc-snackbar .mdc-snackbar__text {
    margin-left: auto;
    margin-right: 0
}

.mdc-snackbar--multiline .mdc-snackbar__text {
    height: 80px
}

.mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text {
    margin: 0
}

.mdc-snackbar__action-button {
    color: #ff4081;
    color: var(--mdc-theme-accent,#ff4081);
    margin-left: 0;
    margin-right: -16px;
    min-width: auto;
    height: inherit;
    -webkit-transition: opacity .3s cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity .3s cubic-bezier(.4,0,1,1) 0ms;
    opacity: 0;
    visibility: hidden
}

.mdc-snackbar[dir=rtl] .mdc-snackbar__action-button, [dir=rtl] .mdc-snackbar .mdc-snackbar__action-button {
    margin-left: -16px;
    margin-right: 0
}

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

.mdc-snackbar__action-button:not([aria-hidden]) {
    visibility: inherit
}

.mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]), .mdc-snackbar--active .mdc-snackbar__text {
    -webkit-transition: opacity .3s cubic-bezier(.4,0,1,1) 0ms;
    transition: opacity .3s cubic-bezier(.4,0,1,1) 0ms;
    opacity: 1
}

.mdc-switch {
    display: inline-block;
    position: relative
}

.mdc-switch__native-control {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 14px;
    cursor: pointer;
    opacity: 0;
    z-index: 2
}

.mdc-switch__background {
    display: block;
    position: relative;
    width: 34px;
    height: 14px;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-switch--theme-dark .mdc-switch__background, .mdc-switch__background, .mdc-theme--dark .mdc-switch__background {
    background-color: transparent
}

    .mdc-switch__background:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: opacity 90ms cubic-bezier(.4,0,.2,1),background-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-radius: 7px;
        background-color: #000;
        content: "";
        opacity: .38
    }

    .mdc-switch--theme-dark .mdc-switch__background:before, .mdc-theme--dark .mdc-switch__background:before {
        background-color: #fff;
        opacity: .3
    }

    .mdc-switch__background .mdc-switch__knob {
        display: block;
        position: absolute;
        top: -3px;
        left: 0;
        width: 20px;
        height: 20px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
        transition: background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 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);
        transition: transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
        border-radius: 10px;
        background-color: #fafafa;
        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);
        z-index: 1
    }

    .mdc-switch--theme-dark .mdc-switch__background .mdc-switch__knob, .mdc-theme--dark .mdc-switch__background .mdc-switch__knob {
        background-color: #bdbdbd
    }

    .mdc-switch__background .mdc-switch__knob:before {
        top: -14px;
        left: -14px;
        -webkit-transform: scale(0);
        transform: scale(0);
        background-color: transparent;
        content: "";
        opacity: .2
    }

    .mdc-switch__background .mdc-switch__knob:before, .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob:before {
        position: absolute;
        width: 48px;
        height: 48px;
        -webkit-transition: background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
        transition: background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 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);
        transition: transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
        border-radius: 24px
    }

.mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #9e9e9e
}

.mdc-switch--theme-dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob:before, .mdc-theme--dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob:before {
    background-color: #f1f1f1;
    opacity: .14
}

.mdc-switch__native-control:checked ~ .mdc-switch__background:before {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5);
    opacity: .5
}

.mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
    -webkit-transition: background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
    transition: background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 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);
    transition: transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

    .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob:before {
        background-color: #3f51b5;
        background-color: var(--mdc-theme-primary,#3f51b5);
        opacity: .15
    }

.mdc-switch--theme-dark .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob:before, .mdc-theme--dark .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob:before {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-switch__native-control:disabled {
    cursor: auto
}

    .mdc-switch__native-control:disabled ~ .mdc-switch__background:before {
        background-color: #000;
        opacity: .12
    }

.mdc-switch--theme-dark .mdc-switch__native-control:disabled ~ .mdc-switch__background:before, .mdc-theme--dark .mdc-switch__native-control:disabled ~ .mdc-switch__background:before {
    background-color: #fff;
    opacity: .1
}

.mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob {
    background-color: #bdbdbd
}

.mdc-switch--theme-dark .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob, .mdc-theme--dark .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob {
    background-color: #424242
}

.mdc-textfield {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    letter-spacing: .04em;
    display: inline-block;
    margin-bottom: 8px;
    will-change: opacity,transform,color
}

.mdc-textfield__input {
    color: rgba(0,0,0,.87);
    color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87));
    padding: 0 0 8px;
    border: none;
    background: none;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    .mdc-textfield__input::-webkit-input-placeholder {
        color: rgba(0,0,0,.38);
        color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
        -webkit-transition: color .18s cubic-bezier(.4,0,.2,1);
        transition: color .18s cubic-bezier(.4,0,.2,1);
        opacity: 1
    }

    .mdc-textfield__input::-moz-placeholder {
        color: rgba(0,0,0,.38);
        color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
        -webkit-transition: color .18s cubic-bezier(.4,0,.2,1);
        transition: color .18s cubic-bezier(.4,0,.2,1);
        opacity: 1
    }

    .mdc-textfield__input:-ms-input-placeholder {
        color: rgba(0,0,0,.38);
        color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
        -webkit-transition: color .18s cubic-bezier(.4,0,.2,1);
        transition: color .18s cubic-bezier(.4,0,.2,1);
        opacity: 1
    }

    .mdc-textfield__input::placeholder {
        color: rgba(0,0,0,.38);
        color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
        -webkit-transition: color .18s cubic-bezier(.4,0,.2,1);
        transition: color .18s cubic-bezier(.4,0,.2,1);
        opacity: 1
    }

    .mdc-textfield__input:focus {
        outline: none
    }

        .mdc-textfield__input:focus::-webkit-input-placeholder {
            color: rgba(0,0,0,.54);
            color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))
        }

        .mdc-textfield__input:focus::-moz-placeholder {
            color: rgba(0,0,0,.54);
            color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))
        }

        .mdc-textfield__input:focus:-ms-input-placeholder {
            color: rgba(0,0,0,.54);
            color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))
        }

        .mdc-textfield__input:focus::placeholder {
            color: rgba(0,0,0,.54);
            color: var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))
        }

    .mdc-textfield__input:invalid {
        box-shadow: none
    }

.mdc-textfield__input--theme-dark, .mdc-theme--dark .mdc-textfield__input {
    color: #fff
}

    .mdc-textfield__input--theme-dark::-webkit-input-placeholder, .mdc-theme--dark .mdc-textfield__input::-webkit-input-placeholder {
        color: hsla(0,0%,100%,.5);
        color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
    }

    .mdc-textfield__input--theme-dark::-moz-placeholder, .mdc-theme--dark .mdc-textfield__input::-moz-placeholder {
        color: hsla(0,0%,100%,.5);
        color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
    }

    .mdc-textfield__input--theme-dark:-ms-input-placeholder, .mdc-theme--dark .mdc-textfield__input:-ms-input-placeholder {
        color: hsla(0,0%,100%,.5);
        color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
    }

    .mdc-textfield__input--theme-dark::placeholder, .mdc-theme--dark .mdc-textfield__input::placeholder {
        color: hsla(0,0%,100%,.5);
        color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
    }

    .mdc-textfield__input--theme-dark:focus::-webkit-input-placeholder, .mdc-theme--dark .mdc-textfield__input:focus::-webkit-input-placeholder {
        color: hsla(0,0%,100%,.7);
        color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
    }

    .mdc-textfield__input--theme-dark:focus::-moz-placeholder, .mdc-theme--dark .mdc-textfield__input:focus::-moz-placeholder {
        color: hsla(0,0%,100%,.7);
        color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
    }

    .mdc-textfield__input--theme-dark:focus:-ms-input-placeholder, .mdc-theme--dark .mdc-textfield__input:focus:-ms-input-placeholder {
        color: hsla(0,0%,100%,.7);
        color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
    }

    .mdc-textfield__input--theme-dark:focus::placeholder, .mdc-theme--dark .mdc-textfield__input:focus::placeholder {
        color: hsla(0,0%,100%,.7);
        color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7))
    }

.mdc-textfield__label {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
    position: absolute;
    bottom: 8px;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
    transition: color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
    transition: transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);
    transition: transform .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
    cursor: text
}

.mdc-textfield[dir=rtl] .mdc-textfield__label, [dir=rtl] .mdc-textfield .mdc-textfield__label {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.mdc-textfield--theme-dark .mdc-textfield__label, .mdc-theme--dark .mdc-textfield__label {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
}

.mdc-textfield__label--float-above {
    -webkit-transform: translateY(-100%) scale(.75);
    transform: translateY(-100%) scale(.75);
    cursor: auto
}

.mdc-textfield__input:-webkit-autofill + .mdc-textfield__label {
    -webkit-transform: translateY(-100%) scale(.75);
    transform: translateY(-100%) scale(.75);
    cursor: auto
}

.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth) {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 16px
}

    .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline) {
        height: 48px
    }

        .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):after {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            -webkit-transform: translateY(50%) scaleY(1);
            transform: translateY(50%) scaleY(1);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-transition: background-color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
            transition: background-color .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
            transition: background-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);
            transition: background-color .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1);
            background-color: rgba(0,0,0,.12);
            content: ""
        }

.mdc-textfield--theme-dark .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):after, .mdc-theme--dark .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):after {
    background-color: hsla(0,0%,100%,.12)
}

.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth) .mdc-textfield__label {
    pointer-events: none
}

.mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):after, .mdc-textfield--theme-dark.mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):after, .mdc-theme--dark .mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):after {
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5);
    -webkit-transform: translateY(100%) scaleY(2);
    transform: translateY(100%) scaleY(2);
    -webkit-transition: -webkit-transform .18s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .18s cubic-bezier(.4,0,.2,1);
    transition: transform .18s cubic-bezier(.4,0,.2,1);
    transition: transform .18s cubic-bezier(.4,0,.2,1),-webkit-transform .18s cubic-bezier(.4,0,.2,1)
}

.mdc-textfield--focused .mdc-textfield__label, .mdc-textfield--theme-dark .mdc-textfield--focused .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--focused .mdc-textfield__label {
    color: #3f51b5;
    color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-textfield--dense {
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: .813rem
}

    .mdc-textfield--dense .mdc-textfield__label--float-above {
        -webkit-transform: translateY(calc(-100% - 2px)) scale(.923);
        transform: translateY(calc(-100% - 2px)) scale(.923)
    }

.mdc-textfield--invalid:not(.mdc-textfield--focused):after {
    background-color: #d50000
}

.mdc-textfield--invalid:not(.mdc-textfield--focused) .mdc-textfield__label {
    color: #d50000
}

.mdc-textfield--theme-dark.mdc-textfield--invalid:not(.mdc-textfield--focused):after, .mdc-theme--dark .mdc-textfield--invalid:not(.mdc-textfield--focused):after {
    background-color: #ff6e6e
}

.mdc-textfield--theme-dark.mdc-textfield--invalid:not(.mdc-textfield--focused) .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--invalid:not(.mdc-textfield--focused) .mdc-textfield__label {
    color: #ff6e6e
}

.mdc-textfield--disabled {
    border-bottom: 1px dotted rgba(35,31,32,.26)
}

    .mdc-textfield--disabled:after {
        display: none
    }

    .mdc-textfield--disabled .mdc-textfield__input {
        padding-bottom: 7px
    }

.mdc-textfield--theme-dark.mdc-textfield--disabled, .mdc-theme--dark .mdc-textfield--disabled {
    border-bottom: 1px dotted hsla(0,0%,100%,.3)
}

.mdc-textfield--disabled + .mdc-textfield-helptext, .mdc-textfield--disabled .mdc-textfield__input, .mdc-textfield--disabled .mdc-textfield__label {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))
}

.mdc-textfield--theme-dark.mdc-textfield--disabled + .mdc-textfield-helptext, .mdc-textfield--theme-dark .mdc-textfield--disabled .mdc-textfield__input, .mdc-textfield--theme-dark .mdc-textfield--disabled .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--disabled + .mdc-textfield-helptext, .mdc-theme--dark .mdc-textfield--disabled .mdc-textfield__input, .mdc-theme--dark .mdc-textfield--disabled .mdc-textfield__label {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-disabled-on-dark,hsla(0,0%,100%,.5))
}

.mdc-textfield--disabled .mdc-textfield__label {
    bottom: 7px;
    cursor: default
}

.mdc-textfield__input:required + .mdc-textfield__label:after {
    margin-left: 1px;
    content: "*"
}

.mdc-textfield--focused .mdc-textfield__input:required + .mdc-textfield__label:after {
    color: #d50000
}

.mdc-textfield--focused .mdc-textfield--theme-dark .mdc-textfield__input:required + .mdc-textfield__label:after, .mdc-textfield--focused .mdc-theme--dark .mdc-textfield__input:required + .mdc-textfield__label:after {
    color: #ff6e6e
}

.mdc-textfield--multiline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-transition: none;
    transition: none
}

    .mdc-textfield--multiline:after {
        content: normal
    }

    .mdc-textfield--multiline .mdc-textfield__input {
        padding: 4px;
        -webkit-transition: border-color .18s cubic-bezier(.4,0,.2,1);
        transition: border-color .18s cubic-bezier(.4,0,.2,1);
        border: 1px solid rgba(0,0,0,.12);
        border-radius: 2px
    }

.mdc-textfield--theme-dark .mdc-textfield--multiline .mdc-textfield__input, .mdc-theme--dark .mdc-textfield--multiline .mdc-textfield__input {
    border-color: hsla(0,0%,100%,.12)
}

.mdc-textfield--multiline .mdc-textfield__input:focus {
    border-color: #3f51b5;
    border-color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus) {
    border-color: #d50000
}

.mdc-textfield--theme-dark .mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus), .mdc-theme--dark .mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus) {
    border-color: #ff6e6e
}

.mdc-textfield--multiline .mdc-textfield__label {
    top: 6px;
    bottom: auto;
    left: 4px
}

.mdc-textfield--multiline[dir=rtl] .mdc-textfield--multiline .mdc-textfield__label, [dir=rtl] .mdc-textfield--multiline .mdc-textfield--multiline .mdc-textfield__label {
    right: 4px;
    left: auto
}

.mdc-textfield--multiline .mdc-textfield__label--float-above {
    -webkit-transform: translateY(calc(-100% - 6px)) scale(.923);
    transform: translateY(calc(-100% - 6px)) scale(.923)
}

.mdc-textfield--multiline.mdc-textfield--disabled {
    border-bottom: none
}

    .mdc-textfield--multiline.mdc-textfield--disabled .mdc-textfield__input {
        border: 1px dotted rgba(35,31,32,.26)
    }

.mdc-textfield--theme-dark .mdc-textfield--multiline.mdc-textfield--disabled .mdc-textfield__input, .mdc-theme--dark .mdc-textfield--multiline.mdc-textfield--disabled .mdc-textfield__input {
    border-color: hsla(0,0%,100%,.3)
}

.mdc-textfield--fullwidth {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    outline: none
}

    .mdc-textfield--fullwidth:not(.mdc-textfield--multiline) {
        height: 56px
    }

    .mdc-textfield--fullwidth.mdc-textfield--multiline {
        padding: 20px 0 0
    }

    .mdc-textfield--fullwidth.mdc-textfield--dense:not(.mdc-textfield--multiline) {
        height: 48px
    }

    .mdc-textfield--fullwidth.mdc-textfield--dense.mdc-textfield--multiline {
        padding: 16px 0 0
    }

    .mdc-textfield--fullwidth.mdc-textfield--disabled, .mdc-textfield--fullwidth.mdc-textfield--disabled.mdc-textfield--multiline {
        border-bottom: 1px dotted rgba(0,0,0,.12)
    }

.mdc-textfield--fullwidth--theme-dark, .mdc-theme--dark .mdc-textfield--fullwidth {
    border-bottom: 1px solid hsla(0,0%,100%,.12)
}

    .mdc-textfield--fullwidth--theme-dark.mdc-textfield--disabled, .mdc-textfield--fullwidth--theme-dark.mdc-textfield--disabled.mdc-textfield--multiline, .mdc-theme--dark .mdc-textfield--fullwidth.mdc-textfield--disabled, .mdc-theme--dark .mdc-textfield--fullwidth.mdc-textfield--disabled.mdc-textfield--multiline {
        border-bottom: 1px dotted hsla(0,0%,100%,.12)
    }

.mdc-textfield--fullwidth .mdc-textfield__input {
    width: 100%;
    height: 100%;
    padding: 0;
    resize: none;
    border: none !important
}

.mdc-textfield:not(.mdc-textfield--upgraded):not(.mdc-textfield--multiline) .mdc-textfield__input {
    -webkit-transition: border-bottom-color .18s cubic-bezier(.4,0,.2,1);
    transition: border-bottom-color .18s cubic-bezier(.4,0,.2,1);
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus {
    border-color: #3f51b5;
    border-color: var(--mdc-theme-primary,#3f51b5)
}

.mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:disabled {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));
    border-style: dotted;
    border-color: rgba(35,31,32,.26)
}

.mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:invalid:not(:focus) {
    border-color: #d50000
}

.mdc-textfield--theme-dark:not(.mdc-textfield--upgraded) .mdc-textfield__input:not(:focus), .mdc-theme--dark .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:not(:focus) {
    border-color: hsla(0,0%,100%,.12)
}

.mdc-textfield--theme-dark:not(.mdc-textfield--upgraded) .mdc-textfield__input:disabled, .mdc-theme--dark .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:disabled {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-disabled-on-dark,hsla(0,0%,100%,.5));
    border-color: hsla(0,0%,100%,.3)
}

.mdc-textfield--theme-dark:not(.mdc-textfield--upgraded) .mdc-textfield__input:invalid:not(:focus), .mdc-theme--dark .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:invalid:not(:focus) {
    border-color: #ff6e6e
}

.mdc-textfield-helptext {
    color: rgba(0,0,0,.38);
    color: var(--mdc-theme-text-hint-on-light,rgba(0,0,0,.38));
    margin: 0;
    -webkit-transition: opacity .18s cubic-bezier(.4,0,.2,1);
    transition: opacity .18s cubic-bezier(.4,0,.2,1);
    font-size: .75rem;
    opacity: 0;
    will-change: opacity
}

.mdc-textfield-helptext--theme-dark, .mdc-theme--dark .mdc-textfield-helptext {
    color: hsla(0,0%,100%,.5);
    color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5))
}

.mdc-textfield + .mdc-textfield-helptext {
    margin-bottom: 8px
}

.mdc-textfield--dense + .mdc-textfield-helptext {
    margin-bottom: 4px
}

.mdc-textfield--focused + .mdc-textfield-helptext:not(.mdc-textfield-helptext--validation-msg) {
    opacity: 1
}

.mdc-textfield-helptext--persistent {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-textfield--invalid + .mdc-textfield-helptext--validation-msg {
    color: #d50000;
    opacity: 1
}

.mdc-textfield--theme-dark.mdc-textfield--invalid + .mdc-textfield-helptext--validation-msg, .mdc-theme--dark .mdc-textfield--invalid + .mdc-textfield-helptext--validation-msg {
    color: #ff6e6e
}

.mdc-form-field > .mdc-textfield + label {
    -ms-flex-item-align: start;
    align-self: flex-start
}

:root {
    --mdc-theme-primary: #3f51b5;
    --mdc-theme-accent: #ff4081;
    --mdc-theme-background: #fff;
    --mdc-theme-text-primary-on-primary: #fff;
    --mdc-theme-text-secondary-on-primary: hsla(0,0%,100%,.7);
    --mdc-theme-text-hint-on-primary: hsla(0,0%,100%,.5);
    --mdc-theme-text-disabled-on-primary: hsla(0,0%,100%,.5);
    --mdc-theme-text-icon-on-primary: hsla(0,0%,100%,.5);
    --mdc-theme-text-primary-on-accent: #fff;
    --mdc-theme-text-secondary-on-accent: hsla(0,0%,100%,.7);
    --mdc-theme-text-hint-on-accent: hsla(0,0%,100%,.5);
    --mdc-theme-text-disabled-on-accent: hsla(0,0%,100%,.5);
    --mdc-theme-text-icon-on-accent: hsla(0,0%,100%,.5);
    --mdc-theme-text-primary-on-background: rgba(0,0,0,.87);
    --mdc-theme-text-secondary-on-background: rgba(0,0,0,.54);
    --mdc-theme-text-hint-on-background: rgba(0,0,0,.38);
    --mdc-theme-text-disabled-on-background: rgba(0,0,0,.38);
    --mdc-theme-text-icon-on-background: rgba(0,0,0,.38);
    --mdc-theme-text-primary-on-light: rgba(0,0,0,.87);
    --mdc-theme-text-secondary-on-light: rgba(0,0,0,.54);
    --mdc-theme-text-hint-on-light: rgba(0,0,0,.38);
    --mdc-theme-text-disabled-on-light: rgba(0,0,0,.38);
    --mdc-theme-text-icon-on-light: rgba(0,0,0,.38);
    --mdc-theme-text-primary-on-dark: #fff;
    --mdc-theme-text-secondary-on-dark: hsla(0,0%,100%,.7);
    --mdc-theme-text-hint-on-dark: hsla(0,0%,100%,.5);
    --mdc-theme-text-disabled-on-dark: hsla(0,0%,100%,.5);
    --mdc-theme-text-icon-on-dark: hsla(0,0%,100%,.5)
}

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

.mdc-theme--primary {
    color: #3f51b5 !important;
    color: var(--mdc-theme-primary,#3f51b5) !important
}

.mdc-theme--accent {
    color: #ff4081 !important;
    color: var(--mdc-theme-accent,#ff4081) !important
}

.mdc-theme--text-primary-on-primary {
    color: #fff !important;
    color: var(--mdc-theme-text-primary-on-primary,#fff) !important
}

.mdc-theme--text-secondary-on-primary {
    color: hsla(0,0%,100%,.7) !important;
    color: var(--mdc-theme-text-secondary-on-primary,hsla(0,0%,100%,.7)) !important
}

.mdc-theme--text-hint-on-primary {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-hint-on-primary,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--text-disabled-on-primary {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-disabled-on-primary,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--text-icon-on-primary {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-icon-on-primary,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--text-primary-on-accent {
    color: #fff !important;
    color: var(--mdc-theme-text-primary-on-accent,#fff) !important
}

.mdc-theme--text-secondary-on-accent {
    color: hsla(0,0%,100%,.7) !important;
    color: var(--mdc-theme-text-secondary-on-accent,hsla(0,0%,100%,.7)) !important
}

.mdc-theme--text-hint-on-accent {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-hint-on-accent,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--text-disabled-on-accent {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-disabled-on-accent,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--text-icon-on-accent {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-icon-on-accent,hsla(0,0%,100%,.5)) !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,.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,.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,.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,.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,.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,.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,.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,.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,.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,.38)) !important
}

.mdc-theme--text-primary-on-dark {
    color: #fff !important;
    color: var(--mdc-theme-text-primary-on-dark,#fff) !important
}

.mdc-theme--text-secondary-on-dark {
    color: hsla(0,0%,100%,.7) !important;
    color: var(--mdc-theme-text-secondary-on-dark,hsla(0,0%,100%,.7)) !important
}

.mdc-theme--text-hint-on-dark {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-hint-on-dark,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--text-disabled-on-dark {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-disabled-on-dark,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--text-icon-on-dark {
    color: hsla(0,0%,100%,.5) !important;
    color: var(--mdc-theme-text-icon-on-dark,hsla(0,0%,100%,.5)) !important
}

.mdc-theme--primary-bg {
    background-color: #3f51b5 !important;
    background-color: var(--mdc-theme-primary,#3f51b5) !important
}

.mdc-theme--accent-bg {
    background-color: #ff4081 !important;
    background-color: var(--mdc-theme-accent,#ff4081) !important
}

.mdc-toolbar {
    -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;
    background-color: #3f51b5;
    background-color: var(--mdc-theme-primary,#3f51b5);
    color: #fff;
    color: var(--mdc-theme-text-primary-on-primary,#fff)
}

.mdc-toolbar, .mdc-toolbar__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.mdc-toolbar__row {
    height: 64px;
    padding: 20px 28px
}

@media (max-width:599px) {
    .mdc-toolbar__row {
        height: 56px;
        padding: 16px
    }
}

.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: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.mdc-toolbar__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-toolbar__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-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: .02em;
    line-height: 2rem;
    margin: 0;
    line-height: 1.5rem
}

.mdc-toolbar--fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    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 {
    margin-top: 64px
}

@media (max-width:599px) {
    .mdc-toolbar-fixed-adjust {
        margin-top: 56px
    }
}

.mdc-typography, .mdc-typography--display4 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.mdc-typography--display4 {
    font-size: 7rem;
    font-weight: 300;
    letter-spacing: -.04em;
    line-height: 7rem
}

.mdc-typography--adjust-margin.mdc-typography--display4 {
    margin: -1rem 0 3.5rem -.085em
}

.mdc-typography--display3 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 3.5rem;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 3.5rem
}

.mdc-typography--adjust-margin.mdc-typography--display3 {
    margin: -8px 0 64px -.07em
}

.mdc-typography--display2 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.813rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 3rem
}

.mdc-typography--adjust-margin.mdc-typography--display2 {
    margin: -.5rem 0 4rem -.07em
}

.mdc-typography--display1 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2.5rem
}

.mdc-typography--adjust-margin.mdc-typography--display1 {
    margin: -.5rem 0 4rem -.07em
}

.mdc-typography--headline {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2rem
}

.mdc-typography--adjust-margin.mdc-typography--headline {
    margin: -.5rem 0 1rem -.06em
}

.mdc-typography--title {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 2rem
}

.mdc-typography--adjust-margin.mdc-typography--title {
    margin: -.5rem 0 1rem -.05em
}

.mdc-typography--subheading2 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.75rem
}

.mdc-typography--adjust-margin.mdc-typography--subheading2 {
    margin: -.5rem 0 1rem -.06em
}

.mdc-typography--subheading1 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .938rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.5rem
}

.mdc-typography--adjust-margin.mdc-typography--subheading1 {
    margin: -.313rem 0 .813rem -.06em
}

.mdc-typography--body2 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5rem
}

.mdc-typography--adjust-margin.mdc-typography--body2 {
    margin: -.25rem 0 .75rem
}

.mdc-typography--body1 {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.25rem
}

.mdc-typography--adjust-margin.mdc-typography--body1 {
    margin: -.25rem 0 .75rem
}

.mdc-typography--caption {
    font-family: Roboto,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 1.25rem
}

.mdc-typography--adjust-margin.mdc-typography--caption {
    margin: -.5rem 0 1rem -.04em
}