.mdc-floating-label {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    position: absolute;
    left: 0;
    transform-origin: left top;
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform;
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1)
}

.mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-floating-label {
    right: 0;
    left: auto;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto
}

.mdc-floating-label--required:after {
    margin-left: 1px;
    margin-right: 0;
    content: "*"
}

.mdc-floating-label--required[dir=rtl]:after,
[dir=rtl] .mdc-floating-label--required:after {
    margin-left: 0;
    margin-right: 1px
}

.mdc-floating-label--float-above {
    transform: translateY(-106%) scale(.75)
}

.mdc-floating-label--shake {
    animation: a .25s 1
}

@keyframes a {
    0% {
        transform: translateX(0%) translateY(-106%) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(4%) translateY(-106%) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(-4%) translateY(-106%) scale(.75)
    }

    to {
        transform: translateX(0%) translateY(-106%) scale(.75)
    }
}

.mdc-line-ripple:after,
.mdc-line-ripple:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom-style: solid;
    content: ""
}

.mdc-line-ripple:before {
    border-bottom-width: 1px;
    z-index: 1
}

.mdc-line-ripple:after {
    transform: scaleX(0);
    border-bottom-width: 2px;
    opacity: 0;
    z-index: 2;
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), opacity .18s cubic-bezier(.4, 0, .2, 1)
}

.mdc-line-ripple--active:after {
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating:after {
    opacity: 0
}

.mdc-notched-outline {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.mdc-notched-outline[dir=rtl],
[dir=rtl] .mdc-notched-outline {
    text-align: right
}

.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

.mdc-notched-outline__leading[dir=rtl],
.mdc-notched-outline__trailing,
[dir=rtl] .mdc-notched-outline__leading {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-notched-outline__trailing {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 12px * 2)
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.3333333333%
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl],
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    padding: 0
}

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

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

@keyframes c {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

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

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

    to {
        opacity: 0
    }
}

.mdc-text-field--filled {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

.mdc-text-field--filled .mdc-text-field__ripple:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple:after {
    animation: b 225ms forwards, c 75ms forwards
}

.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple:after {
    animation: d .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-text-field--filled .mdc-text-field__ripple:after,
.mdc-text-field--filled .mdc-text-field__ripple:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

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

.mdc-text-field__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mdc-text-field {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    will-change: opacity, transform, color
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(0, 0, 0, .87)
}

@media {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .54)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
        color: rgba(0, 0, 0, .54)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
        color: rgba(0, 0, 0, .54)
    }

    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
        color: rgba(0, 0, 0, .54)
    }
}

@media {
    .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
        color: rgba(0, 0, 0, .54)
    }
}

.mdc-text-field .mdc-text-field__input {
    caret-color: #6200ee;
    caret-color: var(--mdc-theme-primary, #6200ee)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field .mdc-floating-label {
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdc-text-field.mdc-text-field--with-leading-icon {
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field.mdc-text-field--with-leading-icon[dir=rtl],
.mdc-text-field.mdc-text-field--with-trailing-icon,
[dir=rtl] .mdc-text-field.mdc-text-field--with-leading-icon {
    padding-left: 16px;
    padding-right: 0
}

.mdc-text-field.mdc-text-field--with-trailing-icon[dir=rtl],
[dir=rtl] .mdc-text-field.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon,
.mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon[dir=rtl],
[dir=rtl] .mdc-text-field.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.mdc-text-field__input {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    height: 28px;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0
}

.mdc-text-field__input::-ms-clear {
    display: none
}

.mdc-text-field__input:focus {
    outline: none
}

.mdc-text-field__input:invalid {
    box-shadow: none
}

.mdc-text-field__input:-webkit-autofill {
    z-index: auto !important
}

@media {
    .mdc-text-field__input::-webkit-input-placeholder {
        transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
        opacity: 0
    }

    .mdc-text-field__input::-moz-placeholder {
        transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
        opacity: 0
    }

    .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field__input::-ms-input-placeholder {
        transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
        opacity: 0
    }

    .mdc-text-field__input::placeholder {
        transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
        opacity: 0
    }
}

@media {
    .mdc-text-field__input:-ms-input-placeholder {
        transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
        opacity: 0
    }
}

@media {

    .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder,
    .mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder,
    .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder {
        transition-delay: 40ms;
        transition-duration: .11s;
        opacity: 1
    }

    .mdc-text-field--focused .mdc-text-field__input::-moz-placeholder,
    .mdc-text-field--fullwidth .mdc-text-field__input::-moz-placeholder,
    .mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder {
        transition-delay: 40ms;
        transition-duration: .11s;
        opacity: 1
    }

    .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder,
    .mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder,
    .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder {
        transition-delay: 40ms;
        transition-duration: .11s;
        opacity: 1
    }

    .mdc-text-field--focused .mdc-text-field__input::placeholder,
    .mdc-text-field--fullwidth .mdc-text-field__input::placeholder,
    .mdc-text-field--no-label .mdc-text-field__input::placeholder {
        transition-delay: 40ms;
        transition-duration: .11s;
        opacity: 1
    }
}

@media {

    .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder {
        transition-delay: 40ms;
        transition-duration: .11s;
        opacity: 1
    }
}

.mdc-text-field__affix {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    height: 28px;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    white-space: nowrap
}

.mdc-text-field--label-floating .mdc-text-field__affix,
.mdc-text-field--no-label .mdc-text-field__affix {
    opacity: 1
}

.mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

.mdc-text-field__affix--prefix[dir=rtl],
[dir=rtl] .mdc-text-field__affix--prefix {
    padding-left: 2px;
    padding-right: 0
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 12px
}

.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl],
.mdc-text-field__affix--suffix,
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-left: 12px;
    padding-right: 0
}

.mdc-text-field__affix--suffix[dir=rtl],
[dir=rtl] .mdc-text-field__affix--suffix {
    padding-left: 0;
    padding-right: 12px
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 2px;
    padding-right: 0
}

.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl],
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 0;
    padding-right: 2px
}

.mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
    transform: translateY(-50%) scale(.75);
    cursor: auto
}

.mdc-text-field--filled {
    height: 56px
}

.mdc-text-field--filled .mdc-text-field__ripple:after,
.mdc-text-field--filled .mdc-text-field__ripple:before {
    background-color: rgba(0, 0, 0, .87)
}

.mdc-text-field--filled:hover .mdc-text-field__ripple:before {
    opacity: .04
}

.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple:before,
.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple:before {
    transition-duration: 75ms;
    opacity: .12
}

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

.mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .42)
}

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .87)
}

.mdc-text-field--filled .mdc-line-ripple:after {
    border-bottom-color: #6200ee;
    border-bottom-color: var(--mdc-theme-primary, #6200ee)
}

.mdc-text-field--filled .mdc-floating-label {
    left: 16px;
    right: auto
}

.mdc-text-field--filled .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--filled .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(.75)
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label,
.mdc-text-field--filled.mdc-text-field--no-label:before {
    display: none
}

.mdc-text-field--outlined {
    height: 56px;
    overflow: visible
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) scale(1);
    font-size: .75rem
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) scale(.75);
    font-size: 1rem
}

.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: s .25s 1
}

.mdc-text-field--outlined .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .38)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .87)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary, #6200ee)
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px
}

.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 1px
}

.mdc-text-field--outlined .mdc-text-field__ripple:after,
.mdc-text-field--outlined .mdc-text-field__ripple:before {
    content: none
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: auto
}

.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: -ms-flexbox;
    display: flex;
    border: none !important;
    background-color: transparent
}

.mdc-text-field--textarea {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
    transition: none
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 19px
}

.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
    transform: none
}

.mdc-text-field--textarea .mdc-text-field__input {
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: auto;
    min-height: 1.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    resize: none;
    padding: 0 16px;
    line-height: 1.5rem
}

.mdc-text-field--textarea.mdc-text-field--filled:before {
    display: none
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-10.25px) scale(.75)
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
    animation: e .25s 1
}

@keyframes e {
    0% {
        transform: translateX(0%) translateY(-10.25px) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(4%) translateY(-10.25px) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(-4%) translateY(-10.25px) scale(.75)
    }

    to {
        transform: translateX(0%) translateY(-10.25px) scale(.75)
    }
}

.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
    margin-top: 23px;
    margin-bottom: 9px
}

.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-27.25px) scale(1);
    font-size: .75rem
}

.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-24.75px) scale(.75);
    font-size: 1rem
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: f .25s 1
}

@keyframes f {
    0% {
        transform: translateX(0%) translateY(-24.75px) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(4%) translateY(-24.75px) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(-4%) translateY(-24.75px) scale(.75)
    }

    to {
        transform: translateX(0%) translateY(-24.75px) scale(.75)
    }
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
    top: 18px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
    margin-bottom: 2px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0 16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter:after {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: -16px
}

.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter:before {
    display: none
}

.mdc-text-field__resizer {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 100%;
    max-width: 100%;
    min-height: 56px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    overflow: hidden;
    resize: both
}

.mdc-text-field--filled .mdc-text-field__resizer {
    transform: translateY(-1px)
}

.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter,
.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input {
    transform: translateY(1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(-1px) translateY(-1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(1px) translateY(-1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input {
    transform: translateX(1px) translateY(1px)
}

.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl],
.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input {
    transform: translateX(-1px) translateY(1px)
}

.mdc-text-field--fullwidth {
    padding: 0;
    width: 100%
}

.mdc-text-field--fullwidth.mdc-text-field--disabled .mdc-line-ripple:before,
.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .42)
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: -ms-flexbox;
    display: flex
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
    height: 100%
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-floating-label,
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):before {
    display: none
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple:after,
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple:before {
    content: none
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__resizer {
    resize: vertical
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 48px);
    left: 48px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / .75 - 64px / .75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(-32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) translateX(-32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) translateX(32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: g .25s 1
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 64px)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / .75 - 64px / .75)
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 96px)
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100% / .75 - 96px / .75)
}

.mdc-text-field-helper-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-form-field>.mdc-text-field+label {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(98, 0, 238, .87)
}

.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 2px
}

.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #b00020;
    caret-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020)
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--disabled {
    pointer-events: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    color: rgba(0, 0, 0, .38)
}

@media {
    .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .38)
    }

    .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
        color: rgba(0, 0, 0, .38)
    }

    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
        color: rgba(0, 0, 0, .38)
    }

    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: rgba(0, 0, 0, .38)
    }
}

@media {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: rgba(0, 0, 0, .38)
    }
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,
.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,
.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--disabled .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, .38)
}

.mdc-text-field--disabled .mdc-text-field__icon--leading,
.mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: rgba(0, 0, 0, .3)
}

.mdc-text-field--disabled .mdc-text-field__affix--prefix,
.mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: rgba(0, 0, 0, .38)
}

.mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .06)
}

.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .06)
}

@media screen and (-ms-high-contrast:active) {
    .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
        color: GrayText
    }

    .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
        color: GrayText
    }

    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder,
    .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
        color: GrayText
    }

    .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: GrayText
    }
}

@media screen and (-ms-high-contrast:active) {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }
}

@media screen and (-ms-high-contrast:active) {

    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,
    .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,
    .mdc-text-field--disabled .mdc-floating-label,
    .mdc-text-field--disabled .mdc-text-field-character-counter,
    .mdc-text-field--disabled .mdc-text-field__affix--prefix,
    .mdc-text-field--disabled .mdc-text-field__affix--suffix,
    .mdc-text-field--disabled .mdc-text-field__icon--leading,
    .mdc-text-field--disabled .mdc-text-field__icon--trailing {
        color: GrayText
    }
}

@media screen and (-ms-high-contrast:active) {
    .mdc-text-field--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }
}

@media screen and (-ms-high-contrast:active) {

    .mdc-text-field--disabled .mdc-notched-outline__leading,
    .mdc-text-field--disabled .mdc-notched-outline__notch,
    .mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.mdc-text-field--disabled.mdc-text-field--filled {
    background-color: #fafafa
}

.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
    display: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    pointer-events: auto
}

.mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right
}

.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: left
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix,
.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input {
    direction: ltr
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading {
    -ms-flex-order: 1;
    order: 1
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix {
    -ms-flex-order: 2;
    order: 2
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input {
    -ms-flex-order: 3;
    order: 3
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix {
    -ms-flex-order: 4;
    order: 4
}

.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing,
[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing {
    -ms-flex-order: 5;
    order: 5
}

.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input,
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right
}

.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix,
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-right: 12px
}

.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix,
[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 2px
}

.mdc-text-field-helper-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-caption-font-size, .75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: .0333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit);
    display: block;
    margin-top: 0;
    line-height: normal;
    margin: 0;
    opacity: 0;
    will-change: opacity;
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}

.mdc-text-field-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-helper-text--persistent {
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-text-field-character-counter {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-caption-font-size, .75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: .0333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit);
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 0;
    white-space: nowrap
}

.mdc-text-field-character-counter:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-character-counter[dir=rtl],
[dir=rtl] .mdc-text-field-character-counter {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field__icon {
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer
}

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-text-field__icon svg {
    display: block
}

.mdc-text-field__icon--leading {
    margin-left: 16px;
    margin-right: 8px
}

.mdc-text-field__icon--leading[dir=rtl],
[dir=rtl] .mdc-text-field__icon--leading {
    margin-left: 8px;
    margin-right: 16px
}

.mdc-text-field__icon--trailing,
.mdc-text-field__icon--trailing[dir=rtl],
[dir=rtl] .mdc-text-field__icon--trailing {
    margin-left: 12px;
    margin-right: 12px
}

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

.mdc-list:focus {
    outline: none
}

.mdc-list-item__secondary-text {
    color: rgba(0, 0, 0, .54);
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}

.mdc-list-item__graphic {
    background-color: transparent;
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__meta {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-group__subheader {
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list-item--disabled .mdc-list-item__text {
    opacity: .38
}

.mdc-list-item--disabled .mdc-list-item__primary-text,
.mdc-list-item--disabled .mdc-list-item__secondary-text,
.mdc-list-item--disabled .mdc-list-item__text {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item--activated,
.mdc-list-item--activated .mdc-list-item__graphic,
.mdc-list-item--selected,
.mdc-list-item--selected .mdc-list-item__graphic {
    color: #6200ee;
    color: var(--mdc-theme-primary, #6200ee)
}

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

.mdc-list-item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    padding: 0;
    padding-left: 16px;
    padding-right: 16px;
    height: 48px
}

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

.mdc-list-item:not(.mdc-list-item--selected):focus:before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    content: ""
}

.mdc-list-item.mdc-list-item--selected:before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 3px double transparent;
    border-radius: inherit;
    content: ""
}

.mdc-list--icon-list .mdc-list-item,
.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

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

.mdc-list--icon-list .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list--icon-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--avatar-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px;
    height: 56px
}

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

.mdc-list--thumbnail-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px;
    height: 56px
}

.mdc-list--thumbnail-list .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--image-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px;
    height: 72px
}

.mdc-list--image-list .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list--image-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-list--video-list .mdc-list-item {
    padding-left: 0;
    padding-right: 16px;
    height: 72px
}

.mdc-list--video-list .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list--video-list .mdc-list-item {
    padding-left: 16px;
    padding-right: 0
}

.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 20px;
    height: 20px
}

.mdc-list--dense .mdc-list-item__graphic[dir=rtl],
[dir=rtl] .mdc-list--dense .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list-item__graphic {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: currentColor;
    object-fit: cover;
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px
}

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

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

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

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

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

.mdc-list--thumbnail-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px
}

.mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl],
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--image-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 56px;
    height: 56px
}

.mdc-list--image-list .mdc-list-item__graphic[dir=rtl],
[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--video-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 100px;
    height: 56px
}

.mdc-list--video-list .mdc-list-item__graphic[dir=rtl],
[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list .mdc-list-item__graphic {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.mdc-list-item__meta {
    margin-left: auto;
    margin-right: 0
}

.mdc-list-item__meta:not(.material-icons) {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-caption-font-size, .75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: .0333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit)
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta,
[dir=rtl] .mdc-list-item .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

.mdc-list-item__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item__text[for] {
    pointer-events: none
}

.mdc-list-item__primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list--avatar-list .mdc-list-item__primary-text,
.mdc-list--icon-list .mdc-list-item__primary-text,
.mdc-list--image-list .mdc-list-item__primary-text,
.mdc-list--thumbnail-list .mdc-list-item__primary-text,
.mdc-list--video-list .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--avatar-list .mdc-list-item__primary-text:before,
.mdc-list--icon-list .mdc-list-item__primary-text:before,
.mdc-list--image-list .mdc-list-item__primary-text:before,
.mdc-list--thumbnail-list .mdc-list-item__primary-text:before,
.mdc-list--video-list .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list--avatar-list .mdc-list-item__primary-text:after,
.mdc-list--icon-list .mdc-list-item__primary-text:after,
.mdc-list--image-list .mdc-list-item__primary-text:after,
.mdc-list--thumbnail-list .mdc-list-item__primary-text:after,
.mdc-list--video-list .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--dense .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item__secondary-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .875rem;
    font-size: var(--mdc-typography-body2-font-size, .875rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: .0178571429em;
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-body2-text-transform, inherit);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__secondary-text {
    font-size: inherit
}

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

.mdc-list--two-line .mdc-list-item__text {
    -ms-flex-item-align: start;
    align-self: flex-start
}

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

.mdc-list--two-line.mdc-list--avatar-list .mdc-list-item,
.mdc-list--two-line.mdc-list--icon-list .mdc-list-item,
.mdc-list--two-line.mdc-list--image-list .mdc-list-item,
.mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item,
.mdc-list--two-line.mdc-list--video-list .mdc-list-item {
    height: 72px
}

.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

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

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 36px;
    height: 36px
}

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

:not(.mdc-list-item--disabled).mdc-list-item {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

.mdc-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

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

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

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

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

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],
[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

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

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

.mdc-list--icon-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],
[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 72px
}

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

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],
[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],
[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

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

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

.mdc-list--avatar-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],
[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 72px
}

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

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],
[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],
[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

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

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

.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 88px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 72px
}

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

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

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

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

.mdc-list--image-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 88px;
    margin-right: 0;
    width: calc(100% - 104px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],
[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 88px
}

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

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],
[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 16px
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],
[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 16px
}

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

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

.mdc-list--video-list .mdc-list-divider--inset-trailing {
    width: calc(100% - 16px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 116px;
    margin-right: 0;
    width: calc(100% - 132px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl],
[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
    margin-left: 0;
    margin-right: 116px
}

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

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl],
[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
    margin-left: 0;
    margin-right: 0
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 0;
    width: calc(100% - 16px)
}

.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl],
[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
    margin-left: 0;
    margin-right: 0
}

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

.mdc-list-group__subheader {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: 1.75rem;
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    margin: 0.75rem 16px
}

:not(.mdc-list-item--disabled).mdc-list-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:after,
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple:after {
    animation: b 225ms forwards, c 75ms forwards
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple:after {
    animation: d .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:after,
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple:after {
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:after,
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:before {
    background-color: #000
}

:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple:before {
    opacity: .04
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,
:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:before {
    opacity: .12
}

:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:after,
:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary, #6200ee)
}

:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple:before {
    opacity: .16
}

:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,
:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .24
}

:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:before {
    opacity: .08
}

:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:after,
:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary, #6200ee)
}

:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .12
}

:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,
:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple:after {
    transition: opacity .15s linear
}

:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .2
}

:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.2
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mdc-list-item--disabled {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

.mdc-list-item--disabled .mdc-list-item__ripple:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple:after {
    top: var(--mdc-ripple-top, 0);
    left: var(--mdc-ripple-left, 0)
}

.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple:after {
    animation: b 225ms forwards, c 75ms forwards
}

.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple:after {
    animation: d .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-list-item--disabled .mdc-list-item__ripple:after,
.mdc-list-item--disabled .mdc-list-item__ripple:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

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

.mdc-list-item--disabled .mdc-list-item__ripple:after,
.mdc-list-item--disabled .mdc-list-item__ripple:before {
    background-color: #000
}

.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,
.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-list-item--disabled .mdc-list-item__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mdc-menu-surface {
    display: none;
    position: absolute;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    transform: scale(1);
    transform-origin: top left;
    opacity: 0;
    overflow: auto;
    will-change: transform, opacity;
    z-index: 8;
    transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    color: #000;
    color: var(--mdc-theme-on-surface, #000);
    border-radius: 4px;
    border-radius: var(--mdc-shape-medium, 4px);
    transform-origin-left: top left;
    transform-origin-right: top right
}

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

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

.mdc-menu-surface--animating-open {
    display: inline-block;
    transform: scale(.8);
    opacity: 0
}

.mdc-menu-surface--animating-closed {
    display: inline-block;
    opacity: 0;
    transition: opacity 75ms linear
}

.mdc-menu-surface[dir=rtl],
[dir=rtl] .mdc-menu-surface {
    transform-origin-left: top right;
    transform-origin-right: top left
}

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

.mdc-menu-surface--fixed {
    position: fixed
}

.mdc-menu-surface--fullwidth {
    width: 100%
}

.mdc-elevation-overlay {
    position: absolute;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
    background-color: #fff
}

.mdc-menu {
    min-width: 112px
}

.mdc-menu .mdc-list,
.mdc-menu .mdc-list-item__graphic,
.mdc-menu .mdc-list-item__meta {
    color: rgba(0, 0, 0, .87)
}

.mdc-menu .mdc-list {
    position: relative
}

.mdc-menu .mdc-list .mdc-elevation-overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.mdc-menu .mdc-list-divider {
    margin: 8px 0
}

.mdc-menu .mdc-list-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-menu .mdc-list-item--disabled {
    cursor: auto
}

.mdc-menu a.mdc-list-item .mdc-list-item__graphic,
.mdc-menu a.mdc-list-item .mdc-list-item__text {
    pointer-events: none
}

.mdc-menu__selection-group {
    padding: 0;
    fill: currentColor
}

.mdc-menu__selection-group .mdc-list-item {
    padding-left: 56px;
    padding-right: 16px
}

.mdc-menu__selection-group .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-menu__selection-group .mdc-list-item {
    padding-left: 16px;
    padding-right: 56px
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: 16px;
    right: auto;
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl],
[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: auto;
    right: 16px
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
    display: inline
}

.mdc-select-helper-text {
    margin: 0;
    margin-left: 16px;
    margin-right: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-caption-font-size, .75rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-caption-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-caption-font-weight, 400);
    letter-spacing: .0333333333em;
    letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-caption-text-transform, inherit);
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-select-helper-text[dir=rtl],
[dir=rtl] .mdc-select-helper-text {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-select-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-select-helper-text--validation-msg {
    opacity: 0;
    transition: opacity .18s cubic-bezier(.4, 0, .2, 1)
}

.mdc-select--invalid+.mdc-select-helper-text--validation-msg,
.mdc-select-helper-text--validation-msg-persistent {
    opacity: 1
}

.mdc-select--with-leading-icon .mdc-select__icon {
    display: inline-block;
    box-sizing: border-box;
    border: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: transparent;
    fill: currentColor;
    margin-left: 12px;
    margin-right: 12px
}

.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon {
    margin-left: 12px;
    margin-right: 12px
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-select__anchor {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

.mdc-select__anchor .mdc-select__ripple:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

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

.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple:after {
    animation: b 225ms forwards, c 75ms forwards
}

.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple:after {
    animation: d .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-select__anchor .mdc-select__ripple:after,
.mdc-select__anchor .mdc-select__ripple:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

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

.mdc-select__anchor .mdc-select__ripple:after,
.mdc-select__anchor .mdc-select__ripple:before {
    background-color: rgba(0, 0, 0, .87)
}

.mdc-select__anchor:hover .mdc-select__ripple:before {
    opacity: .04
}

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

.mdc-select__anchor .mdc-select__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple:after,
.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple:before {
    background-color: #000;
    background-color: var(--mdc-theme-on-surface, #000)
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .04
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple:before,
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple:before {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple:after {
    transition: opacity .15s linear
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple:after {
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-select {
    min-width: 200px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
    background-color: #f5f5f5
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: rgba(0, 0, 0, .87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(0, 0, 0, .6)
}

.mdc-select:not(.mdc-select--disabled) .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .42)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
    fill: rgba(0, 0, 0, .54)
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
    fill: #6200ee;
    fill: var(--mdc-theme-primary, #6200ee)
}

.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text {
    color: rgba(0, 0, 0, .6)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
    color: rgba(0, 0, 0, .54)
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple:after {
    border-bottom-color: #6200ee;
    border-bottom-color: var(--mdc-theme-primary, #6200ee)
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: rgba(98, 0, 238, .87)
}

.mdc-select:not(.mdc-select--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .87)
}

.mdc-select.mdc-select--disabled .mdc-select__anchor {
    background-color: #fafafa
}

.mdc-select.mdc-select--disabled .mdc-floating-label {
    color: rgba(0, 0, 0, .38)
}

.mdc-select.mdc-select--disabled .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .06)
}

.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
    fill: rgba(0, 0, 0, .38)
}

.mdc-select.mdc-select--disabled+.mdc-select-helper-text,
.mdc-select.mdc-select--disabled .mdc-select__icon,
.mdc-select.mdc-select--disabled .mdc-select__selected-text {
    color: rgba(0, 0, 0, .38)
}

@media screen and (-ms-high-contrast:active) {
    .mdc-select.mdc-select--disabled .mdc-select__selected-text {
        color: GrayText
    }

    .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
        fill: red
    }

    .mdc-select.mdc-select--disabled .mdc-floating-label {
        color: GrayText
    }

    .mdc-select.mdc-select--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }

    .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
    .mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
    .mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }

    .mdc-select.mdc-select--disabled+.mdc-select-helper-text,
    .mdc-select.mdc-select--disabled .mdc-select__icon {
        color: GrayText
    }
}

.mdc-select .mdc-floating-label {
    left: 16px;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdc-select .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-select.mdc-select--filled .mdc-floating-label {
    max-width: calc(100% - 64px)
}

.mdc-select.mdc-select--filled .mdc-floating-label--float-above {
    max-width: calc(100% / .75 - 64px / .75)
}

.mdc-select.mdc-select--outlined .mdc-floating-label {
    left: 4px;
    right: auto
}

.mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-select .mdc-select__anchor {
    height: 56px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

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

.mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text:before {
    content: "​"
}

.mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text {
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.mdc-select.mdc-select--no-label .mdc-select__anchor:before {
    display: none
}

.mdc-select .mdc-select__anchor {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 16px;
    padding-right: 0
}

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

.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor,
.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
    padding-left: 0;
    padding-right: 0
}

.mdc-select .mdc-select__icon {
    width: 24px;
    height: 24px;
    font-size: 24px
}

.mdc-select .mdc-select__dropdown-icon {
    width: 24px;
    height: 24px
}

.mdc-select .mdc-select__menu .mdc-list-item,
.mdc-select .mdc-select__menu .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item {
    padding-left: 16px;
    padding-right: 16px
}

.mdc-select .mdc-select__menu .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 12px
}

.mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl],
[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic {
    margin-left: 12px;
    margin-right: 0
}

.mdc-select__dropdown-icon {
    margin-left: 12px;
    margin-right: 12px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    pointer-events: none
}

.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
    position: absolute;
    top: 0;
    left: 0
}

.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
    width: 41.6666666667%;
    height: 20.8333333333%
}

.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
    opacity: 1;
    transition: opacity 75ms linear 75ms
}

.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
    opacity: 0;
    transition: opacity 75ms linear
}

.mdc-select__dropdown-icon[dir=rtl],
[dir=rtl] .mdc-select__dropdown-icon {
    margin-left: 12px;
    margin-right: 12px
}

.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
    opacity: 0;
    transition: opacity 49.5ms linear
}

.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
    opacity: 1;
    transition: opacity .1005s linear 49.5ms
}

.mdc-select__anchor {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    outline: none;
    cursor: pointer
}

.mdc-select__anchor .mdc-floating-label--float-above {
    transform: translateY(-106%) scale(.75)
}

.mdc-select__anchor.mdc-select--focused.mdc-line-ripple:after {
    transform: scaleY(2);
    opacity: 1
}

.mdc-select__selected-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1rem;
    font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
    line-height: 1.75rem;
    line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
    letter-spacing: .009375em;
    letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    -moz-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
    box-sizing: border-box;
    width: auto;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 28px;
    border: none;
    outline: none;
    padding: 0;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    pointer-events: none;
    overflow: hidden;
    background-color: transparent;
    color: inherit
}

.mdc-select__selected-text::-ms-expand {
    display: none
}

.mdc-select__selected-text::-ms-value {
    background-color: transparent;
    color: inherit
}

.mdc-select--outlined {
    border: none
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .38)
}

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .87)
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #6200ee;
    border-color: var(--mdc-theme-primary, #6200ee)
}

.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .06)
}

.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
    background-color: transparent
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px
}

.mdc-select--outlined .mdc-select__selected-text {
    border-radius: 4px
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
    background-color: transparent
}

.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-select--outlined .mdc-select__anchor {
    overflow: visible
}

.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
    animation: mdc-floating-label-shake-float-above-select-outlined .25s 1
}

.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
    transform: translateY(-37.25px) scale(1);
    font-size: .75rem
}

.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) scale(.75);
    font-size: 1rem
}

.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 1px
}

.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text:before {
    content: "​"
}

.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text {
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.mdc-select--outlined .mdc-select__anchor:before {
    display: none
}

.mdc-select--outlined .mdc-select__selected-text {
    display: -ms-flexbox;
    display: flex;
    border: none;
    z-index: 1;
    background-color: transparent
}

.mdc-select--outlined .mdc-select__icon {
    z-index: 2
}

.mdc-select--outlined .mdc-floating-label {
    line-height: 1.15rem
}

.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 2px
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple:before,
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple:after {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: #b00020
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
    fill: #b00020;
    fill: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #b00020;
    border-bottom-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020)
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #b00020;
    border-color: var(--mdc-theme-error, #b00020)
}

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

.mdc-select--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: auto
}

.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item,
.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item {
    padding-left: 12px;
    padding-right: 12px
}

.mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label {
    max-width: calc(100% - 96px)
}

.mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label--float-above {
    max-width: calc(100% / .75 - 96px / .75)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(-32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) translateX(-32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    transform: translateY(-34.75px) translateX(32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    animation: g .25s 1
}

@keyframes g {
    0% {
        transform: translateX(-32px) translateY(-34.75px) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(.75)
    }

    to {
        transform: translateX(-32px) translateY(-34.75px) scale(.75)
    }
}

.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    animation: g .25s 1
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
    0% {
        transform: translateX(32px) translateY(-34.75px) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(.75)
    }

    to {
        transform: translateX(32px) translateY(-34.75px) scale(.75)
    }
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 96px)
}

.mdc-select--filled .mdc-menu-surface--is-open-below {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.mdc-select__menu .mdc-select__icon,
.mdc-select__menu .mdc-select__icon[dir=rtl],
[dir=rtl] .mdc-select__menu .mdc-select__icon {
    margin-left: 0;
    margin-right: 0
}

.mdc-select__menu .mdc-list .mdc-list-item--activated,
.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic,
.mdc-select__menu .mdc-list .mdc-list-item--selected,
.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-touch-target-wrapper {
    display: inline
}

@keyframes i {

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

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

    to {
        stroke-dashoffset: 0
    }
}

@keyframes j {

    0%,
    68.2% {
        transform: scaleX(0)
    }

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

    to {
        transform: scaleX(1)
    }
}

@keyframes k {
    0% {
        animation-timing-function: cubic-bezier(.4, 0, 1, 1);
        opacity: 1;
        stroke-dashoffset: 0
    }

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

@keyframes l {
    0% {
        animation-timing-function: cubic-bezier(0, 0, .2, 1);
        transform: rotate(0deg);
        opacity: 1
    }

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

@keyframes m {
    0% {
        animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        transform: rotate(45deg);
        opacity: 0
    }

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

@keyframes n {
    0% {
        animation-timing-function: mdc-animation-deceleration-curve-timing-function;
        transform: rotate(-45deg);
        opacity: 0
    }

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

@keyframes o {
    0% {
        animation-timing-function: cubic-bezier(.14, 0, 0, 1);
        transform: rotate(0deg);
        opacity: 1
    }

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

@keyframes p {
    0% {
        animation-timing-function: linear;
        transform: scaleX(1);
        opacity: 1
    }

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

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

.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before,
.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background:before {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
}

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

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

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

.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple:after {
    transition: opacity .15s linear
}

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

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

.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:after,
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:before {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
}

.mdc-checkbox .mdc-checkbox__background {
    top: 11px;
    left: 11px
}

.mdc-checkbox .mdc-checkbox__background:before {
    top: -13px;
    left: -13px;
    width: 40px;
    height: 40px
}

.mdc-checkbox .mdc-checkbox__native-control {
    top: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px
}

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

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

@keyframes q {
    0% {
        border-color: rgba(0, 0, 0, .54);
        background-color: transparent
    }

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

@keyframes r {

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

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

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    animation-name: q
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
    animation-name: r
}

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

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

.mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
    color: #fff
}

.mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: #fff
}

.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
    color: #fff
}

.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: #fff
}

@media screen and (-ms-high-contrast:active) {
    .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
        border-color: GrayText;
        background-color: transparent
    }

    .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background,
    .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
    .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
        border-color: GrayText;
        background-color: transparent
    }

    .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
        color: GrayText
    }

    .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
        border-color: GrayText
    }

    .mdc-checkbox__mixedmark {
        margin: 0 1px
    }
}

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

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

.mdc-checkbox__background .mdc-checkbox__background:before {
    background-color: #000;
    background-color: var(--mdc-theme-on-surface, #000)
}

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

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

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

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

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

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
    animation-duration: .18s;
    animation-timing-function: linear
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
    animation: i .18s linear 0s;
    transition: none
}

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

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

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

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

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

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

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

.mdc-checkbox__native-control:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,
.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background {
    transition: border-color 90ms cubic-bezier(0, 0, .2, 1) 0ms, background-color 90ms cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
    stroke-dashoffset: 0
}

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

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

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

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

.mdc-checkbox--touch {
    margin: 4px
}

.mdc-checkbox--touch .mdc-checkbox__native-control {
    top: -4px;
    right: -4px;
    left: -4px;
    width: 48px;
    height: 48px
}

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

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

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

.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,
.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    transform: scaleX(1) rotate(0deg);
    opacity: 1
}

.mdc-checkbox {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

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

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

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

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

.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple:after {
    animation: b 225ms forwards, c 75ms forwards
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple:after {
    animation: d .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
    background-color: #000;
    background-color: var(--mdc-theme-on-surface, #000)
}

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

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

.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple:after {
    transition: opacity .15s linear
}

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

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

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

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

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

.mdc-checkbox__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

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

.mdc-switch__thumb-underlay {
    left: -18px;
    right: auto;
    top: -17px;
    width: 48px;
    height: 48px
}

.mdc-switch__thumb-underlay[dir=rtl],
[dir=rtl] .mdc-switch__thumb-underlay {
    left: auto;
    right: -18px
}

.mdc-switch__native-control {
    width: 68px;
    height: 48px
}

.mdc-switch {
    display: inline-block;
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb,
.mdc-switch.mdc-switch--checked .mdc-switch__track {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786)
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
    background-color: #000;
    background-color: var(--mdc-theme-on-surface, #000)
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    border-color: #fff;
    border-color: var(--mdc-theme-surface, #fff)
}

.mdc-switch__native-control {
    left: 0;
    right: auto;
    position: absolute;
    top: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto;
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1)
}

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

.mdc-switch__track {
    box-sizing: border-box;
    width: 32px;
    height: 14px;
    border: 1px solid transparent;
    border-radius: 7px;
    opacity: .38;
    transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-switch__thumb-underlay {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transform: translateX(0);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-switch__thumb {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 10px solid;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1
}

.mdc-switch--checked .mdc-switch__track {
    opacity: .54
}

.mdc-switch--checked .mdc-switch__thumb-underlay {
    transform: translateX(20px)
}

.mdc-switch--checked .mdc-switch__native-control,
.mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl],
[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay {
    transform: translateX(-20px)
}

.mdc-switch--checked .mdc-switch__native-control[dir=rtl],
[dir=rtl] .mdc-switch--checked .mdc-switch__native-control {
    transform: translateX(20px)
}

.mdc-switch--disabled {
    opacity: .38;
    pointer-events: none
}

.mdc-switch--disabled .mdc-switch__thumb {
    border-width: 1px
}

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

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:after,
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:before {
    background-color: #9e9e9e
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover:before {
    opacity: .08
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused:before,
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus:before {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active:after {
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-switch__thumb-underlay {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

.mdc-switch__thumb-underlay:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

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

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation:after {
    animation: b 225ms forwards, c 75ms forwards
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation:after {
    animation: d .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

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

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after,
.mdc-switch__thumb-underlay.mdc-ripple-upgraded:before {
    top: var(--mdc-ripple-top, 0%);
    left: var(--mdc-ripple-left, 0%);
    width: var(--mdc-ripple-fg-size, 100%);
    height: var(--mdc-ripple-fg-size, 100%)
}

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

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

.mdc-switch__thumb-underlay:hover:before {
    opacity: .04
}

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

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):after {
    transition: opacity .15s linear
}

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

.mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-radio {
    padding: 10px;
    display: inline-block;
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    cursor: pointer;
    will-change: opacity, transform, border-color, color
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, .54)
}

.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786)
}

.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, .38)
}

.mdc-radio .mdc-radio__background:before {
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786);
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px
}

.mdc-radio .mdc-radio__native-control {
    top: 0;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px
}

.mdc-radio__background {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 20px;
    height: 20px
}

.mdc-radio__background:before {
    position: absolute;
    transform: scale(0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.mdc-radio__outer-circle {
    border-width: 2px;
    transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.mdc-radio__inner-circle,
.mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-radius: 50%
}

.mdc-radio__inner-circle {
    transform: scale(0);
    border-width: 10px;
    transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.mdc-radio__native-control {
    position: absolute;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    z-index: 1
}

.mdc-radio--touch {
    margin: 4px
}

.mdc-radio--touch .mdc-radio__native-control {
    top: -4px;
    right: -4px;
    left: -4px;
    width: 48px;
    height: 48px
}

.mdc-radio__native-control:checked+.mdc-radio__background,
.mdc-radio__native-control:disabled+.mdc-radio__background {
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, 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 {
    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 {
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .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__inner-circle {
    transform: scale(.5);
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .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 {
    cursor: default
}

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

.mdc-radio {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

.mdc-radio .mdc-radio__ripple:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

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

.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple:after {
    animation: b 225ms forwards, c 75ms forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple:after {
    animation: d .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

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

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

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

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

.mdc-radio:hover .mdc-radio__ripple:before {
    opacity: .04
}

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

.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple:after {
    transition: opacity .15s linear
}

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

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

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

.mdc-radio__ripple {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

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

.mdc-form-field>label {
    margin-left: 0;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 0;
    -ms-flex-order: 0;
    order: 0
}

.mdc-form-field>label[dir=rtl],
[dir=rtl] .mdc-form-field>label {
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px
}

.mdc-form-field--nowrap>label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.mdc-form-field--align-end>label {
    margin-left: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px;
    -ms-flex-order: -1;
    order: -1
}

.mdc-form-field--align-end>label[dir=rtl],
[dir=rtl] .mdc-form-field--align-end>label {
    margin-left: 0;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 0
}

.mdc-form-field--space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mdc-form-field--space-between>label,
.mdc-form-field--space-between>label[dir=rtl],
[dir=rtl] .mdc-form-field--space-between>label {
    margin: 0
}

@font-face {
    font-family: font-icon;
    src: url(../fonts/font-icon.eot);
    src: url(../fonts/font-icon.eot?#iefix) format("embedded-opentype"), url(../fonts/font-icon.woff2) format("woff2"), url(../fonts/font-icon.woff) format("woff"), url(../fonts/font-icon.ttf) format("truetype"), url(../fonts/font-icon.svg#font-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: font-icon;
        src: url(../fonts/font-icon.svg#font-icon) format("svg")
    }
}

[data-icon]:before {
    content: attr(data-icon)
}

.i-4G_plus:before,
.i-5G:before,
.i-account:before,
.i-android:before,
.i-annuaire:before,
.i-antenna:before,
.i-apple:before,
.i-arrow-right:before,
.i-assistance:before,
.i-avantage:before,
.i-blocage_conso:before,
.i-boutique:before,
.i-box4g:before,
.i-cadeau:before,
.i-call:before,
.i-cancel:before,
.i-cart:before,
.i-check:before,
.i-chevron-down:before,
.i-chevron-left:before,
.i-chevron-right:before,
.i-chevron-up:before,
.i-circle-warning:before,
.i-clipboard:before,
.i-close:before,
.i-coins:before,
.i-computer:before,
.i-conseiller:before,
.i-courrier:before,
.i-couverture:before,
.i-credit-card:before,
.i-cross:before,
.i-crown:before,
.i-delivery:before,
.i-domicile:before,
.i-download:before,
.i-ecolo:before,
.i-ecologie:before,
.i-edit:before,
.i-email:before,
.i-en_ligne:before,
.i-esim:before,
.i-eye-striked:before,
.i-eye:before,
.i-facebook:before,
.i-facture:before,
.i-filter-add:before,
.i-free:before,
.i-free_wifi:before,
.i-freebox:before,
.i-gift-box:before,
.i-heart:before,
.i-history:before,
.i-home:before,
.i-horaire:before,
.i-horaires-relais:before,
.i-ic_4g:before,
.i-ic_call:before,
.i-ic_call_home:before,
.i-ic_help:before,
.i-ic_home:before,
.i-ic_map:before,
.i-ic_message:before,
.i-ic_message_home:before,
.i-ic_mms:before,
.i-ic_mms_home:before,
.i-increase:before,
.i-info:before,
.i-instagram:before,
.i-international:before,
.i-internet-speed:before,
.i-localisation:before,
.i-locked-padlock:before,
.i-locked:before,
.i-login:before,
.i-logo_free:before,
.i-message:before,
.i-messagerie:before,
.i-minus:before,
.i-mms:before,
.i-mobile:before,
.i-mobile_appels:before,
.i-mobile_sim:before,
.i-money:before,
.i-msg-download:before,
.i-msg-play:before,
.i-nano_sim:before,
.i-network:before,
.i-open-box:before,
.i-open_circle:before,
.i-password:before,
.i-pdf:before,
.i-pencil:before,
.i-plus-circle:before,
.i-plus:before,
.i-pop-server:before,
.i-printer:before,
.i-prix:before,
.i-puk:before,
.i-relais:before,
.i-renvoi_appel:before,
.i-rio:before,
.i-roaming:before,
.i-sameday:before,
.i-satisfaction:before,
.i-search:before,
.i-service-client:before,
.i-services_mobiles:before,
.i-settings:before,
.i-shopping_cart:before,
.i-sim:before,
.i-sim_triple:before,
.i-slider_chevron_left:before,
.i-slider_chevron_right:before,
.i-smartphone:before,
.i-smartphones:before,
.i-sms:before,
.i-soiree:before,
.i-star:before,
.i-stats:before,
.i-target:before,
.i-task-complete:before,
.i-tick:before,
.i-timer:before,
.i-trash:before,
.i-twitter:before,
.i-unlocked-padlock:before,
.i-user:before,
.i-voyage:before,
.i-warning:before,
.i-windows-phone:before,
.i-youtube:before,
[data-icon]:before {
    display: inline-block;
    font-family: font-icon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

.i-4G_plus:before {
    content: ""
}

.i-5G:before {
    content: ""
}

.i-account:before {
    content: ""
}

.i-android:before {
    content: ""
}

.i-annuaire:before {
    content: ""
}

.i-antenna:before {
    content: ""
}

.i-apple:before {
    content: ""
}

.i-arrow-right:before {
    content: ""
}

.i-assistance:before {
    content: ""
}

.i-avantage:before {
    content: ""
}

.i-blocage_conso:before {
    content: ""
}

.i-boutique:before {
    content: ""
}

.i-box4g:before {
    content: ""
}

.i-cadeau:before {
    content: ""
}

.i-call:before {
    content: ""
}

.i-cancel:before {
    content: ""
}

.i-cart:before {
    content: ""
}

.i-check:before {
    content: ""
}

.i-chevron-down:before {
    content: ""
}

.i-chevron-left:before {
    content: ""
}

.i-chevron-right:before {
    content: ""
}

.i-chevron-up:before {
    content: ""
}

.i-circle-warning:before {
    content: ""
}

.i-clipboard:before {
    content: ""
}

.i-close:before {
    content: ""
}

.i-coins:before {
    content: ""
}

.i-computer:before {
    content: ""
}

.i-conseiller:before {
    content: ""
}

.i-courrier:before {
    content: ""
}

.i-couverture:before {
    content: ""
}

.i-credit-card:before {
    content: ""
}

.i-cross:before {
    content: ""
}

.i-crown:before {
    content: ""
}

.i-delivery:before {
    content: ""
}

.i-domicile:before {
    content: ""
}

.i-download:before {
    content: ""
}

.i-ecolo:before {
    content: ""
}

.i-ecologie:before {
    content: ""
}

.i-edit:before {
    content: ""
}

.i-email:before {
    content: ""
}

.i-en_ligne:before {
    content: ""
}

.i-esim:before {
    content: ""
}

.i-eye:before {
    content: ""
}

.i-eye-striked:before {
    content: ""
}

.i-facebook:before {
    content: ""
}

.i-facture:before {
    content: ""
}

.i-filter-add:before {
    content: ""
}

.i-free:before {
    content: ""
}

.i-free_wifi:before {
    content: ""
}

.i-freebox:before {
    content: ""
}

.i-gift-box:before {
    content: ""
}

.i-heart:before {
    content: ""
}

.i-history:before {
    content: ""
}

.i-home:before {
    content: ""
}

.i-horaire:before {
    content: ""
}

.i-horaires-relais:before {
    content: ""
}

.i-ic_4g:before {
    content: ""
}

.i-ic_call:before {
    content: ""
}

.i-ic_call_home:before {
    content: ""
}

.i-ic_help:before {
    content: ""
}

.i-ic_home:before {
    content: ""
}

.i-ic_map:before {
    content: ""
}

.i-ic_message:before {
    content: ""
}

.i-ic_message_home:before {
    content: ""
}

.i-ic_mms:before {
    content: ""
}

.i-ic_mms_home:before {
    content: ""
}

.i-increase:before {
    content: ""
}

.i-info:before {
    content: ""
}

.i-instagram:before {
    content: ""
}

.i-international:before {
    content: ""
}

.i-internet-speed:before {
    content: ""
}

.i-localisation:before {
    content: ""
}

.i-locked:before {
    content: ""
}

.i-locked-padlock:before {
    content: ""
}

.i-login:before {
    content: ""
}

.i-logo_free:before {
    content: ""
}

.i-message:before {
    content: ""
}

.i-messagerie:before {
    content: ""
}

.i-minus:before {
    content: ""
}

.i-mms:before {
    content: ""
}

.i-mobile:before {
    content: ""
}

.i-mobile_appels:before {
    content: ""
}

.i-mobile_sim:before {
    content: ""
}

.i-money:before {
    content: ""
}

.i-msg-download:before {
    content: ""
}

.i-msg-play:before {
    content: ""
}

.i-nano_sim:before {
    content: ""
}

.i-network:before {
    content: ""
}

.i-open-box:before {
    content: ""
}

.i-open_circle:before {
    content: ""
}

.i-password:before {
    content: ""
}

.i-pdf:before {
    content: ""
}

.i-pencil:before {
    content: ""
}

.i-plus:before {
    content: ""
}

.i-plus-circle:before {
    content: ""
}

.i-pop-server:before {
    content: ""
}

.i-printer:before {
    content: ""
}

.i-prix:before {
    content: ""
}

.i-puk:before {
    content: ""
}

.i-relais:before {
    content: ""
}

.i-renvoi_appel:before {
    content: ""
}

.i-rio:before {
    content: ""
}

.i-roaming:before {
    content: ""
}

.i-sameday:before {
    content: ""
}

.i-satisfaction:before {
    content: ""
}

.i-search:before {
    content: ""
}

.i-service-client:before {
    content: ""
}

.i-services_mobiles:before {
    content: ""
}

.i-settings:before {
    content: ""
}

.i-shopping_cart:before {
    content: ""
}

.i-sim:before {
    content: ""
}

.i-sim_triple:before {
    content: ""
}

.i-slider_chevron_left:before {
    content: ""
}

.i-slider_chevron_right:before {
    content: ""
}

.i-smartphone:before {
    content: ""
}

.i-smartphones:before {
    content: ""
}

.i-sms:before {
    content: ""
}

.i-soiree:before {
    content: ""
}

.i-star:before {
    content: ""
}

.i-stats:before {
    content: ""
}

.i-target:before {
    content: ""
}

.i-task-complete:before {
    content: ""
}

.i-tick:before {
    content: ""
}

.i-timer:before {
    content: ""
}

.i-trash:before {
    content: ""
}

.i-twitter:before {
    content: ""
}

.i-unlocked-padlock:before {
    content: ""
}

.i-user:before {
    content: ""
}

.i-voyage:before {
    content: ""
}

.i-warning:before {
    content: ""
}

.i-windows-phone:before {
    content: ""
}

.i-youtube:before {
    content: ""
}

@font-face {
    font-family: M-l;
    src: url(../fonts/montserrat-light-webfont.eot?v=1);
    src: url(../fonts/montserrat-light-webfont.eot?#iefix&v=1) format("embedded-opentype"), url(../fonts/montserrat-light-webfont.woff2?v=1) format("woff2"), url(../fonts/montserrat-light-webfont.woff?v=1) format("woff"), url(../fonts/montserrat-light-webfont.ttf?v=1) format("truetype"), url(../fonts/montserrat-light-webfont.svg?v=1#montserratlight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: M;
    src: url(../fonts/montserrat-regular-webfont.eot?v=1);
    src: url(../fonts/montserrat-regular-webfont.eot?#iefix&v=1) format("embedded-opentype"), url(../fonts/montserrat-regular-webfont.woff2?v=1) format("woff2"), url(../fonts/montserrat-regular-webfont.woff?v=1) format("woff"), url(../fonts/montserrat-regular-webfont.ttf?v=1) format("truetype"), url(../fonts/montserrat-regular-webfont.svg?v=1#montserratregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: M-sb;
    src: url(../fonts/montserrat-semibold-webfont.eot?v=1);
    src: url(../fonts/montserrat-semibold-webfont.eot?#iefix&v=1) format("embedded-opentype"), url(../fonts/montserrat-semibold-webfont.woff2?v=1) format("woff2"), url(../fonts/montserrat-semibold-webfont.woff?v=1) format("woff"), url(../fonts/montserrat-semibold-webfont.ttf?v=1) format("truetype"), url(../fonts/montserrat-semibold-webfont.svg?v=1#montserratsemibold) format("svg");
    font-weight: semibold;
    font-style: normal
}

@font-face {
    font-family: M-b;
    src: url(/assets/fonts/Montserrat/bold/montserrat-bold-webfont.eot?v=1);
    src: url(/assets/fonts/Montserrat/bold/montserrat-bold-webfont.eot?#iefix&v=1) format("embedded-opentype"), url(/assets/fonts/Montserrat/bold/montserrat-bold-webfont.woff2?v=1) format("woff2"), url(/assets/fonts/Montserrat/bold/montserrat-bold-webfont.woff?v=1) format("woff"), url(/assets/fonts/Montserrat/bold/montserrat-bold-webfont.ttf?v=1) format("truetype"), url(/assets/fonts/Montserrat/bold/montserrat-bold-webfont.svg?v=1#montserratbold) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: TH;
    src: url(/assets/fonts/TrashHandFree/TrashHandFree.eot?v=1);
    src: url(/assets/fonts/TrashHandFree/TrashHandFree.eot?#iefix&v=1) format("embedded-opentype"), url(/assets/fonts/TrashHandFree/TrashHandFree.woff2?v=1) format("woff2"), url(/assets/fonts/TrashHandFree/TrashHandFree.woff?v=1) format("woff"), url(/assets/fonts/TrashHandFree/TrashHandFree.ttf?v=1) format("truetype"), url(/assets/fonts/TrashHandFree/TrashHandFree.svg?v=1#trashhandfreeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

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

html {
    font-size: 62.5%
}

body {
    font-family: M, OS, Arial;
    font-size: 10px;
    min-width: 300px;
    margin: 0;
    color: #323336
}

@media(min-width:840px) {
    body {
        overflow-x: hidden
    }
}

body.p-shop,
body[class^="main acc_"] {
    background: #f6f6f6
}

body:not(.p-shop):not([class^="main acc_"]) .wrapper-page {
    background: #fff
}

body.acc_login .wrapper-page {
    background: #d7dce0
}

a,
img,
input[type=image] {
    border: 0;
    outline: none
}

a {
    text-decoration: none;
    color: #323336
}

a:active,
a:hover {
    color: #c00
}

.img-responsive {
    width: 100%
}

.flash-container {
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.flash-container:not(:empty) {
    padding: 5px 5px 0
}

.flash-container .flash+.flash {
    margin-top: 5px
}

.color-main,
.prix.prix-red,
.red {
    color: #c00
}

.free-grey {
    color: #323336
}

.freefont {
    line-height: 1
}

.container,
.page-container {
    max-width: 1280px;
    margin: auto;
    width: auto
}

h1 {
    font-weight: 400;
    font-family: M, OS, Arial;
    font-size: 2.4rem
}

h3 {
    font-size: 2rem
}

.bold,
.box--bold,
.bt-label.bt-bold,
b {
    font-weight: 400 !important;
    font-family: M-sb, OS-sb, Arial
}

.bold-plus,
.box--bold-plus,
.bt-label.bt-bold-plus {
    font-weight: 400 !important;
    font-family: M-b, OS-b, Arial
}

.clearfix {
    clear: both
}

.bg-grey {
    padding: 5px;
    background-color: #f3f3f3
}

ul.red-chevron {
    padding-left: 15px
}

ul.red-chevron>li {
    line-height: 2.5rem;
    list-style: url(/assets/images/listDecoration.png);
    text-align: left
}

.hidden,
.visible-desktop,
.visible-phone,
.visible-tablet,
.visible-tablet-only {
    display: none
}

@media(max-width:479px) {
    .hidden-phone {
        display: none !important
    }

    .visible-phone {
        display: block
    }
}

@media(min-width:480px) {
    .hidden-tablet {
        display: none
    }

    .visible-tablet {
        display: block
    }
}

@media(min-width:480px)and (max-width:839px) {
    .hidden-tablet-only {
        display: none
    }

    .visible-tablet-only {
        display: block
    }
}

@media(min-width:840px) {

    .hidden-desktop,
    .hidden-tablet {
        display: none
    }

    .visible-desktop {
        display: block
    }
}

.lowercase {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.crossed {
    text-decoration: line-through
}

.paper {
    background: #fff
}

@media(min-width:480px) {
    .paper {
        border-radius: 10px
    }
}

.block-paper {
    padding: 20px 30px
}

.block-paper+.block-paper {
    margin-top: 15px
}

.prix {
    font-family: M, OS, Arial
}

.prix.prix-bold {
    font-family: M-sb, OS-sb, Arial
}

.mentions {
    display: none
}

.bandeau_gris {
    background: #f6f6f6;
    z-index: 5
}

@media(min-width:840px) {
    .bandeau_gris {
        position: relative
    }

    .bandeau_gris:before {
        content: "";
        z-index: -5;
        position: absolute;
        width: 12000px;
        height: 100%;
        left: -2500px;
        background: #f6f6f6
    }
}

.navbar-fm {
    position: fixed;
    z-index: 200;
    width: 100%;
    padding: 0 1em;
    margin-bottom: 0;
    background-color: #fff;
    font-family: M, OS, Arial;
    font-size: 1rem;
    box-shadow: 0 2px 1px #f6f6f6
}

.navbar-fm .container-fluid {
    font-size: 1rem;
    height: 62px;
    width: 100%
}

.navbar-fm .container-fluid .navbar-header {
    position: relative;
    -ms-flex: 1;
    flex: 1
}

@media(max-width:440px) {
    .navbar-fm .container-fluid .navbar-header {
        -ms-flex-positive: 3;
        flex-grow: 3
    }
}

.navbar-fm .container-fluid .navbar-header .navbar-brand {
    padding: 16px 0 16px 50px;
    margin: 0
}

.navbar-fm .container-fluid .navbar-header .navbar-brand img {
    width: 77px;
    vertical-align: middle
}

.navbar-fm .container-fluid .navbar-toggle {
    margin-right: 1.5em;
    border-color: #b0b0b0
}

.navbar-fm .container-fluid .navbar-toggle .icon-bar {
    background-color: #c00
}

.navbar-fm .container-fluid .account .nav,
.navbar-fm .container-fluid .main-nav .nav {
    margin-top: 0
}

.navbar-fm .container-fluid .account .nav li,
.navbar-fm .container-fluid .main-nav .nav li {
    font-size: 1.4em
}

@media(min-width:992px) {

    .navbar-fm .container-fluid .account .nav li,
    .navbar-fm .container-fluid .main-nav .nav li {
        font-size: 1.6em
    }
}

.navbar-fm .container-fluid .account .nav li a,
.navbar-fm .container-fluid .main-nav .nav li a {
    background: none
}

@media(min-width:992px) {

    .navbar-fm .container-fluid .account .nav li a,
    .navbar-fm .container-fluid .main-nav .nav li a {
        padding: 2.1rem
    }
}

.navbar-fm .container-fluid .account .nav li a:hover,
.navbar-fm .container-fluid .main-nav .nav li a:hover {
    color: #323336
}

@media(min-width:768px) {

    .navbar-fm .container-fluid .account .nav li a:hover,
    .navbar-fm .container-fluid .main-nav .nav li a:hover {
        box-shadow: 0 1px 0 #c6c6c6
    }
}

.navbar-fm .container-fluid .account {
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex
}

@media(min-width:768px) {
    .navbar-fm .container-fluid .account {
        -ms-flex-order: 3;
        order: 3
    }
}

.navbar-fm .container-fluid .account ul {
    margin-left: auto
}

.navbar-fm .container-fluid .account ul i {
    font-size: 2rem;
    padding: 15px
}

@media(min-width:768px) {
    .navbar-fm .container-fluid .account ul i.i-user {
        padding: 0;
        margin-right: 5px
    }
}

.navbar-fm .container-fluid .main-nav {
    text-align: center;
    padding-bottom: 10px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    transition: .3s;
    -ms-flex-order: 3;
    order: 3;
    display: none
}

@media(min-width:840px) {
    .navbar-fm .container-fluid .main-nav {
        display: -ms-flexbox;
        display: flex
    }
}

.navbar-fm .container-fluid .main-nav ul {
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar-fm .container-fluid .main-nav ul a {
    display: block;
    padding: 1.1em
}

.navbar-fm .container-fluid .main-nav ul a i,
.navbar-fm .container-fluid .main-nav ul a img {
    display: inline-block
}

@media(min-width:840px) {

    .navbar-fm .container-fluid .main-nav ul a i,
    .navbar-fm .container-fluid .main-nav ul a img {
        display: none
    }
}

.navbar-fm .container-fluid .main-nav.collapse.in,
.navbar-fm .container-fluid .main-nav.collapsing {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.navbar-fm .container-fluid .main-nav.collapsing {
    overflow: hidden
}

.navbar-fm .container-fluid .main-nav.collapse.in {
    height: auto !important
}

@media(min-width:768px) {
    .navbar-fm .container-fluid .main-nav {
        -ms-flex: 4;
        flex: 4;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 0
    }

    .navbar-fm .container-fluid .main-nav ul li {
        border-right: 1px solid #c6c6c6
    }

    .navbar-fm .container-fluid .main-nav ul li:last-child {
        border: none
    }

    .navbar-fm .container-fluid .main-nav ul a {
        display: inline
    }

    .navbar-fm .container-fluid .main-nav ul.forfaits {
        display: none
    }
}

[off-canvas] {
    background-color: #fff
}

[off-canvas*=left] {
    top: auto
}

[canvas=container] {
    background-color: transparent
}

#nav-icon {
    position: absolute;
    display: inline-block;
    float: left;
    margin-top: 15px;
    width: 35px;
    height: 30px;
    transform: rotate(0deg);
    z-index: 50;
    transition: .5s ease-in-out;
    cursor: pointer;
    border-radius: .25rem;
    text-align: center
}

@media(min-width:840px) {
    #nav-icon {
        display: none
    }
}

#nav-icon span {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    width: 15px;
    background: rgba(0, 0, 0, .35);
    border-radius: 5px;
    opacity: 1;
    transform: rotate(0deg);
    transition: .25s ease-in-out
}

#nav-icon span:first-child {
    top: 9px
}

#nav-icon span:nth-child(2) {
    top: 14px
}

#nav-icon span:nth-child(3) {
    top: 19px
}

#nav-icon.open span:first-child {
    top: 14px;
    transform: rotate(135deg)
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -36px
}

#nav-icon.open span:nth-child(3) {
    top: 14px;
    transform: rotate(-135deg)
}

.main-menu-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 95;
    opacity: .3
}

.nav-menu {
    color: #323336;
    min-width: 300px;
    z-index: 100
}

@media(min-width:840px) {
    .nav-menu {
        display: none
    }
}

.nav-menu ul.main-menu-items {
    margin-top: 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    background: #fff;
    padding: 16px;
    gap: 8px 0
}

.nav-menu ul.main-menu-items ul.forfaits {
    text-transform: capitalize;
    margin-top: 10px;
    padding-left: 20px
}

.nav-menu ul.main-menu-items ul.forfaits li {
    padding: 5px 0
}

.nav-menu ul.main-menu-items ul.forfaits li a {
    color: #8a8a8a
}

.nav-menu ul.main-menu-items li {
    list-style: none
}

.nav-menu ul.main-menu-items li a {
    padding: 8px 0;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    gap: 0 16px;
    -ms-flex-align: center;
    align-items: center
}

.nav-menu ul.main-menu-items li i {
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 5px
}

.banner-info-container {
    top: 62px;
    color: #000;
    height: 5.5rem;
    padding: 0 .3em 0 .8em;
    z-index: 99;
    position: sticky;
    font-size: 1rem;
    transition: top .4s;
    line-height: 1.5rem;
    background-color: #f8f8f8
}

.banner-info-container .banner-info-root {
    text-align: center;
    padding: 7px
}

@media(min-width:840px) {
    .banner-info-container .banner-info-root {
        padding: 20px
    }
}

.banner-info-container .banner-info-root .banner-box-root {
    text-align: center;
    font-size: 13px;
    position: relative
}

.banner-info-container .banner-info-root .banner-box-root .banner-content {
    max-width: 90%;
    display: inline-block
}

.banner-info-container .banner-info-root .banner-box-root .banner-content>a {
    text-decoration: underline
}

@media(min-width:840px) {
    .banner-info-container .banner-info-root .banner-box-root .banner-content>a {
        text-decoration: none
    }

    .banner-info-container .banner-info-root .banner-box-root .banner-content>a:hover {
        text-decoration: underline
    }
}

.banner-info-container .banner-info-root .banner-box-root .bt-accept {
    position: absolute;
    right: 0;
    font-size: 3rem;
    color: rgba(0, 0, 0, .5)
}

.banner-info-container .banner-info-root .banner-box-root .bt-accept:hover {
    color: rgba(0, 0, 0, .4)
}

@media(min-width:840px) {
    body:not([class^="main acc_"]) .navbar-fm .container-fluid .navbar-header .navbar-brand {
        padding-left: 10px
    }
}

@media(min-width:992px) {

    .navbar-fm .container-fluid .account .nav li.small a,
    .navbar-fm .container-fluid .main-nav .nav li.small a {
        padding: 2.3rem 0
    }

    .navbar-fm .container-fluid .account .nav li a,
    .navbar-fm .container-fluid .main-nav .nav li a {
        padding: 2.3rem
    }
}

.navbar-fm .container-fluid .account .nav {
    -ms-flex-direction: row;
    flex-direction: row
}

footer.footer-wrapper {
    background: #262626;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 48px;
    padding: 40px 16px
}

footer.footer-wrapper p {
    color: #fff;
    margin: 0;
    text-align: center;
    font-size: 14px
}

@media(min-width:1280px) {

    footer.footer-wrapper div.about,
    footer.footer-wrapper div.mentions-link,
    footer.footer-wrapper div.mentions-wrapper,
    footer.footer-wrapper div.navigation {
        margin: 0 auto;
        max-width: 1280px;
        width: 100%
    }
}

footer.footer-wrapper div.about {
    gap: 40px
}

footer.footer-wrapper div.about,
footer.footer-wrapper div.about div:first-child {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

footer.footer-wrapper div.about div:first-child {
    gap: 8px
}

footer.footer-wrapper div.about .title-about {
    font-size: 20px;
    font-family: M-sb, OS-sb, Arial;
    text-transform: uppercase
}

footer.footer-wrapper .socials-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 24px;
    margin: 0;
    padding: 0;
    -ms-flex-pack: center;
    justify-content: center
}

footer.footer-wrapper .socials-wrapper a {
    display: -ms-flexbox;
    display: flex
}

footer.footer-wrapper .socials-wrapper img {
    width: 48px;
    height: 48px
}

footer.footer-wrapper .socials-wrapper li {
    list-style: none;
    max-height: 48px
}

footer.footer-wrapper .free-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

footer.footer-wrapper .free-logo hr {
    width: 100%;
    height: 2px;
    background: #525252
}

footer.footer-wrapper .free-logo img {
    width: 82px;
    height: 32px;
    margin: 8px 24px
}

footer.footer-wrapper div.navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

@media(min-width:767px) {
    footer.footer-wrapper div.navigation {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

footer.footer-wrapper div.navigation .section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

footer.footer-wrapper div.navigation .section div.section-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #8d8d8d;
    padding-bottom: 16px
}

@media(min-width:767px) {
    footer.footer-wrapper div.navigation .section div.section-header {
        padding-bottom: 0;
        border: none;
        -ms-flex-pack: center;
        justify-content: center
    }
}

footer.footer-wrapper div.navigation .section div.section-header p {
    text-align: left;
    font-family: M-sb, OS-sb, Arial;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap
}

footer.footer-wrapper div.navigation .section div.section-header p:first-child {
    font-size: 16px
}

footer.footer-wrapper div.navigation .section div.section-header img {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transform: rotate(0deg)
}

@media(min-width:767px) {
    footer.footer-wrapper div.navigation .section div.section-header img {
        display: none
    }
}

footer.footer-wrapper div.navigation .section div.section-header img.visible {
    transform: rotate(180deg)
}

footer.footer-wrapper div.navigation .section ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    padding: 16px 0;
    margin: 0
}

@media(min-width:767px) {
    footer.footer-wrapper div.navigation .section ul {
        -ms-flex-align: center;
        align-items: center
    }
}

footer.footer-wrapper div.navigation .section ul li {
    list-style: none
}

footer.footer-wrapper div.navigation .section ul li a {
    color: #f4f4f4;
    font-size: 12px;
    font-family: M, OS, Arial, sans-serif
}

footer.footer-wrapper div.navigation .section ul li a:hover {
    color: #e0e0e0;
    text-decoration: underline
}

@media(min-width:767px) {
    footer.footer-wrapper div.navigation .section ul li {
        text-align: center
    }
}

footer.footer-wrapper p.commit-sha {
    color: #262626 !important
}

footer.footer-wrapper div.mentions-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

footer.footer-wrapper #mentions {
    display: none
}

footer.footer-wrapper #mentions p {
    margin-bottom: 8px
}

footer.footer-wrapper div.mentions-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

footer.footer-wrapper div.mentions-wrapper a {
    margin-top: 8px
}

footer.footer-wrapper div#mentions p,
footer.footer-wrapper div.mentions-wrapper p {
    text-align: left;
    font-size: 10px;
    color: #8d8d8d;
    font-size: 12px
}

footer.footer-wrapper div#mentions a,
footer.footer-wrapper div.mentions-wrapper a {
    color: #f4f4f4;
    font-size: 12px
}

footer.footer-wrapper div#mentions a:hover,
footer.footer-wrapper div.mentions-wrapper a:hover {
    color: #e0e0e0;
    text-decoration: underline
}

@media(min-width:1200px) {
    .navbar--opened footer.footer-wrapper {
        padding-left: 316px
    }
}

.remodal.modal-shop-entry {
    padding: 0
}

.remodal.modal-shop-entry .grid-c {
    padding: 40px 10px 25px
}

.remodal.modal-shop-entry .grid-c:last-child {
    background-color: #f8f8f8
}

@media(min-width:480px) {
    .remodal.modal-shop-entry .grid-c:last-child {
        border-radius: 0 10px 10px 0
    }
}

.remodal.modal-shop-entry p {
    margin: 1em 0 0;
    font-size: 1.4rem
}

.remodal.modal-shop-entry p+p {
    margin-top: .6em;
    font-size: 1.3rem
}

.remodal.modal-shop-entry .bt-label {
    width: 65%;
    margin-top: 15px;
    text-align: center
}

.content-only {
    padding: 0 !important;
    min-height: 100vh !important;
    background: #fff !important
}

.content-only .form-container {
    height: 100vh !important
}

.wrapper-page {
    padding: 63px 0 0
}

.smaller {
    font-size: .75em
}

ul {
    list-style-type: disc;
    list-style-image: none
}

ul.red-chevron {
    list-style-image: url(/assets/images/listDecoration.png)
}

.remodal {
    border-radius: 10px
}

.remodal .remodal-close {
    left: auto;
    top: 5px;
    right: 5px
}

.remodal .remodal-close:before {
    font-size: 3.5rem
}

.shadowed {
    box-shadow: 2px 2px 2px #e1e1e1
}

.page .titre {
    font-family: M, OS, Arial
}

.page .titre .bold,
.page .titre .box--bold,
.page .titre .bt-label.bt-bold {
    font-family: M-sb, OS-sb, Arial
}

.leaflet-pane {
    z-index: 90 !important
}

.leaflet-bottom,
.leaflet-top {
    z-index: 92 !important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.italic {
    font-style: italic
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

.nowrap {
    white-space: nowrap
}

.float-left {
    float: left
}

.float-right {
    float: right
}

a.bt-label:active,
a.bt-label:hover,
a.bt-label:visited {
    color: #fff;
    text-decoration: none
}

.bt-text-maintenance {
    color: #ffc043;
    margin-top: 8px
}

.bt-container-maintenance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: baseline;
    align-items: baseline;
    text-align: left
}

.bt-label {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 8px;
    color: #fff;
    background-color: #c00;
    cursor: pointer;
    border: 1px solid #c00;
    font-size: 13px;
    line-height: 16px;
    border-radius: 4px;
    text-align: left
}

.bt-label.state--submiting,
.bt-label.state--submiting:focus,
.bt-label.state--submiting:hover {
    background-color: rgba(204, 0, 0, .7);
    border-color: rgba(204, 0, 0, .7)
}

.bt-label:focus {
    outline: none
}

.bt-label:focus,
.bt-label:hover {
    background-color: #e60000
}

.bt-label:focus .bt-icon,
.bt-label:hover .bt-icon {
    color: #fff;
    background: rgba(0, 0, 0, .2)
}

.bt-label__state {
    display: none
}

.bt-label>*,
.bt-label img {
    vertical-align: middle
}

.bt-label.bt-bold,
.bt-label.bt-bold-plus {
    font-weight: 700
}

.bt-label.bt-uppercase {
    text-transform: uppercase
}

.bt-label.bt-underline:active,
.bt-label.bt-underline:hover,
.bt-label.bt-underline:visited {
    text-decoration: underline
}

.bt-label.bt-square,
.bt-label.bt-square .bt-icon {
    border-radius: 0 !important
}

.bt-label.bt-round,
.bt-label.bt-round[disabled],
.bt-label.bt-round[disabled]:hover {
    border-radius: 8px
}

.bt-label.bt-round .bt-icon,
.bt-label.bt-round[disabled] .bt-icon,
.bt-label.bt-round[disabled]:hover .bt-icon {
    background: none
}

.bt-label.bt-big,
.bt-label.bt-label-big {
    font-size: 14px;
    line-height: 26px
}

@media(min-width:480px)and (max-width:839px) {

    .bt-label.bt-big,
    .bt-label.bt-label-big {
        font-size: 13px
    }
}

.bt-label.bt-grey {
    background-color: #919191;
    border: 1px solid #919191
}

.bt-label.bt-grey.state--submiting,
.bt-label.bt-grey.state--submiting:focus,
.bt-label.bt-grey.state--submiting:hover {
    background-color: hsla(0, 0%, 57%, .7);
    border-color: hsla(0, 0%, 57%, .7)
}

.bt-label.bt-grey:focus,
.bt-label.bt-grey:hover {
    background-color: #9e9e9e
}

.bt-label.bt-grey-lighter {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8
}

.bt-label.bt-grey-lighter,
.bt-label.bt-grey-lighter:visited {
    color: #000
}

.bt-label.bt-grey-lighter:focus,
.bt-label.bt-grey-lighter:hover {
    background-color: #f5f5f5
}

.bt-label.bt-black {
    background-color: #444;
    border: 1px solid #444
}

.bt-label.bt-black.state--submiting,
.bt-label.bt-black.state--submiting:focus,
.bt-label.bt-black.state--submiting:hover {
    background-color: rgba(68, 68, 68, .7);
    border-color: rgba(68, 68, 68, .7)
}

.bt-label.bt-black:focus,
.bt-label.bt-black:hover {
    background-color: #515151
}

.bt-label.bt-gray {
    background-color: transparent;
    border: 1px solid #d1d5db;
    color: #1f2937;
    padding: .625rem 1rem
}

.bt-label.bt-gray.state--submiting,
.bt-label.bt-gray.state--submiting:focus,
.bt-label.bt-gray.state--submiting:hover {
    background-color: rgba(31, 41, 55, .7);
    border-color: rgba(31, 41, 55, .7)
}

.bt-label.bt-gray .bt-icon {
    color: #1f2937;
    padding: 5px 0 5px 10px
}

.bt-label.bt-gray:active {
    background-color: #e5e7eb
}

.bt-label.bt-gray:hover {
    background-color: #f3f4f6;
    color: #161d27
}

.bt-label.bt-green {
    background-color: transparent;
    border: 1px solid #10b981;
    color: #10b981
}

.bt-label.bt-green.state--submiting,
.bt-label.bt-green.state--submiting:focus,
.bt-label.bt-green.state--submiting:hover {
    background-color: rgba(16, 185, 129, .7);
    border-color: rgba(16, 185, 129, .7)
}

.bt-label.bt-green .bt-icon {
    color: currentColor;
    padding: 5px 0 5px 10px
}

.bt-label.bt-green,
.bt-label.bt-green:visited {
    color: #10b981
}

.bt-label.bt-green:focus,
.bt-label.bt-green:hover {
    border: 1px solid #0ea271;
    color: #0ea271
}

.bt-label.bt-white {
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.bt-label.bt-white.state--submiting,
.bt-label.bt-white.state--submiting:focus,
.bt-label.bt-white.state--submiting:hover {
    background-color: hsla(0, 0%, 100%, .7);
    border-color: hsla(0, 0%, 100%, .7)
}

.bt-label.bt-white .bt-icon {
    color: #999
}

.bt-label.bt-white,
.bt-label.bt-white:visited {
    color: #555
}

.bt-label.bt-white.bt-active,
.bt-label.bt-white:focus,
.bt-label.bt-white:hover {
    color: #333;
    background-color: #fff
}

.bt-label.bt-transparent {
    background: none;
    border: none
}

.bt-label.bt-transparent .bt-icon {
    color: gray
}

.bt-label.bt-transparent,
.bt-label.bt-transparent:visited {
    color: #555
}

.bt-label.bt-transparent.bt-active,
.bt-label.bt-transparent:focus,
.bt-label.bt-transparent:hover {
    color: #333;
    background: none
}

.bt-label .bt-icon {
    position: relative;
    display: inline-block;
    background: rgba(0, 0, 0, .15);
    padding: 5px 10px;
    color: #e1e1e1
}

.bt-label .bt-icon.bt-icon--loader:before {
    content: " ";
    display: inline-block;
    width: 15px
}

.bt-label .bt-icon.bt-icon--loader:after {
    position: absolute;
    display: inline-block;
    content: " ";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: auto;
    background-image: url(/assets/images/loader/submit-loader.gif);
    background-position: 50%;
    background-repeat: no-repeat
}

.bt-label.bt-no-icon {
    padding: 5px 10px;
    line-height: 1.2
}

.bt-label.bt-no-icon.bt-big {
    line-height: 24px
}

.bt-label.bt-label-left {
    padding: 0 10px 0 8px;
    text-align: left
}

.bt-label.bt-label-left .bt-icon {
    left: -8px;
    border-radius: 3px 0 0 3px
}

.bt-label.bt-label-right {
    padding: 0 7px 0 10px;
    text-align: right
}

.bt-label.bt-label-right .bt-icon {
    right: -7px;
    border-radius: 0 3px 3px 0
}

.bt-label.bt-label-text-center {
    padding: 5px 10px;
    text-align: center
}

.bt-label.bt-no-label {
    padding: 0
}

.bt-label.bt-disabled,
.bt-label.disabled,
.bt-label[disabled] {
    cursor: no-drop
}

.bt-label.bt-disabled,
.bt-label.bt-disabled:focus,
.bt-label.bt-disabled:hover,
.bt-label.disabled,
.bt-label.disabled:focus,
.bt-label.disabled:hover,
.bt-label[disabled],
.bt-label[disabled]:focus,
.bt-label[disabled]:hover {
    color: #b5b5b5 !important;
    border-color: silver;
    background-color: #d9d9d9
}

.bt-label.bt-disabled .bt-icon,
.bt-label.bt-disabled:focus .bt-icon,
.bt-label.bt-disabled:hover .bt-icon,
.bt-label.disabled .bt-icon,
.bt-label.disabled:focus .bt-icon,
.bt-label.disabled:hover .bt-icon,
.bt-label[disabled] .bt-icon,
.bt-label[disabled]:focus .bt-icon,
.bt-label[disabled]:hover .bt-icon {
    color: #ccc;
    background: rgba(0, 0, 0, .2)
}

.flash {
    position: relative;
    padding: 1em;
    margin: 0;
    font-size: 1.5rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3333em
}

.flash ul {
    list-style: disc outside;
    margin: 0;
    padding: 3px 15px
}

.flash ul li {
    margin: 2px 0
}

.flash .close {
    position: absolute;
    top: 0;
    right: 6px;
    line-height: 1;
    font-size: 1.6em;
    font-family: M-b, OS-b, Arial
}

.flash.flash-warning {
    color: #b5934d;
    background-color: #fcf8e3;
    border-color: rgba(181, 147, 77, .1)
}

.flash.flash-warning:hover {
    border-color: rgba(181, 147, 77, .5)
}

.flash.flash-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: rgba(70, 136, 71, .1)
}

.flash.flash-success:hover {
    border-color: rgba(70, 136, 71, .5)
}

.flash.flash-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: rgba(185, 74, 72, .1)
}

.flash.flash-error:hover {
    border-color: rgba(185, 74, 72, .5)
}

.flash.flash-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: rgba(58, 135, 173, .1)
}

.flash.flash-info:hover {
    border-color: rgba(58, 135, 173, .5)
}

.box,
.box--error,
.box--info,
.box--neutral,
.box--success,
.box--warning {
    display: table;
    margin: 0 auto;
    border: 1px solid #e1e1e1;
    border-collapse: separate;
    border-spacing: 1em;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.box--error:not(last-child),
.box--info:not(last-child),
.box--neutral:not(last-child),
.box--success:not(last-child),
.box--warning:not(last-child),
.box:not(last-child) {
    margin-bottom: 5px
}

.box__icon {
    padding-left: .2em;
    font-size: 2em;
    line-height: 1
}

.box__icon:before {
    vertical-align: top
}

.box__icon.i-info {
    font-size: 1.6em
}

.box__icon+.box__text {
    padding: 0
}

.box__text {
    padding: 0 .5em;
    margin: 0;
    line-height: normal;
    text-align: justify
}

.box__icon,
.box__text {
    display: table-cell !important;
    vertical-align: middle
}

.box--neutral {
    background-color: #f6f6f6;
    border-color: #d6d6d6
}

.box--neutral .box__icon {
    color: #606060
}

.box--success {
    border-color: #37b500;
    background-color: #efffe8
}

.box--success .box__icon {
    color: #2b8c00
}

.box--info {
    border-color: #06c;
    background-color: rgba(0, 102, 204, .05);
    background-size: 75% 75%
}

.box--info .box__icon,
.box--info .box__text {
    color: #3266cc
}

.box--warning {
    border-color: #ffd416;
    background-color: #fff6ce
}

.box--warning .box__icon {
    color: #edc100
}

.box--error {
    border-color: #e80000;
    background-color: #ffe8e8
}

.box--error .box__icon {
    color: #e80000
}

.box--bold,
.box--bold-plus {
    font-weight: 700
}

.box--rounded {
    border-radius: 5px
}

.box--no-border {
    border: none
}

.box--border-double {
    border-width: 4px;
    border-style: double
}

.box--no-bg {
    background-color: transparent
}

.box--smaller {
    font-size: .9em
}

.box--hide {
    visibility: hidden
}

.box--visible {
    visibility: visible
}

.box-ds {
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    border-radius: 12px
}

@media(min-width:840px) {
    .box-ds {
        padding: 12px 16px
    }
}

.box-ds div:first-child,
.box-ds img {
    width: 20px;
    height: 20px
}

.box-ds-information,
.box-ds-not-filled-information {
    background: #eff6ff
}

.box-ds-error {
    background: #ffe6e6
}

.box-ds-warning {
    background: #fff7ed
}

.box-ds>.body {
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px;
    gap: 4px;
    -ms-flex-direction: column;
    flex-direction: column
}

.box-ds>.body span {
    font-size: 14px
}

.box-ds>.body span.title {
    font-weight: 600;
    color: #161616
}

.box-ds>.body span.text {
    font-weight: 400;
    line-height: 20px;
    color: #262626
}

.wrapper-ds {
    padding: 16px;
    border: 1px solid #e0e0e0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px
}

@media(min-width:840px) {
    .wrapper-ds {
        padding: 24px
    }
}

.wrapper-ds span.title {
    color: #161616;
    font-weight: 700;
    font-family: M-b, OS-b, Arial;
    font-size: 18px
}

.wrapper-ds .wrapper-ds-item {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: 4px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(min-width:840px) {
    .wrapper-ds .wrapper-ds-item {
        gap: 24px;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.wrapper-ds .wrapper-ds-item.mobile {
    -ms-flex-direction: row;
    flex-direction: row
}

.sub-wrapper-ds>div.header {
    gap: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.sub-wrapper-ds p,
.wrapper-ds p {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #161616
}

.action-card {
    display: -ms-flexbox;
    display: flex;
    padding: 24px 32px;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 16px;
    background: #fff
}

@media(min-width:840px) {
    .action-card {
        padding: 32px 40px
    }

    .action-card:nth-child(odd):last-child {
        grid-column-end: span 2;
        width: 50%;
        justify-self: center
    }
}

.action-card .ico-image {
    width: 40px;
    height: 40px
}

.action-card .ico-arrow {
    width: 24px;
    height: 24px;
    margin-left: 16px
}

.action-card .ico-arrow:hover {
    color: #c00000
}

.action-card div.action-card-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.action-card div.action-card-content:hover {
    color: #c00000
}

.action-card p.card-title {
    font-size: 16px;
    font-family: M-b, OS-b, Arial;
    margin: 16px 0 0;
    color: #161616
}

.action-card p.card-description {
    font-size: 14px;
    margin: 8px 0 0;
    color: #161616
}

.action-card div.info-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 0 0
}

@media(min-width:840px) {
    .action-card div.info-title {
        margin: 16px 0 0
    }
}

.action-card div.info-title p.info-text {
    font-family: M-sb, OS-sb, Arial;
    font-size: 14px;
    color: #6f6f6f;
    margin: 0
}

.action-card div.info-title .ico-info {
    width: 20px;
    height: 20px;
    margin-left: 4px
}

#print-debug {
    margin: 8px;
    background-color: #fff;
    border: 2px solid #c00;
    border-radius: 5px;
    overflow: hidden;
    font-size: 1.1rem
}

#print-debug p {
    padding: 5px 0 3px;
    margin: 0 0 5px;
    text-align: center;
    background-color: #ccc
}

#print-debug span {
    font-family: Arial;
    font-weight: 700
}

#print-debug pre {
    padding: 6px;
    margin: 0 5px 5px;
    background-color: #f3f3f3
}

.grid-l {
    font-size: 0
}

.grid-c {
    display: inline-block;
    width: 100%;
    font-size: 1.2rem
}

.grid-c.cell-top {
    vertical-align: top
}

.grid-c,
.grid-c.cell-mid {
    vertical-align: middle
}

.grid-c.cell-bot {
    vertical-align: bottom
}

.grid-c.cell-base {
    vertical-align: baseline
}

.w-1 {
    width: 25%
}

.o-1 {
    margin-left: 25%
}

.w-2 {
    width: 50%
}

.o-2 {
    margin-left: 50%
}

.w-3 {
    width: 75%
}

.o-3 {
    margin-left: 75%
}

.w-4 {
    width: 100%
}

.p-5 {
    padding: 5px
}

.ph-5 {
    padding-left: 5px;
    padding-right: 5px
}

.pv-5 {
    padding-bottom: 5px
}

.pt-5,
.pv-5 {
    padding-top: 5px
}

.pr-5 {
    padding-right: 5px
}

.pb-5 {
    padding-bottom: 5px
}

.pl-5 {
    padding-left: 5px
}

@media(max-width:479px) {
    .grid-c.hidden-phone {
        display: none
    }
}

@media(min-width:480px) {
    .w-tablet-1 {
        width: 12.5%
    }

    .o-tablet-1 {
        margin-left: 12.5%
    }

    .w-tablet-2 {
        width: 25%
    }

    .o-tablet-2 {
        margin-left: 25%
    }

    .w-tablet-3 {
        width: 37.5%
    }

    .o-tablet-3 {
        margin-left: 37.5%
    }

    .w-tablet-4 {
        width: 50%
    }

    .o-tablet-4 {
        margin-left: 50%
    }

    .w-tablet-5 {
        width: 62.5%
    }

    .o-tablet-5 {
        margin-left: 62.5%
    }

    .w-tablet-6 {
        width: 75%
    }

    .o-tablet-6 {
        margin-left: 75%
    }

    .w-tablet-7 {
        width: 87.5%
    }

    .o-tablet-7 {
        margin-left: 87.5%
    }

    .w-tablet-8 {
        width: 100%
    }

    .p-tablet-5 {
        padding: 5px
    }

    .ph-tablet-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .pv-tablet-5 {
        padding-bottom: 5px
    }

    .pt-tablet-5,
    .pv-tablet-5 {
        padding-top: 5px
    }

    .pr-tablet-5 {
        padding-right: 5px
    }

    .pb-tablet-5 {
        padding-bottom: 5px
    }

    .pl-tablet-5 {
        padding-left: 5px
    }
}

@media(min-width:480px)and (max-width:839px) {
    .grid-c.hidden-tablet {
        display: none
    }
}

@media(min-width:840px) {
    .w-desktop-1 {
        width: 8.3333333333%
    }

    .o-desktop-1 {
        margin-left: 8.3333333333%
    }

    .w-desktop-2 {
        width: 16.6666666667%
    }

    .o-desktop-2 {
        margin-left: 16.6666666667%
    }

    .w-desktop-3 {
        width: 25%
    }

    .o-desktop-3 {
        margin-left: 25%
    }

    .w-desktop-4 {
        width: 33.3333333333%
    }

    .o-desktop-4 {
        margin-left: 33.3333333333%
    }

    .w-desktop-5 {
        width: 41.6666666667%
    }

    .o-desktop-5 {
        margin-left: 41.6666666667%
    }

    .w-desktop-6 {
        width: 50%
    }

    .o-desktop-6 {
        margin-left: 50%
    }

    .w-desktop-7 {
        width: 58.3333333333%
    }

    .o-desktop-7 {
        margin-left: 58.3333333333%
    }

    .w-desktop-8 {
        width: 66.6666666667%
    }

    .o-desktop-8 {
        margin-left: 66.6666666667%
    }

    .w-desktop-9 {
        width: 75%
    }

    .o-desktop-9 {
        margin-left: 75%
    }

    .w-desktop-10 {
        width: 83.3333333333%
    }

    .o-desktop-10 {
        margin-left: 83.3333333333%
    }

    .w-desktop-11 {
        width: 91.6666666667%
    }

    .o-desktop-11 {
        margin-left: 91.6666666667%
    }

    .w-desktop-12 {
        width: 100%
    }

    .p-desktop-5 {
        padding: 5px
    }

    .ph-desktop-5 {
        padding-left: 5px;
        padding-right: 5px
    }

    .pv-desktop-5 {
        padding-bottom: 5px
    }

    .pt-desktop-5,
    .pv-desktop-5 {
        padding-top: 5px
    }

    .pr-desktop-5 {
        padding-right: 5px
    }

    .pb-desktop-5 {
        padding-bottom: 5px
    }

    .pl-desktop-5 {
        padding-left: 5px
    }
}

@media(min-width:840px) {
    .grid-c.hidden-desktop {
        display: none
    }
}

:root {
    --mdc-layout-grid-margin-desktop: 24px;
    --mdc-layout-grid-gutter-desktop: 24px;
    --mdc-layout-grid-column-width-desktop: 72px;
    --mdc-layout-grid-margin-tablet: 16px;
    --mdc-layout-grid-gutter-tablet: 16px;
    --mdc-layout-grid-column-width-tablet: 72px;
    --mdc-layout-grid-margin-phone: 16px;
    --mdc-layout-grid-gutter-phone: 16px;
    --mdc-layout-grid-column-width-phone: 72px
}

@media(min-width:840px) {
    .mdc-layout-grid {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 24px;
        padding: var(--mdc-layout-grid-margin-desktop, 24px)
    }
}

@media(min-width:600px)and (max-width:839px) {
    .mdc-layout-grid {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 16px;
        padding: var(--mdc-layout-grid-margin-tablet, 16px)
    }
}

@media(max-width:599px) {
    .mdc-layout-grid {
        box-sizing: border-box;
        margin: 0 auto;
        padding: 16px;
        padding: var(--mdc-layout-grid-margin-phone, 16px)
    }
}

@media(min-width:840px) {
    .mdc-layout-grid__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -12px;
        margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px)/2*-1)
    }

    @supports(display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 24px;
            grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
            grid-template-columns: repeat(12, minmax(0, 1fr))
        }
    }
}

@media(min-width:600px)and (max-width:839px) {
    .mdc-layout-grid__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -8px;
        margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px)/2*-1)
    }

    @supports(display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 16px;
            grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
            grid-template-columns: repeat(8, minmax(0, 1fr))
        }
    }
}

@media(max-width:599px) {
    .mdc-layout-grid__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: -8px;
        margin: calc(var(--mdc-layout-grid-gutter-phone, 16px)/2*-1)
    }

    @supports(display:grid) {
        .mdc-layout-grid__inner {
            display: grid;
            margin: 0;
            grid-gap: 16px;
            grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
            grid-template-columns: repeat(4, minmax(0, 1fr))
        }
    }
}

@media(min-width:840px) {
    .mdc-layout-grid__cell {
        width: calc(33.3333333333% - 24px);
        width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
        box-sizing: border-box;
        margin: 12px;
        margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px)/2)
    }

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

    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-desktop {
        width: calc(8.3333333333% - 24px);
        width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-desktop {
            width: auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-desktop {
        width: calc(16.6666666667% - 24px);
        width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-desktop {
            width: auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-desktop {
        width: calc(25% - 24px);
        width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-desktop {
            width: auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-desktop {
        width: calc(33.3333333333% - 24px);
        width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-desktop {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-desktop {
        width: calc(41.6666666667% - 24px);
        width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-desktop {
            width: auto;
            grid-column-end: span 5
        }
    }

    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-desktop {
        width: calc(50% - 24px);
        width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-desktop {
            width: auto;
            grid-column-end: span 6
        }
    }

    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-desktop {
        width: calc(58.3333333333% - 24px);
        width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-desktop {
            width: auto;
            grid-column-end: span 7
        }
    }

    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-desktop {
        width: calc(66.6666666667% - 24px);
        width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-desktop {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-desktop {
        width: calc(75% - 24px);
        width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-desktop {
            width: auto;
            grid-column-end: span 9
        }
    }

    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-desktop {
        width: calc(83.3333333333% - 24px);
        width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-desktop {
            width: auto;
            grid-column-end: span 10
        }
    }

    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-desktop {
        width: calc(91.6666666667% - 24px);
        width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-desktop {
            width: auto;
            grid-column-end: span 11
        }
    }

    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-desktop {
        width: calc(100% - 24px);
        width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-desktop {
            width: auto;
            grid-column-end: span 12
        }
    }
}

@media(min-width:600px)and (max-width:839px) {
    .mdc-layout-grid__cell {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
        box-sizing: border-box;
        margin: 8px;
        margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px)/2)
    }

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

    .mdc-layout-grid__cell--span-1,
    .mdc-layout-grid__cell--span-1-tablet {
        width: calc(12.5% - 16px);
        width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-tablet {
            width: auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-tablet {
        width: calc(25% - 16px);
        width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-tablet {
            width: auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-tablet {
        width: calc(37.5% - 16px);
        width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-tablet {
            width: auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-tablet {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-tablet {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-tablet {
        width: calc(62.5% - 16px);
        width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-tablet {
            width: auto;
            grid-column-end: span 5
        }
    }

    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-tablet {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-tablet {
            width: auto;
            grid-column-end: span 6
        }
    }

    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-tablet {
        width: calc(87.5% - 16px);
        width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-tablet {
            width: auto;
            grid-column-end: span 7
        }
    }

    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }

    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-tablet {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-tablet {
            width: auto;
            grid-column-end: span 8
        }
    }
}

@media(max-width:599px) {
    .mdc-layout-grid__cell {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
        box-sizing: border-box;
        margin: 8px;
        margin: calc(var(--mdc-layout-grid-gutter-phone, 16px)/2)
    }

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

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

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-1,
        .mdc-layout-grid__cell--span-1-phone {
            width: auto;
            grid-column-end: span 1
        }
    }

    .mdc-layout-grid__cell--span-2,
    .mdc-layout-grid__cell--span-2-phone {
        width: calc(50% - 16px);
        width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-2,
        .mdc-layout-grid__cell--span-2-phone {
            width: auto;
            grid-column-end: span 2
        }
    }

    .mdc-layout-grid__cell--span-3,
    .mdc-layout-grid__cell--span-3-phone {
        width: calc(75% - 16px);
        width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-3,
        .mdc-layout-grid__cell--span-3-phone {
            width: auto;
            grid-column-end: span 3
        }
    }

    .mdc-layout-grid__cell--span-4,
    .mdc-layout-grid__cell--span-4-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-4,
        .mdc-layout-grid__cell--span-4-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-5,
    .mdc-layout-grid__cell--span-5-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-5,
        .mdc-layout-grid__cell--span-5-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-6,
    .mdc-layout-grid__cell--span-6-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-6,
        .mdc-layout-grid__cell--span-6-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-7,
    .mdc-layout-grid__cell--span-7-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-7,
        .mdc-layout-grid__cell--span-7-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-8,
    .mdc-layout-grid__cell--span-8-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-8,
        .mdc-layout-grid__cell--span-8-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-9,
    .mdc-layout-grid__cell--span-9-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-9,
        .mdc-layout-grid__cell--span-9-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-10,
    .mdc-layout-grid__cell--span-10-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-10,
        .mdc-layout-grid__cell--span-10-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-11,
    .mdc-layout-grid__cell--span-11-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-11,
        .mdc-layout-grid__cell--span-11-phone {
            width: auto;
            grid-column-end: span 4
        }
    }

    .mdc-layout-grid__cell--span-12,
    .mdc-layout-grid__cell--span-12-phone {
        width: calc(100% - 16px);
        width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
    }

    @supports(display:grid) {

        .mdc-layout-grid__cell--span-12,
        .mdc-layout-grid__cell--span-12-phone {
            width: auto;
            grid-column-end: span 4
        }
    }
}

.mdc-layout-grid__cell--order-1 {
    -ms-flex-order: 1;
    order: 1
}

.mdc-layout-grid__cell--order-2 {
    -ms-flex-order: 2;
    order: 2
}

.mdc-layout-grid__cell--order-3 {
    -ms-flex-order: 3;
    order: 3
}

.mdc-layout-grid__cell--order-4 {
    -ms-flex-order: 4;
    order: 4
}

.mdc-layout-grid__cell--order-5 {
    -ms-flex-order: 5;
    order: 5
}

.mdc-layout-grid__cell--order-6 {
    -ms-flex-order: 6;
    order: 6
}

.mdc-layout-grid__cell--order-7 {
    -ms-flex-order: 7;
    order: 7
}

.mdc-layout-grid__cell--order-8 {
    -ms-flex-order: 8;
    order: 8
}

.mdc-layout-grid__cell--order-9 {
    -ms-flex-order: 9;
    order: 9
}

.mdc-layout-grid__cell--order-10 {
    -ms-flex-order: 10;
    order: 10
}

.mdc-layout-grid__cell--order-11 {
    -ms-flex-order: 11;
    order: 11
}

.mdc-layout-grid__cell--order-12 {
    -ms-flex-order: 12;
    order: 12
}

.mdc-layout-grid__cell--align-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

@supports(display:grid) {
    .mdc-layout-grid__cell--align-top {
        -ms-flex-item-align: start;
        align-self: start
    }
}

.mdc-layout-grid__cell--align-middle {
    -ms-flex-item-align: center;
    align-self: center
}

.mdc-layout-grid__cell--align-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@supports(display:grid) {
    .mdc-layout-grid__cell--align-bottom {
        -ms-flex-item-align: end;
        align-self: end
    }
}

@media(min-width:840px) {
    .mdc-layout-grid--fixed-column-width {
        width: 1176px;
        width: calc(var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2)
    }
}

@media(min-width:600px)and (max-width:839px) {
    .mdc-layout-grid--fixed-column-width {
        width: 720px;
        width: calc(var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2)
    }
}

@media(max-width:599px) {
    .mdc-layout-grid--fixed-column-width {
        width: 368px;
        width: calc(var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2)
    }
}

.mdc-layout-grid--align-left {
    margin-right: auto;
    margin-left: 0
}

.mdc-layout-grid--align-right {
    margin-right: 0;
    margin-left: auto
}

#footer .rgpd-banner {
    display: none;
    position: fixed;
    z-index: 1010;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 0 10px;
    line-height: 1.5;
    text-align: center;
    background: rgba(0, 0, 0, .85)
}

#footer .rgpd-banner__content {
    padding: 0 2%;
    margin-bottom: 8px
}

#footer .rgpd-banner .buttons {
    padding: 10px 0
}

#footer .rgpd-banner .buttons .bt-label {
    padding: 5px 20px
}

#footer .rgpd-banner .buttons .bt-accept {
    margin-left: 20px
}

@media(min-width:840px) {
    #footer .rgpd-banner .buttons {
        display: inline
    }

    #footer .rgpd-banner .buttons button {
        margin-left: 20px
    }
}

#footer .rgpd-banner,
#footer .rgpd-banner a {
    font-size: 1.2rem;
    color: #d6d6d6
}

#footer .rgpd-banner .bt-accept {
    padding: 5px 30px
}

#config-cookies {
    text-align: left;
    font-size: 1.5rem
}

#config-cookies .title {
    font-size: 3rem;
    margin: 0 0 .8em
}

#config-cookies h1,
#config-cookies h2 {
    font-weight: 400;
    font-family: M-sb, OS-sb, Arial
}

#config-cookies h2 {
    font-size: 2.4rem
}

#config-cookies .buttons {
    padding-top: 10px;
    text-align: center
}

#config-cookies .buttons .bt-label {
    padding: 7px 30px;
    text-transform: uppercase
}

#config-cookies .block-option {
    background: #f6f6f6;
    padding: 15px;
    margin-bottom: 15px
}

#config-cookies .block-option label {
    text-transform: uppercase;
    font-size: 2rem;
    font-family: M-sb, OS-sb, Arial
}

#config-cookies .block-option .description {
    text-align: justify
}

#config-cookies .block-option .details-custom {
    display: none;
    padding-top: 10px
}

#config-cookies .block-option .details-custom .categorie {
    position: relative;
    padding: 6px 10px 6px 50px;
    margin-bottom: 4px;
    line-height: 24px;
    font-size: 15px;
    font-family: M-sb, OS-sb, Arial, monospace, serif;
    background-color: #e7e7e7
}

#config-cookies .block-option .details-custom .categorie .switch-container {
    display: block;
    overflow: hidden
}

@media(min-width:840px) {
    #config-cookies .block-option .details-custom .categorie .switch-container {
        display: inline
    }
}

#config-cookies .block-option .details-custom .categorie .ico-categorie {
    margin-right: 10px;
    font-size: 16px;
    color: #c00
}

#config-cookies .block-option .details-custom .categorie .ico-toggle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 36px;
    line-height: 36px;
    color: #fff;
    background-color: #505050;
    text-align: center;
    cursor: pointer
}

#config-cookies .block-option .details-custom .categorie-container {
    padding: 12px 5px 0
}

#config-cookies .block-option .details-custom .item {
    display: none;
    padding: 5px 10px
}

#config-cookies .block-option .details-custom .item:hover {
    background-color: #fff
}

#config-cookies .block-option .details-custom .item .mdc-switch {
    margin-top: 2px
}

#config-cookies .block-option .details-custom .mdc-switch {
    float: right;
    margin-top: 5px
}

#config-cookies .block-option .details-custom br {
    clear: both
}

#config-cookies .block-option .details-custom .show-all {
    display: inline-block;
    margin: 1.4em 0 .2em;
    font-size: 11px
}

#config-cookies .block-option .details-custom .show-all.is-shown .all-shown {
    display: none
}

#config-cookies .block-option .details-custom .show-all.is-shown .all-hidden {
    display: inline
}

#config-cookies .block-option .details-custom .show-all .all-hidden {
    display: none
}

#config-cookies .mdc-switch__native-control {
    top: 0;
    left: -20px;
    width: 48px;
    height: 30px
}

#config-cookies .block-option .description {
    padding-left: 43px
}

#config-cookies .block-option .details-custom .item {
    height: 35px;
    padding: 10px;
    position: relative
}

#config-cookies .block-option .details-custom .item .mdc-switch {
    float: none;
    position: absolute;
    top: 5px;
    right: 10px
}

.banque-redirect form {
    padding: 100px 0 125px
}

.banque-redirect h2 {
    color: #aaa;
    font-size: 2.2rem
}

.banque-redirect h2,
.banque-redirect h3,
.banque-redirect h4 {
    font-weight: 400
}

.banque-redirect h2.bold,
.banque-redirect h2.box--bold,
.banque-redirect h2.bt-label.bt-bold,
.banque-redirect h3.bold,
.banque-redirect h3.box--bold,
.banque-redirect h3.bt-label.bt-bold,
.banque-redirect h4.bold,
.banque-redirect h4.box--bold,
.banque-redirect h4.bt-label.bt-bold {
    font-family: M-b, OS-b, Arial
}

:root body.main {
    --mdc-typography-font-family: "M", "OS", Arial;
    --mdc-typography-subtitle1-font-size: 1.5rem;
    --mdc-theme-error: #dc0000
}

@keyframes s {
    0% {
        transform: translateX(0%) translateY(-29px) scale(.75)
    }

    33% {
        animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
        transform: translateX(4%) translateY(-29px) scale(.75)
    }

    66% {
        animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
        transform: translateX(-4%) translateY(-29px) scale(.75)
    }

    to {
        transform: translateX(0%) translateY(-29px) scale(.75)
    }
}

body.main .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-right: 0
}

body.main .mdc-menu-surface {
    z-index: 250
}

body.main .mdc-text-field {
    width: 100%;
    max-width: 100%;
    padding: 0 12px
}

body.main .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #4b4c50
}

body.main .mdc-text-field:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: #0f903b
}

body.main .mdc-text-field .mdc-text-field__input {
    caret-color: #323336
}

body.main .mdc-text-field .mdc-text-field__input[readonly=readonly] {
    color: #606060;
    font-style: italic
}

body.main .mdc-text-field .mdc-suffix-text {
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline
}

body.main .mdc-text-field--filled {
    border: 1px solid #ddd;
    border-bottom: none;
    height: 48px
}

body.main .mdc-text-field--filled .mdc-text-field__input {
    height: 100%
}

body.main .mdc-text-field--filled .mdc-floating-label,
body.main .mdc-text-field--filled:before {
    display: none
}

body.main .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after,
body.main .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before,
body.main .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #dc0000
}

body.main .mdc-text-field--filled.mdc-text-field--focused .mdc-text-field__input:-webkit-autofill {
    background-color: #fff !important;
    box-shadow: inset 0 0 0 1000px #fff
}

body.main .mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-106%) translateX(-5px) scale(.75)
}

body.main .mdc-text-field--filled .mdc-text-field__input {
    margin-top: 19px
}

body.main .mdc-text-field--filled .mdc-text-field__input:-webkit-autofill {
    background-color: #f2f3f4 !important;
    box-shadow: inset 0 0 0 1000px #f2f3f4
}

body.main .mdc-text-field--filled .mdc-text-field__input:-webkit-autofill+.mdc-floating-label--float-above {
    transform: translateY(-106%) translateX(-5px) scale(.75)
}

body.main .mdc-text-field--filled .mdc-floating-label--required:after {
    content: ""
}

body.main .mdc-text-field--outlined {
    height: 48px
}

body.main .mdc-text-field--outlined .mdc-text-field__input {
    height: 100%
}

body.main .mdc-text-field--outlined .mdc-floating-label,
body.main .mdc-text-field--outlined:before {
    display: none
}

body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #ddd
}

body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #8c8c8c
}

body.main .mdc-text-field--outlined.mdc-text-field--disabled {
    background-color: #efefef
}

body.main .mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: #fdfdfd
}

body.main .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
body.main .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
body.main .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #dc0000
}

body.main .mdc-text-field--outlined .mdc-text-field__input {
    margin-top: 15px
}

body.main .mdc-text-field--outlined .mdc-text-field__input:-webkit-autofill {
    background-color: #fdfdfd !important;
    box-shadow: inset 0 0 0 1000px #fdfdfd
}

body.main .mdc-text-field--outlined .mdc-floating-label--float-above,
body.main .mdc-text-field--outlined:-webkit-autofill+.mdc-text-field__label {
    transform: translateY(-29px) scale(.75);
    font-size: 1.5rem;
    padding: 0 2px;
    background-color: #fff
}

body.main .mdc-text-field--outlined .mdc-floating-label--required:after {
    content: ""
}

body.main .mdc-text-field__input {
    height: 27px !important
}

body.main .mdc-text-field-character-counter {
    padding-left: 12px;
    font-size: .8em;
    font-family: M-sb, OS-sb, Arial
}

body.main .mdc-text-field:not(.mdc-text-field--focused):not(.mdc-text-field--invalid):not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #0f903b
}

body.main .mdc-text-field--focused:not(.mdc-text-field--disabled) {
    background-color: #fff
}

body.main .mdc-text-field--invalid {
    border-color: #dc0000
}

body.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #dc0000
}

body.main .mdc-select {
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content
}

body.main .mdc-select .mdc-select__anchor {
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

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

body.main .mdc-select .mdc-select__anchor .mdc-select__selected-text:before {
    content: "​"
}

body.main .mdc-select .mdc-select__anchor .mdc-select__selected-text {
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

body.main .mdc-select .mdc-select__anchor .mdc-floating-label,
body.main .mdc-select .mdc-select__anchor:before {
    display: none
}

body.main .mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text:before {
    content: "​"
}

body.main .mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text {
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

body.main .mdc-select.mdc-select--no-label .mdc-select__anchor:before {
    display: none
}

body.main .mdc-select .mdc-select__dropdown-icon {
    width: 20px;
    height: 20px
}

body.main .mdc-select.mdc-select--filled .mdc-floating-label {
    max-width: calc(100% - 60px)
}

body.main .mdc-select.mdc-select--filled .mdc-floating-label--float-above {
    max-width: calc(100% / .75 - 60px / .75)
}

body.main .mdc-select .mdc-list-item {
    height: 40px
}

body.main .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
    background-color: #fdfdfd
}

body.main .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: #323336
}

body.main .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
    fill: #5e6066
}

body.main .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused):hover .mdc-select__dropdown-icon {
    fill: #323336
}

body.main .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
body.main .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
body.main .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #ddd
}

body.main .mdc-select.mdc-select--disabled .mdc-select__anchor {
    background-color: #efefef
}

body.main .mdc-select.mdc-select--disabled .mdc-floating-label {
    color: rgba(0, 0, 0, .25)
}

body.main .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
    fill: #323336
}

body.main .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple:after {
    border-bottom-color: #0f903b
}

body.main .mdc-select--focused:not(.mdc-select--disabled) .mdc-select__anchor {
    background-color: #fff
}

body.main .mdc-select--filled .mdc-select__selected-text {
    padding-top: 15px
}

body.main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
body.main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
body.main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #8c8c8c
}

body.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
body.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
body.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #dc0000
}

body.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
body.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
body.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #dc0000
}

body.main .mdc-select--outlined .mdc-select__selected-text {
    padding-top: 8px
}

body.main .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
    transform: translateY(-29px) scale(.75);
    font-size: 1.5rem;
    padding: 0 2px;
    background-color: #fff
}

body.main .mdc-select--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #dc0000
}

body.main .mdc-select .mdc-list-item {
    height: 30px
}

body.main .mdc-select-helper-text,
body.main .mdc-text-field-helper-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: -2px 0 8px;
    font-size: 1.2rem
}

body.main .mdc-floating-label,
body.main .mdc-text-field__input {
    line-height: 1.2
}

body.main .mdc-floating-label {
    display: block !important;
    font-style: italic;
    overflow: visible
}

body.main .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #757575
}

body.main .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #06c
}

body.main .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #6a6a6a
}

body.main .mdc-radio .mdc-radio__background:before {
    background-color: #06c
}

body.main .mdc-checkbox {
    line-height: 1.4rem
}

body.main .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
    color: #000
}

body.main .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: #000
}

body.main .mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,
body.main .mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before,
body.main .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background:before {
    background-color: #06c
}

body.main .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:after,
body.main .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:before {
    background-color: #06c
}

body.main .mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple:before {
    opacity: .04
}

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

body.main .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple:after {
    transition: opacity .15s linear
}

body.main .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple:after {
    transition-duration: 75ms;
    opacity: .12
}

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

body.main .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:after,
body.main .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:before {
    background-color: #06c
}

body.main .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
    border-color: rgba(0, 0, 0, .5);
    background-color: #fff
}

body.main .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
body.main .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
body.main .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
    border-color: #06c;
    background-color: #06c
}

body.main .mdc-checkbox__checkmark__path {
    transition: stroke-dashoffset .18s cubic-bezier(.4, 0, .6, 1) 0ms;
    stroke-width: 3.12px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray: 29.78334
}

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

body.main .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
    background-color: #fff;
    border-color: #fff
}

body.main .mdc-switch.mdc-switch--checked .mdc-switch__track {
    background-color: #06c
}

body.main .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
    background-color: #000
}

body.main .mdc-switch .mdc-switch__thumb-underlay {
    left: -8px;
    right: auto;
    top: -7px;
    width: 28px;
    height: 28px
}

[dir=rtl] body.main .mdc-switch .mdc-switch__thumb-underlay,
body.main .mdc-switch .mdc-switch__thumb-underlay[dir=rtl] {
    left: auto;
    right: -8px
}

body.main .mdc-switch .mdc-switch__native-control {
    width: 48px;
    height: 28px
}

body.main .mdc-switch__track {
    opacity: .8;
    height: 22px;
    width: 42px;
    border-radius: 11px
}

body.main .mdc-switch__thumb-underlay.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded {
    top: -3px;
    left: -3px
}

body.main .mdc-checkbox__label,
body.main .mdc-radio__label,
body.main .mdc-switch__label {
    font-size: 1.4rem;
    cursor: pointer
}

body.main .mdc-checkbox__label {
    line-height: 1.3
}

body.main .mdc-list-item__text {
    line-height: 1.4
}

#content-savoir-plus {
    text-align: center
}