.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: k .25s 1
}

.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 {
    display: none
}

.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);
    will-change: transform, opacity
}

.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;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-text-field--filled .mdc-text-field__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.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: n 225ms forwards, o 75ms forwards
}

.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple:after {
    animation: p .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-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 0 16px;
    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__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) 0ms;
    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::-webkit-calendar-picker-indicator {
    display: none
}

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

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

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

    .mdc-text-field__input::-moz-placeholder {
        transition: opacity 67ms cubic-bezier(.4, 0, .2, 1) 0ms;
        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) 0ms;
        opacity: 0
    }

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

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

@media {

    .mdc-text-field--focused .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--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--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--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--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) 0ms;
    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
}

@supports(-webkit-hyphens:none) {
    .mdc-text-field--outlined .mdc-text-field__affix {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%
    }
}

.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--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);
    background-color: var(--mdc-ripple-color, rgba(0, 0, 0, .87))
}

.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple:before,
.mdc-text-field--filled:hover .mdc-text-field__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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
}

@supports(-webkit-hyphens:none) {
    .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%
    }
}

.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: u .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-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

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

@supports(top:max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
    }
}

@supports(top:max(0%)) {
    .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
    }
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 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-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

@supports(top:max(0%)) {
    .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

@supports(top:max(0%)) {

    .mdc-text-field--outlined,
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top:max(0%)) {
    .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top:max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

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

@supports(top:max(0%)) {

    .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl],
    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-left: max(16px, var(--mdc-shape-small, 4px))
    }
}

.mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top:max(0%)) {
    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

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

@supports(top:max(0%)) {

    .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl],
    [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

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

.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--outlined .mdc-notched-outline {
    z-index: 1
}

.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: q .25s 1
}

.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: r .25s 1
}

.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--with-leading-icon {
    padding-left: 0;
    padding-right: 16px
}

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

.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: s .25s 1
}

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

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

.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 {
    padding-left: 0;
    padding-right: 0
}

.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 (-ms-high-contrast:active),
screen and (forced-colors: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 (-ms-high-contrast:active),
screen and (forced-colors:active) {
    .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }

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

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

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

@media screen and (forced-colors:active) {
    .mdc-text-field--disabled .mdc-text-field__input {
        background-color: Window
    }

    .mdc-text-field--disabled .mdc-floating-label {
        z-index: 1
    }
}

.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) 0ms
}

.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 {
    padding: 12px;
    margin-left: 0;
    margin-right: 0
}

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

.mdc-deprecated-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-deprecated-list:focus {
    outline: none
}

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

.mdc-deprecated-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-deprecated-list-item__meta {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

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

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

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

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

.mdc-deprecated-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-deprecated-list-item:focus {
    outline: none
}

.mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused:before,
.mdc-deprecated-list-item:not(.mdc-deprecated-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: "";
    pointer-events: none
}

.mdc-deprecated-list-item.mdc-deprecated-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: "";
    pointer-events: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-deprecated-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-deprecated-list-item__graphic[dir=rtl],
[dir=rtl] .mdc-deprecated-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-deprecated-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-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta,
[dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

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

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

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

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

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

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

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

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

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

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

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

.mdc-deprecated-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-deprecated-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

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

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

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

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

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

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

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

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

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

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

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

.mdc-deprecated-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-deprecated-list-divider--padded {
    margin-left: 16px;
    margin-right: 0;
    width: calc(100% - 32px)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-deprecated-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
}

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

.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__overline-text {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    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__end {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item--disabled .mdc-list-item__content,
.mdc-list-item--disabled .mdc-list-item__end,
.mdc-list-item--disabled .mdc-list-item__start {
    opacity: .38
}

.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end,
.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.mdc-list-item--disabled .mdc-list-item__overline-text,
.mdc-list-item--disabled .mdc-list-item__primary-text,
.mdc-list-item--disabled .mdc-list-item__secondary-text {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--activated .mdc-list-item__primary-text,
.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--selected .mdc-list-item__primary-text {
    color: #6200ee;
    color: var(--mdc-theme-primary, #6200ee)
}

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

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
    .mdc-list-divider:after {
        content: "";
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #fff
    }
}

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

.mdc-list:focus {
    outline: none
}

.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;
    -ms-flex-align: stretch;
    align-items: stretch;
    cursor: pointer
}

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

.mdc-list-item.mdc-list-item--with-one-line {
    height: 48px
}

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

.mdc-list-item.mdc-list-item--with-three-lines {
    height: 88px
}

.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 0
}

.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start,
.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end,
.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 0
}

.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.mdc-list-item.mdc-list-item--disabled,
.mdc-list-item.mdc-list-item--non-interactive {
    cursor: auto
}

.mdc-list-item.mdc-ripple-upgraded--background-focused:before,
.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: "";
    pointer-events: none
}

.mdc-list-item.mdc-list-item--selected:before {
    border: 3px double transparent;
    border-radius: inherit
}

.mdc-list-item.mdc-list-item--selected:before,
.mdc-list-item.mdc-list-item--selected:focus:before {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    pointer-events: none
}

.mdc-list-item.mdc-list-item--selected:focus:before {
    border: 3px solid transparent;
    border-radius: inherit
}

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

.mdc-list-item__start {
    fill: currentColor
}

.mdc-list-item__end,
.mdc-list-item__start {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    pointer-events: none
}

.mdc-list-item__content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex: 1;
    flex: 1;
    pointer-events: none
}

.mdc-list-item--with-three-lines .mdc-list-item__content,
.mdc-list-item--with-two-lines .mdc-list-item__content {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

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

.mdc-list-item__primary-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);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item--with-three-lines .mdc-list-item__primary-text,
.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-three-lines .mdc-list-item__primary-text:before,
.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-three-lines .mdc-list-item__primary-text:after,
.mdc-list-item--with-two-lines .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-item--with-three-lines .mdc-list-item__secondary-text {
    white-space: normal;
    line-height: 20px
}

.mdc-list-item--with-overline .mdc-list-item__secondary-text {
    white-space: nowrap;
    line-height: auto
}

.mdc-list-item__overline-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-overline-font-size, .75rem);
    line-height: 2rem;
    line-height: var(--mdc-typography-overline-line-height, 2rem);
    font-weight: 500;
    font-weight: var(--mdc-typography-overline-font-weight, 500);
    letter-spacing: .1666666667em;
    letter-spacing: var(--mdc-typography-overline-letter-spacing, .1666666667em);
    text-decoration: none;
    -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
    -moz-text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-transform: uppercase;
    text-transform: var(--mdc-typography-overline-text-transform, uppercase);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-three-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-three-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-three-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-avatar.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

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

.mdc-list-item--with-leading-avatar .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line {
    height: 56px
}

.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-leading-avatar .mdc-list-item__start {
    border-radius: 50%
}

.mdc-list-item--with-leading-icon .mdc-list-item__start {
    width: 24px;
    height: 24px
}

.mdc-list-item--with-leading-icon.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

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

.mdc-list-item--with-leading-icon .mdc-list-item__start {
    margin-left: 16px;
    margin-right: 32px
}

.mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {
    margin-left: 32px;
    margin-right: 16px
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

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

.mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line {
    height: 56px
}

.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-leading-image.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-leading-image.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

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

.mdc-list-item--with-leading-image .mdc-list-item__start {
    width: 56px;
    height: 56px
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-image.mdc-list-item--with-one-line,
.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.mdc-list-item--with-leading-video.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

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

.mdc-list-item--with-leading-video .mdc-list-item__start {
    margin-left: 0;
    margin-right: 16px
}

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

.mdc-list-item--with-leading-video .mdc-list-item__start {
    width: 100px;
    height: 56px
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-video.mdc-list-item--with-one-line,
.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
    margin-left: 8px;
    margin-right: 24px
}

.mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
    margin-left: 24px;
    margin-right: 8px
}

.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line {
    height: 56px
}

.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-leading-radio.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-leading-radio .mdc-list-item__start {
    margin-left: 8px;
    margin-right: 24px
}

.mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start {
    margin-left: 24px;
    margin-right: 8px
}

.mdc-list-item--with-leading-radio .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line {
    height: 56px
}

.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-leading-switch.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-leading-switch .mdc-list-item__start,
.mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl],
[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.mdc-list-item--with-leading-switch .mdc-list-item__start {
    width: 36px;
    height: 20px
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line {
    height: 56px
}

.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines {
    height: 72px
}

.mdc-list-item--with-trailing-icon.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

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

.mdc-list-item--with-trailing-icon .mdc-list-item__end {
    width: 24px;
    height: 24px
}

.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end,
.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.mdc-list-item--with-trailing-meta.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    margin-left: 28px;
    margin-right: 16px
}

.mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {
    margin-left: 16px;
    margin-right: 28px
}

.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    -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--with-trailing-checkbox.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
    margin-left: 24px;
    margin-right: 8px
}

.mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
    margin-left: 8px;
    margin-right: 24px
}

.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
    width: 40px;
    height: 40px
}

.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.mdc-list-item--with-trailing-radio.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-list-item--with-trailing-radio .mdc-list-item__end {
    margin-left: 24px;
    margin-right: 8px
}

.mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end {
    margin-left: 8px;
    margin-right: 24px
}

.mdc-list-item--with-trailing-radio .mdc-list-item__end {
    width: 40px;
    height: 40px
}

.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.mdc-list-item--with-trailing-switch.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

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

.mdc-list-item--with-trailing-switch .mdc-list-item__end {
    width: 36px;
    height: 20px
}

.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

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

.mdc-list-group .mdc-deprecated-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
}

.mdc-list-divider {
    background-color: rgba(0, 0, 0, .12);
    height: 1px;
    padding: 0;
    background-clip: content-box
}

.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
.mdc-list-divider.mdc-list-divider--with-leading-inset {
    padding-left: 16px;
    padding-right: auto
}

.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
.mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl],
.mdc-list-divider.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 16px
}

.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl],
.mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl],
[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset {
    padding-left: 16px;
    padding-right: auto
}

.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset {
    padding-left: 0;
    padding-right: auto
}

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

.mdc-list-divider[dir=rtl],
[dir=rtl] .mdc-list-divider {
    padding: 0
}

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-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);
    will-change: transform, opacity
}

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

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

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

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

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-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-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple:after {
    animation: n 225ms forwards, o 75ms forwards
}

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

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

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-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-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple:after,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple:before {
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-opacity, .12)
}

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-opacity, .16)
}

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

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-opacity, .12)
}

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-opacity, .16)
}

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

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

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-opacity, .08)
}

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-opacity, .12)
}

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

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

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-opacity, .08)
}

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

:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-opacity, .12)
}

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

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

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

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

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

.mdc-deprecated-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);
    will-change: transform, opacity
}

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

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

.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

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

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

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

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

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

.mdc-deprecated-list-item--disabled .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

.mdc-deprecated-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-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple:after {
    animation: n 225ms forwards, o 75ms forwards
}

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

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

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

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

.mdc-deprecated-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-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple:after,
.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple:before,
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple:after,
.mdc-deprecated-list-item--disabled .mdc-list-item__ripple:before {
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

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

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

: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);
    will-change: transform, opacity
}

: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;
    z-index: var(--mdc-ripple-z-index, 1)
}

:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

: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: n 225ms forwards, o 75ms forwards
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple:after {
    animation: p .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;
    background-color: var(--mdc-ripple-color, #000)
}

:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

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

:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-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-ripple-color, var(--mdc-theme-primary, #6200ee))
}

:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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;
    opacity: var(--mdc-ripple-press-opacity, .24)
}

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

:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-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-ripple-color, var(--mdc-theme-primary, #6200ee))
}

:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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;
    opacity: var(--mdc-ripple-press-opacity, .2)
}

:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-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);
    will-change: transform, opacity
}

.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;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-list-item--disabled .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.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: n 225ms forwards, o 75ms forwards
}

.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple:after {
    animation: p .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;
    background-color: var(--mdc-ripple-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;
    opacity: var(--mdc-ripple-focus-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-width: var(--mdc-menu-max-width, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    max-height: var(--mdc-menu-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), height .25s 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--animating-open {
    display: inline-block;
    transform: scale(.8);
    opacity: 0
}

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

.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;
    pointer-events: none;
    opacity: 0;
    opacity: var(--mdc-elevation-overlay-opacity, 0);
    transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
    background-color: #fff;
    background-color: var(--mdc-elevation-overlay-color, #fff)
}

.mdc-menu {
    min-width: 112px;
    min-width: var(--mdc-menu-min-width, 112px)
}

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

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

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

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

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

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

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

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

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

.mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl],
[dir=rtl] .mdc-menu__selection-group .mdc-deprecated-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 {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

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

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

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

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

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

.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.mdc-select--disabled .mdc-select__dropdown-icon {
    fill: rgba(0, 0, 0, .38)
}

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

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

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

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

@media (-ms-high-contrast:active),
screen and (forced-colors: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 {
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.mdc-select .mdc-select__anchor {
    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-deprecated-list-item,
.mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl],
[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item {
    padding-left: 16px;
    padding-right: 16px
}

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

.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl],
[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-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: 200px;
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    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__selected-text-container {
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    pointer-events: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 28px;
    border: none;
    outline: none;
    padding: 0;
    background-color: transparent;
    color: inherit
}

.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);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: left
}

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

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label,
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.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--disabled {
    cursor: default;
    pointer-events: none
}

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

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

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

.mdc-select__menu .mdc-list-item__start {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

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

.mdc-select__one-line-option.mdc-list-item--with-one-line {
    height: 48px
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines {
    height: 64px
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start {
    margin-top: 20px
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 36px;
    content: "";
    vertical-align: 0
}

.mdc-select__option-with-leading-content {
    padding-left: 0;
    padding-right: 12px
}

.mdc-select__option-with-leading-content.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-select__option-with-leading-content.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-select__option-with-leading-content .mdc-list-item__start {
    margin-left: 12px;
    margin-right: 0
}

.mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl],
[dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start {
    margin-left: 0;
    margin-right: 12px
}

.mdc-select__option-with-leading-content .mdc-list-item__start {
    width: 36px;
    height: 24px
}

.mdc-select__option-with-leading-content[dir=rtl],
[dir=rtl] .mdc-select__option-with-leading-content {
    padding-left: 12px;
    padding-right: 0
}

.mdc-select__option-with-meta.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.mdc-select__option-with-meta.mdc-list-item[dir=rtl],
[dir=rtl] .mdc-select__option-with-meta.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.mdc-select__option-with-meta .mdc-list-item__end,
.mdc-select__option-with-meta .mdc-list-item__end[dir=rtl],
[dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end {
    margin-left: 12px;
    margin-right: 12px
}

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

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

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

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

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

.mdc-select--filled .mdc-select__anchor {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple:after,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple:before,
.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--outlined {
    border: none
}

.mdc-select--outlined .mdc-select__anchor {
    height: 56px
}

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

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

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

@supports(top:max(0%)) {
    .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
    }
}

@supports(top:max(0%)) {
    .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
    }
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 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-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

@supports(top:max(0%)) {
    .mdc-select--outlined .mdc-select__anchor {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.mdc-select--outlined .mdc-select__anchor[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-select__anchor {
    padding-left: 0
}

@supports(top:max(0%)) {

    .mdc-select--outlined .mdc-select__anchor[dir=rtl],
    [dir=rtl] .mdc-select--outlined .mdc-select__anchor {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top:max(0%)) {
    .mdc-select--outlined+.mdc-select-helper-text {
        margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.mdc-select--outlined+.mdc-select-helper-text[dir=rtl],
[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text {
    margin-left: 0
}

@supports(top:max(0%)) {

    .mdc-select--outlined+.mdc-select-helper-text[dir=rtl],
    [dir=rtl] .mdc-select--outlined+.mdc-select-helper-text {
        margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

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

.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__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.mdc-select--outlined .mdc-select__anchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    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-container {
    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-container {
    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;
    left: 4px;
    right: auto
}

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

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

.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--invalid: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--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.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: #b00020;
    border-color: var(--mdc-theme-error, #b00020)
}

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

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

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

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

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

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

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

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

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

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

.mdc-select--outlined .mdc-menu-surface {
    margin-bottom: 8px
}

.mdc-select--outlined .mdc-menu-surface--is-open-below,
.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface {
    margin-bottom: 0
}

.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);
    will-change: transform, opacity
}

.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;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-select__anchor .mdc-select__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.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: n 225ms forwards, o 75ms forwards
}

.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple:after {
    animation: p .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);
    background-color: var(--mdc-ripple-color, rgba(0, 0, 0, .87))
}

.mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple:before,
.mdc-select__anchor:hover .mdc-select__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple:after,
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple:before {
    background-color: #000;
    background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))
}

.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

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

.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.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-checkbox {
    padding: 11px;
    padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    margin: 0px;
    margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)
}

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

.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple:before,
.mdc-checkbox:hover .mdc-checkbox__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

.mdc-checkbox.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.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-ripple-color, var(--mdc-theme-secondary, #018786))
}

.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple:before,
.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-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-ripple-color, var(--mdc-theme-secondary, #018786))
}

.mdc-checkbox .mdc-checkbox__background {
    top: 11px;
    top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
    left: 11px;
    left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)
}

.mdc-checkbox .mdc-checkbox__native-control {
    top: 0px;
    top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    right: 0px;
    right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    left: 0px;
    left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
    width: 40px;
    width: var(--mdc-checkbox-touch-target-size, 40px);
    height: 40px;
    height: var(--mdc-checkbox-touch-target-size, 40px)
}

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

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

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

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

@keyframes b {

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

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

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

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

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

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

.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
    color: #fff;
    color: var(--mdc-checkbox-ink-color, #fff)
}

.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: #fff;
    border-color: var(--mdc-checkbox-ink-color, #fff)
}

.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
    color: #fff;
    color: var(--mdc-checkbox-ink-color, #fff)
}

.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: #fff;
    border-color: var(--mdc-checkbox-ink-color, #fff)
}

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

@keyframes c {

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

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

    to {
        stroke-dashoffset: 0
    }
}

@keyframes d {

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

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

    to {
        transform: scaleX(1)
    }
}

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

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

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

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

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

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

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

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

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

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

@keyframes j {
    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
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
    .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
        border-color: GrayText;
        border-color: var(--mdc-checkbox-disabled-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;
        background-color: var(--mdc-checkbox-disabled-color, transparent)
    }

    .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
        color: GrayText;
        color: var(--mdc-checkbox-ink-color, GrayText)
    }

    .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
        border-color: GrayText;
        border-color: var(--mdc-checkbox-ink-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__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--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: c .18s linear 0s;
    transition: none
}

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

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

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

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

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

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

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
    animation: j .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__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;
    margin: calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)
}

.mdc-checkbox--touch .mdc-checkbox__native-control {
    top: -4px;
    top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
    right: -4px;
    right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
    left: -4px;
    left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
    width: 48px;
    width: var(--mdc-checkbox-state-layer-size, 48px);
    height: 48px;
    height: var(--mdc-checkbox-state-layer-size, 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-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
    transition: none
}

.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);
    will-change: transform, opacity
}

.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;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-checkbox .mdc-checkbox__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.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: n 225ms forwards, o 75ms forwards
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple:after {
    animation: p .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 {
    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 {
    z-index: 0
}

.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
    z-index: -1;
    z-index: var(--mdc-ripple-z-index, -1)
}

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

.mdc-radio {
    padding: 10px
}

.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: 0px;
    right: 0px;
    left: 0px;
    width: 40px;
    height: 40px
}

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

    .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: GrayText
    }
}

.mdc-radio {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-sizing: content-box;
    cursor: pointer;
    will-change: opacity, transform, border-color, color
}

.mdc-radio,
.mdc-radio__background {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px
}

.mdc-radio__background {
    box-sizing: border-box
}

.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);
    will-change: transform, opacity
}

.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;
    z-index: var(--mdc-ripple-z-index, 1)
}

.mdc-radio .mdc-radio__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.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: n 225ms forwards, o 75ms forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple:after {
    animation: p .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-ripple-color, var(--mdc-theme-secondary, #018786))
}

.mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple:before,
.mdc-radio:hover .mdc-radio__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-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;
    opacity: var(--mdc-ripple-focus-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;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

.mdc-radio.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background:before,
.mdc-radio.mdc-ripple-upgraded .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
}

: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
}

:root {
    --mobile: 0px;
    --tablet: 768px;
    --desktop: 1024px;
    --over-grid: 1280px;
    --w-xl: 1460px;
    --w-2xl: 1920px;
    --text-smaller: 1rem;
    --text-small: 1.2rem;
    --text-sm: 1.4rem;
    --text-base: 1.6rem;
    --text-lg: 1.8rem;
    --text-xl: 2rem;
    --text-2xl: 2.4rem;
    --text-3xl: 3rem;
    --text-4xl: 4rem;
    --text-4-5xl: 4.5rem;
    --text-5xl: 5rem;
    --text-5-5xl: 5.5rem;
    --text-6xl: 6rem;
    --text-7xl: 7rem;
    --text-7-5xl: 7.5rem;
    --text-8xl: 8rem;
    --text-10xl: 10rem;
    --spacing-0: 0;
    --spacing-1: 0.4rem;
    --spacing-2: 0.8rem;
    --spacing-3: 1.2rem;
    --spacing-4: 1.6rem;
    --spacing-6: 2rem;
    --spacing-7: 2.5rem;
    --spacing-8: 3.2rem;
    --spacing-10: 5rem;
    --rounded-sm: 0.2rem;
    --rounded-md: 0.6rem;
    --rounded-lg: 0.8rem;
    --rounded-xl: 1rem;
    --rounded-2xl: 2.4rem;
    --rounded-round: 500px;
    --leading-3: 0.75rem;
    --leading-4: 1rem;
    --leading-5: 1.25rem;
    --leading-6: 1.5rem;
    --leading-7: 1.75rem;
    --leading-8: 2rem;
    --leading-9: 2.25rem;
    --leading-10: 2.5rem;
    --leading-11: 2.75rem;
    --leading-12: 3rem;
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --font-thin: 100;
    --font-extralight: 200;
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    --main: #c00;
    --white: #fff;
    --black: #000;
    --gray-50: #f2f2f2;
    --gray-100: #e0e0e0;
    --gray-200: #c6c6c6;
    --gray-300: #a8a8a8;
    --gray-400: #8d8d8d;
    --gray-500: #6f6f6f;
    --gray-600: #676767;
    --gray-700: #474747;
    --gray-800: #262626;
    --gray-900: #161616;
    --green-50: #f0fdf4;
    --green-100: #dcfce7;
    --green-200: #bbf7d0;
    --green-300: #86efac;
    --green-400: #4ade80;
    --green-500: #22c55e;
    --green-600: #16a34a;
    --green-700: #15803d;
    --green-800: #166534;
    --green-900: #14532d;
    --green-950: #052e16;
    --info-area-background: #e0e0e0;
    --critical-area-color: #ef4444;
    --critical-area-background: #ffe6e6;
    --input-background: #e0e0e0;
    --input-text-background: #e0e0e0;
    --navbar-height: 56px;
    --theme-main-background-color: #fff;
    --theme-invert-background-color: #000;
    --theme-main-font-color: #000;
    --theme-invert-font-color: #fff;
    --theme-placeholder-background-color: #f2f2f2
}

._btn {
    font-family: M, OS, Arial;
    border-radius: 8px;
    text-align: center;
    transition: background-color .3s ease-in-out;
    outline: none;
    font-weight: 600;
    position: relative;
    border: 2px solid;
    cursor: pointer
}

._btn.btn-loading {
    color: transparent
}

._btn.btn-loading:before {
    position: absolute;
    left: calc(50% - 12px);
    top: 5px;
    content: url("https://www.iliad.it/assets/icons/design-system/button/spinner.svg");
    margin: auto;
    width: 25px;
    height: 25px;
    display: block;
    border: none !important;
    animation: rotating-u9si5ee 1s linear infinite
}

._btn:focus-visible:not(.btn-loading),
._btn:focus:not(.btn-loading) {
    position: relative
}

._btn:focus-visible:not(.btn-loading):before,
._btn:focus:not(.btn-loading):before {
    position: absolute;
    top: -5px;
    left: -5px;
    content: "";
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 2px solid;
    border-radius: 10px
}

a._btn {
    display: inline-block
}

.btn-style-red {
    color: #fff;
    background-color: #c00;
    border-color: #c00
}

.btn-style-red:hover {
    background-color: #d62727;
    border-color: #d62727;
    color: #fff
}

.btn-style-red:active {
    background-color: #b30000;
    border-color: #b30000
}

.btn-style-black {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-style-black:hover {
    background-color: #262626;
    border-color: #262626
}

.btn-style-black:focus,
.btn-style-black:focus-visible {
    background: #161616;
    background: var(--gray-900);
    border-color: #161616;
    border-color: var(--gray-900)
}

.btn-style-white {
    color: #000;
    background-color: #fff;
    border-color: gray;
    border-width: 1px
}

.btn-style-white:hover {
    background-color: #f6f6f6;
    color: #000
}

.btn-style-white:focus,
.btn-style-white:focus-visible {
    color: #fff;
    background: #161616;
    background: var(--gray-900);
    border-color: #161616;
    border-color: var(--gray-900)
}

.btn-style-outline {
    color: #6f6f6f;
    color: var(--gray-500);
    background-color: transparent;
    border: 2px solid #a8a8a8
}

.btn-style-outline:hover {
    background-color: #f4f4f4
}

.btn-style-outline:active,
.btn-style-outline:focus,
.btn-style-outline:focus-visible,
.btn-style-outline:hover {
    border-color: #6f6f6f;
    border-color: var(--gray-500)
}

.btn-size-large {
    padding: 1.2rem 2.4rem
}

.btn-size-large,
.btn-size-medium {
    font-size: 1.6rem;
    line-height: 1.8rem
}

.btn-size-medium {
    padding: .8rem 1.6rem
}

.btn-size-small {
    font-size: 1.4rem;
    line-height: 1.4rem;
    padding: .8rem
}

.btn-style-black.btn-loading:before,
.btn-style-red.btn-loading:before {
    color: #fff !important
}

.btn-style-outile.btn-loading:before {
    color: #6f6f6f !important
}

.card__border {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex
}

.card__border .left-b {
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    -ms-flex: 1;
    flex: 1
}

.card__border .border-text-top {
    border-bottom: 1px solid;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 15px
}

.card__border .border-text-top h3 {
    margin: 0;
    transform: translateY(-50%)
}

.card__border .right-b {
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    -ms-flex: 1;
    flex: 1
}

.card__border .border-text-top,
.card__border .left-b,
.card__border .right-b {
    border-color: #000
}

.card__border.border-white .border-text-top,
.card__border.border-white .left-b,
.card__border.border-white .right-b {
    border-color: #fff
}

:root {
    --header-height: 0px
}

.main .mdc-switch {
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 0;
    position: relative
}

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

.main .mdc-switch__track {
    overflow: hidden;
    position: relative;
    width: 100%
}

.main .mdc-switch__track:after,
.main .mdc-switch__track:before {
    border: 1px solid transparent;
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.main .mdc-switch__track:before {
    transition: transform 75ms cubic-bezier(0, 0, .2, 1) 0ms;
    transform: translateX(0)
}

.main .mdc-switch__track:after {
    transition: transform 75ms cubic-bezier(.4, 0, .6, 1) 0ms;
    transform: translateX(-100%)
}

.main .mdc-switch__track[dir=rtl]:after,
.main [dir=rtl] .mdc-switch__track:after {
    transform: translateX(100%)
}

.main .mdc-switch--selected .mdc-switch__track:before {
    transition: transform 75ms cubic-bezier(.4, 0, .6, 1) 0ms;
    transform: translateX(100%)
}

.main .mdc-switch--selected .mdc-switch__track[dir=rtl]:before,
.main [dir=rtl] .mdc-switch--selected .mdc-switch__track:before {
    transform: translateX(-100%)
}

.main .mdc-switch--selected .mdc-switch__track:after {
    transition: transform 75ms cubic-bezier(0, 0, .2, 1) 0ms;
    transform: translateX(0)
}

.main .mdc-switch__handle-track {
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: transform 75ms cubic-bezier(.4, 0, .2, 1) 0ms;
    left: 0;
    right: auto;
    transform: translateX(0)
}

.main .mdc-switch__handle-track[dir=rtl],
.main [dir=rtl] .mdc-switch__handle-track {
    left: auto;
    right: 0
}

.main .mdc-switch--selected .mdc-switch__handle-track {
    transform: translateX(100%)
}

.main .mdc-switch--selected .mdc-switch__handle-track[dir=rtl],
.main [dir=rtl] .mdc-switch--selected .mdc-switch__handle-track {
    transform: translateX(-100%)
}

.main .mdc-switch__handle {
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: auto
}

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

.main .mdc-switch__handle:after,
.main .mdc-switch__handle:before {
    border: 1px solid transparent;
    border-radius: inherit;
    box-sizing: border-box;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 75ms cubic-bezier(.4, 0, .2, 1) 0ms, border-color 75ms cubic-bezier(.4, 0, .2, 1) 0ms;
    z-index: -1
}

.main .mdc-switch__shadow {
    border-radius: inherit;
    position: absolute
}

.main .mdc-elevation-overlay,
.main .mdc-switch__shadow {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.main .mdc-switch__ripple {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.main .mdc-switch:disabled .mdc-switch__ripple {
    display: none
}

.main .mdc-switch__icons {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.main .mdc-switch__icon {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: opacity 30ms cubic-bezier(.4, 0, 1, 1) 0ms
}

.main .mdc-switch--selected .mdc-switch__icon--on,
.main .mdc-switch--unselected .mdc-switch__icon--off {
    opacity: 1;
    transition: opacity 45ms cubic-bezier(0, 0, .2, 1) 30ms
}

.main .mdc-switch {
    --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);
    will-change: transform, opacity
}

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

.main .mdc-switch .mdc-switch__ripple:before {
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1;
    z-index: var(--mdc-ripple-z-index, 1)
}

.main .mdc-switch .mdc-switch__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

.main .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple:before {
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.main .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple:after {
    top: 0;
    left: 0;
    transform: scale(0);
    transform-origin: center center
}

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

.main .mdc-switch.mdc-ripple-upgraded--foreground-activation .mdc-switch__ripple:after {
    animation: n 225ms forwards, o 75ms forwards
}

.main .mdc-switch.mdc-ripple-upgraded--foreground-deactivation .mdc-switch__ripple:after {
    animation: p .15s;
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

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

.main .mdc-switch.mdc-ripple-upgraded .mdc-switch__ripple:after,
.main .mdc-switch.mdc-ripple-upgraded .mdc-switch__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%)
}

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

.main .mdc-switch {
    width: 36px;
    width: var(--mdc-switch-track-width, 36px)
}

.main .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after {
    background: #6200ee;
    background: var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #6200ee))
}

.main .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle:after {
    background: #310077;
    background: var(--mdc-switch-selected-hover-handle-color, #310077)
}

.main .mdc-switch.mdc-switch--selected:enabled:focus:not(:active) .mdc-switch__handle:after {
    background: #310077;
    background: var(--mdc-switch-selected-focus-handle-color, #310077)
}

.main .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__handle:after {
    background: #310077;
    background: var(--mdc-switch-selected-pressed-handle-color, #310077)
}

.main .mdc-switch.mdc-switch--selected:disabled .mdc-switch__handle:after {
    background: #424242;
    background: var(--mdc-switch-disabled-selected-handle-color, #424242)
}

.main .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after {
    background: #616161;
    background: var(--mdc-switch-unselected-handle-color, #616161)
}

.main .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):not(:active) .mdc-switch__handle:after {
    background: #212121;
    background: var(--mdc-switch-unselected-hover-handle-color, #212121)
}

.main .mdc-switch.mdc-switch--unselected:enabled:focus:not(:active) .mdc-switch__handle:after {
    background: #212121;
    background: var(--mdc-switch-unselected-focus-handle-color, #212121)
}

.main .mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__handle:after {
    background: #212121;
    background: var(--mdc-switch-unselected-pressed-handle-color, #212121)
}

.main .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__handle:after {
    background: #424242;
    background: var(--mdc-switch-disabled-unselected-handle-color, #424242)
}

.main .mdc-switch .mdc-switch__handle:before {
    background: #fff;
    background: var(--mdc-switch-handle-surface-color, var(--mdc-theme-surface, #fff))
}

.main .mdc-switch:enabled .mdc-switch__shadow {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: var(--mdc-switch-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
    --mdc-elevation-box-shadow-for-gss: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)
}

.main .mdc-switch:disabled .mdc-switch__shadow {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
    box-shadow: var(--mdc-switch-disabled-handle-elevation, var(--mdc-elevation-box-shadow-for-gss));
    --mdc-elevation-box-shadow-for-gss: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)
}

.main .mdc-switch .mdc-switch__handle {
    height: 20px;
    height: var(--mdc-switch-handle-height, 20px)
}

.main .mdc-switch:disabled .mdc-switch__handle:after {
    opacity: .38;
    opacity: var(--mdc-switch-disabled-handle-opacity, .38)
}

.main .mdc-switch .mdc-switch__handle {
    border-radius: 10px;
    border-radius: var(--mdc-switch-handle-shape, 10px);
    width: 20px;
    width: var(--mdc-switch-handle-width, 20px)
}

.main .mdc-switch .mdc-switch__handle-track {
    width: calc(100% - 20px);
    width: calc(100% - var(--mdc-switch-handle-width, 20px))
}

.main .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
    fill: #fff;
    fill: var(--mdc-switch-selected-icon-color, var(--mdc-theme-on-primary, #fff))
}

.main .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
    fill: #fff;
    fill: var(--mdc-switch-disabled-selected-icon-color, var(--mdc-theme-on-primary, #fff))
}

.main .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
    fill: #fff;
    fill: var(--mdc-switch-unselected-icon-color, var(--mdc-theme-on-primary, #fff))
}

.main .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
    fill: #fff;
    fill: var(--mdc-switch-disabled-unselected-icon-color, var(--mdc-theme-on-primary, #fff))
}

.main .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
    opacity: .38;
    opacity: var(--mdc-switch-disabled-selected-icon-opacity, .38)
}

.main .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
    opacity: .38;
    opacity: var(--mdc-switch-disabled-unselected-icon-opacity, .38)
}

.main .mdc-switch.mdc-switch--selected .mdc-switch__icon {
    width: 18px;
    width: var(--mdc-switch-selected-icon-size, 18px);
    height: 18px;
    height: var(--mdc-switch-selected-icon-size, 18px)
}

.main .mdc-switch.mdc-switch--unselected .mdc-switch__icon {
    width: 18px;
    width: var(--mdc-switch-unselected-icon-size, 18px);
    height: 18px;
    height: var(--mdc-switch-unselected-icon-size, 18px)
}

.main .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple:after,
.main .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus) .mdc-switch__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-switch-selected-hover-state-layer-color, var(--mdc-theme-primary, #6200ee))
}

.main .mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple:after,
.main .mdc-switch.mdc-switch--selected:enabled:focus .mdc-switch__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-switch-selected-focus-state-layer-color, var(--mdc-theme-primary, #6200ee))
}

.main .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple:after,
.main .mdc-switch.mdc-switch--selected:enabled:active .mdc-switch__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-switch-selected-pressed-state-layer-color, var(--mdc-theme-primary, #6200ee))
}

.main .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple:after,
.main .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus) .mdc-switch__ripple:before {
    background-color: #424242;
    background-color: var(--mdc-switch-unselected-hover-state-layer-color, #424242)
}

.main .mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple:after,
.main .mdc-switch.mdc-switch--unselected:enabled:focus .mdc-switch__ripple:before {
    background-color: #424242;
    background-color: var(--mdc-switch-unselected-focus-state-layer-color, #424242)
}

.main .mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple:after,
.main .mdc-switch.mdc-switch--unselected:enabled:active .mdc-switch__ripple:before {
    background-color: #424242;
    background-color: var(--mdc-switch-unselected-pressed-state-layer-color, #424242)
}

.main .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple:before,
.main .mdc-switch.mdc-switch--selected:enabled:hover:not(:focus):hover .mdc-switch__ripple:before {
    opacity: .04;
    opacity: var(--mdc-switch-selected-hover-state-layer-opacity, .04)
}

.main .mdc-switch.mdc-switch--selected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple:before,
.main .mdc-switch.mdc-switch--selected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-switch-selected-focus-state-layer-opacity, .12)
}

.main .mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple:after {
    transition: opacity .15s linear
}

.main .mdc-switch.mdc-switch--selected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple:after {
    transition-duration: 75ms;
    opacity: .1;
    opacity: var(--mdc-switch-selected-pressed-state-layer-opacity, .1)
}

.main .mdc-switch.mdc-switch--selected:enabled:active.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-switch-selected-pressed-state-layer-opacity, 0.1)
}

.main .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus).mdc-ripple-surface--hover .mdc-switch__ripple:before,
.main .mdc-switch.mdc-switch--unselected:enabled:hover:not(:focus):hover .mdc-switch__ripple:before {
    opacity: .04;
    opacity: var(--mdc-switch-unselected-hover-state-layer-opacity, .04)
}

.main .mdc-switch.mdc-switch--unselected:enabled:focus.mdc-ripple-upgraded--background-focused .mdc-switch__ripple:before,
.main .mdc-switch.mdc-switch--unselected:enabled:focus:not(.mdc-ripple-upgraded):focus .mdc-switch__ripple:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-switch-unselected-focus-state-layer-opacity, .12)
}

.main .mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded) .mdc-switch__ripple:after {
    transition: opacity .15s linear
}

.main .mdc-switch.mdc-switch--unselected:enabled:active:not(.mdc-ripple-upgraded):active .mdc-switch__ripple:after {
    transition-duration: 75ms;
    opacity: .1;
    opacity: var(--mdc-switch-unselected-pressed-state-layer-opacity, .1)
}

.main .mdc-switch.mdc-switch--unselected:enabled:active.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-switch-unselected-pressed-state-layer-opacity, 0.1)
}

.main .mdc-switch .mdc-switch__ripple {
    height: 48px;
    height: var(--mdc-switch-state-layer-size, 48px);
    width: 48px;
    width: var(--mdc-switch-state-layer-size, 48px)
}

.main .mdc-switch .mdc-switch__track {
    height: 14px;
    height: var(--mdc-switch-track-height, 14px)
}

.main .mdc-switch:disabled .mdc-switch__track {
    opacity: .12;
    opacity: var(--mdc-switch-disabled-track-opacity, .12)
}

.main .mdc-switch:enabled .mdc-switch__track:after {
    background: #d7bbff;
    background: var(--mdc-switch-selected-track-color, #d7bbff)
}

.main .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track:after {
    background: #d7bbff;
    background: var(--mdc-switch-selected-hover-track-color, #d7bbff)
}

.main .mdc-switch:enabled:focus:not(:active) .mdc-switch__track:after {
    background: #d7bbff;
    background: var(--mdc-switch-selected-focus-track-color, #d7bbff)
}

.main .mdc-switch:enabled:active .mdc-switch__track:after {
    background: #d7bbff;
    background: var(--mdc-switch-selected-pressed-track-color, #d7bbff)
}

.main .mdc-switch:disabled .mdc-switch__track:after {
    background: #424242;
    background: var(--mdc-switch-disabled-selected-track-color, #424242)
}

.main .mdc-switch:enabled .mdc-switch__track:before {
    background: #e0e0e0;
    background: var(--mdc-switch-unselected-track-color, #e0e0e0)
}

.main .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track:before {
    background: #e0e0e0;
    background: var(--mdc-switch-unselected-hover-track-color, #e0e0e0)
}

.main .mdc-switch:enabled:focus:not(:active) .mdc-switch__track:before {
    background: #e0e0e0;
    background: var(--mdc-switch-unselected-focus-track-color, #e0e0e0)
}

.main .mdc-switch:enabled:active .mdc-switch__track:before {
    background: #e0e0e0;
    background: var(--mdc-switch-unselected-pressed-track-color, #e0e0e0)
}

.main .mdc-switch:disabled .mdc-switch__track:before {
    background: #424242;
    background: var(--mdc-switch-disabled-unselected-track-color, #424242)
}

.main .mdc-switch .mdc-switch__track {
    border-radius: 7px;
    border-radius: var(--mdc-switch-track-shape, 7px)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
    .main .mdc-switch:disabled .mdc-switch__handle:after {
        opacity: 1;
        opacity: var(--mdc-switch-disabled-handle-opacity, 1)
    }

    .main .mdc-switch.mdc-switch--selected:enabled .mdc-switch__icon {
        fill: ButtonText;
        fill: var(--mdc-switch-selected-icon-color, ButtonText)
    }

    .main .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icon {
        fill: GrayText;
        fill: var(--mdc-switch-disabled-selected-icon-color, GrayText)
    }

    .main .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
        fill: ButtonText;
        fill: var(--mdc-switch-unselected-icon-color, ButtonText)
    }

    .main .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icon {
        fill: GrayText;
        fill: var(--mdc-switch-disabled-unselected-icon-color, GrayText)
    }

    .main .mdc-switch.mdc-switch--selected:disabled .mdc-switch__icons {
        opacity: 1;
        opacity: var(--mdc-switch-disabled-selected-icon-opacity, 1)
    }

    .main .mdc-switch.mdc-switch--unselected:disabled .mdc-switch__icons {
        opacity: 1;
        opacity: var(--mdc-switch-disabled-unselected-icon-opacity, 1)
    }

    .main .mdc-switch:disabled .mdc-switch__track {
        opacity: 1;
        opacity: var(--mdc-switch-disabled-track-opacity, 1)
    }
}

.main .mdc-switch {
    --mdc-switch-disabled-handle-opacity: 0.38;
    --mdc-switch-disabled-track-opacity: 0.38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-surface-color: #fff;
    --mdc-switch-track-height: 22px;
    --mdc-switch-track-shape: 10px;
    --mdc-switch-track-width: 40px;
    --mdc-switch-disabled-selected-track-color: #3ea662;
    --mdc-switch-disabled-selected-handle-color: #fff;
    --mdc-switch-disabled-selected-icon-color: #ccc;
    --mdc-switch-disabled-unselected-track-color: #e8e8e8;
    --mdc-switch-disabled-unselected-handle-color: #fff;
    --mdc-switch-disabled-unselected-icon-color: #ccc;
    --mdc-switch-unselected-pressed-track-color: #e8e8e8;
    --mdc-switch-unselected-pressed-handle-color: #fff;
    --mdc-switch-unselected-pressed-state-layer-color: #fff;
    --mdc-switch-unselected-focus-state-layer-color: #fff;
    --mdc-switch-unselected-focus-track-color: #e8e8e8;
    --mdc-switch-unselected-focus-handle-color: #fff;
    --mdc-switch-unselected-hover-track-color: #e8e8e8;
    --mdc-switch-unselected-hover-handle-color: #fff;
    --mdc-switch-unselected-hover-state-layer-color: #fff;
    --mdc-switch-unselected-track-color: #e8e8e8;
    --mdc-switch-unselected-handle-color: #fff;
    --mdc-switch-unselected-icon-color: #ccc;
    --mdc-switch-selected-pressed-track-color: #3ea662;
    --mdc-switch-selected-pressed-handle-color: #fff;
    --mdc-switch-selected-pressed-state-layer-color: #fff;
    --mdc-switch-selected-focus-state-layer-color: #fff;
    --mdc-switch-selected-focus-track-color: #3ea662;
    --mdc-switch-selected-focus-handle-color: #fff;
    --mdc-switch-selected-hover-track-color: #3ea662;
    --mdc-switch-selected-hover-handle-color: #fff;
    --mdc-switch-selected-hover-state-layer-color: #fff;
    --mdc-switch-selected-track-color: #3ea662;
    --mdc-switch-selected-handle-color: #fff;
    --mdc-switch-selected-icon-color: #ccc
}

.main .mdc-switch,
.main .mdc-switch+label {
    vertical-align: middle
}

.main .mdc-switch.mdc-switch--selected .mdc-switch__track {
    background-color: #000;
    background-color: var(--mdc-switch-selected-track-color, #000)
}

.main .mdc-switch .mdc-switch__track {
    background-color: #000;
    background-color: var(--mdc-switch-unselected-track-color, #000)
}

.main .mdc-switch input[type=checkbox] {
    display: none
}

.main .mdc-switch__handle {
    left: 1px
}

.main .mdc-switch .mdc-switch__handle-track {
    width: calc(100% - 22px);
    width: calc(100% - (var(--mdc-switch-handle-width, 20px) + 2px))
}

.main .mdc-switch .mdc-switch__icon--off {
    stroke: #000;
    stroke: var(--mdc-switch-unselected-icon-color, #000)
}

.main .mdc-deprecated-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))
}

.main .mdc-deprecated-list:focus {
    outline: none
}

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

.main .mdc-deprecated-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))
}

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

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

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

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

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

.main .mdc-deprecated-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
}

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

.main .mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused:before,
.main .mdc-deprecated-list-item:not(.mdc-deprecated-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: "";
    pointer-events: none
}

.main .mdc-deprecated-list-item.mdc-deprecated-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: "";
    pointer-events: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .mdc-deprecated-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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .mdc-deprecated-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)
}

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

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

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

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

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

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

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

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

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

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

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

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

.main .mdc-deprecated-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
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .mdc-deprecated-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
}

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

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

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

.main .mdc-list-item--with-leading-icon .mdc-list-item__start,
.main .mdc-list-item--with-trailing-icon .mdc-list-item__end {
    background-color: transparent;
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

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

.main .mdc-list-item--disabled .mdc-list-item__content,
.main .mdc-list-item--disabled .mdc-list-item__end,
.main .mdc-list-item--disabled .mdc-list-item__start {
    opacity: .38
}

.main .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start,
.main .mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end,
.main .mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end,
.main .mdc-list-item--disabled .mdc-list-item__overline-text,
.main .mdc-list-item--disabled .mdc-list-item__primary-text,
.main .mdc-list-item--disabled .mdc-list-item__secondary-text {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.main .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start,
.main .mdc-list-item--activated .mdc-list-item__primary-text,
.main .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.main .mdc-list-item--selected .mdc-list-item__primary-text {
    color: #6200ee;
    color: var(--mdc-theme-primary, #6200ee)
}

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

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
    .main .mdc-list-divider:after {
        content: "";
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #fff
    }
}

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

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

.main .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;
    -ms-flex-align: stretch;
    align-items: stretch;
    cursor: pointer
}

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

.main .mdc-list-item.mdc-list-item--with-one-line {
    height: 48px
}

.main .mdc-list-item.mdc-list-item--with-two-lines {
    height: 64px
}

.main .mdc-list-item.mdc-list-item--with-three-lines {
    height: 88px
}

.main .mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 0
}

.main .mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start,
.main .mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.main .mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end,
.main .mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 0
}

.main .mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.main .mdc-list-item.mdc-list-item--disabled,
.main .mdc-list-item.mdc-list-item--non-interactive {
    cursor: auto
}

.main .mdc-list-item.mdc-ripple-upgraded--background-focused:before,
.main .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: "";
    pointer-events: none
}

.main .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: "";
    pointer-events: none
}

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

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

.main .mdc-list-item__start {
    fill: currentColor
}

.main .mdc-list-item__end,
.main .mdc-list-item__start {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    pointer-events: none
}

.main .mdc-list-item__content {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex: 1;
    flex: 1;
    pointer-events: none
}

.main .mdc-list-item--with-three-lines .mdc-list-item__content,
.main .mdc-list-item--with-two-lines .mdc-list-item__content {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

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

.main .mdc-list-item__primary-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);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.main .mdc-list-item--with-three-lines .mdc-list-item__primary-text,
.main .mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-three-lines .mdc-list-item__primary-text:before,
.main .mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-three-lines .mdc-list-item__primary-text:after,
.main .mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

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

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

.main .mdc-list-item--with-three-lines .mdc-list-item__secondary-text {
    white-space: normal;
    line-height: 20px
}

.main .mdc-list-item--with-overline .mdc-list-item__secondary-text {
    white-space: nowrap;
    line-height: auto
}

.main .mdc-list-item__overline-text {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .75rem;
    font-size: var(--mdc-typography-overline-font-size, .75rem);
    line-height: 2rem;
    line-height: var(--mdc-typography-overline-line-height, 2rem);
    font-weight: 500;
    font-weight: var(--mdc-typography-overline-font-weight, 500);
    letter-spacing: .1666666667em;
    letter-spacing: var(--mdc-typography-overline-letter-spacing, .1666666667em);
    text-decoration: none;
    -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
    -moz-text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-decoration: var(--mdc-typography-overline-text-decoration, none);
    text-transform: uppercase;
    text-transform: var(--mdc-typography-overline-text-transform, uppercase);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.main .mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-three-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-three-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-three-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

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

.main .mdc-list-item--with-leading-avatar .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line {
    height: 56px
}

.main .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-leading-avatar .mdc-list-item__start {
    border-radius: 50%
}

.main .mdc-list-item--with-leading-icon .mdc-list-item__start {
    width: 24px;
    height: 24px
}

.main .mdc-list-item--with-leading-icon.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-leading-icon .mdc-list-item__start {
    margin-left: 16px;
    margin-right: 32px
}

.main .mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {
    margin-left: 32px;
    margin-right: 16px
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.main .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-leading-thumbnail .mdc-list-item__start,
.main .mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.main .mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line {
    height: 56px
}

.main .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-leading-image.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-image.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-leading-image .mdc-list-item__start,
.main .mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.main .mdc-list-item--with-leading-image .mdc-list-item__start {
    width: 56px;
    height: 56px
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-image.mdc-list-item--with-one-line,
.main .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.main .mdc-list-item--with-leading-video.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-video.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-leading-video .mdc-list-item__start {
    margin-left: 0;
    margin-right: 16px
}

.main .mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start {
    margin-left: 16px;
    margin-right: 0
}

.main .mdc-list-item--with-leading-video .mdc-list-item__start {
    width: 100px;
    height: 56px
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-video.mdc-list-item--with-one-line,
.main .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
    margin-left: 8px;
    margin-right: 24px
}

.main .mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
    margin-left: 24px;
    margin-right: 8px
}

.main .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line {
    height: 56px
}

.main .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-leading-radio .mdc-list-item__start {
    margin-left: 8px;
    margin-right: 24px
}

.main .mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start {
    margin-left: 24px;
    margin-right: 8px
}

.main .mdc-list-item--with-leading-radio .mdc-list-item__start {
    width: 40px;
    height: 40px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-one-line {
    height: 56px
}

.main .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-leading-switch .mdc-list-item__start,
.main .mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start {
    margin-left: 16px;
    margin-right: 16px
}

.main .mdc-list-item--with-leading-switch .mdc-list-item__start {
    width: 36px;
    height: 20px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-one-line {
    height: 56px
}

.main .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines {
    height: 72px
}

.main .mdc-list-item--with-trailing-icon.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-trailing-icon .mdc-list-item__end,
.main .mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end {
    margin-left: 16px;
    margin-right: 16px
}

.main .mdc-list-item--with-trailing-icon .mdc-list-item__end {
    width: 24px;
    height: 24px
}

.main .mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end,
.main .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.main .mdc-list-item--with-trailing-meta.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-trailing-meta .mdc-list-item__end {
    margin-left: 28px;
    margin-right: 16px
}

.main .mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {
    margin-left: 16px;
    margin-right: 28px
}

.main .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-trailing-meta .mdc-list-item__end {
    -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)
}

.main .mdc-list-item--with-trailing-checkbox.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
    margin-left: 24px;
    margin-right: 8px
}

.main .mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
    margin-left: 8px;
    margin-right: 24px
}

.main .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
    width: 40px;
    height: 40px
}

.main .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.main .mdc-list-item--with-trailing-radio.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-trailing-radio .mdc-list-item__end {
    margin-left: 24px;
    margin-right: 8px
}

.main .mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end {
    margin-left: 8px;
    margin-right: 24px
}

.main .mdc-list-item--with-trailing-radio .mdc-list-item__end {
    width: 40px;
    height: 40px
}

.main .mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 8px
}

.main .mdc-list-item--with-trailing-switch.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-list-item--with-trailing-switch .mdc-list-item__end,
.main .mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl],
.main [dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end {
    margin-left: 16px;
    margin-right: 16px
}

.main .mdc-list-item--with-trailing-switch .mdc-list-item__end {
    width: 36px;
    height: 20px
}

.main .mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 16px
}

.main .mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.main .mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

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

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

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

.main .mdc-list-divider {
    background-color: rgba(0, 0, 0, .12);
    height: 1px;
    padding: 0;
    background-clip: content-box
}

.main .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
.main .mdc-list-divider.mdc-list-divider--with-leading-inset {
    padding-left: 16px;
    padding-right: auto
}

.main .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
.main .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl],
.main .mdc-list-divider.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
.main [dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset {
    padding-left: auto;
    padding-right: 16px
}

.main .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl],
.main .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl],
.main [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
.main [dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset {
    padding-left: 16px;
    padding-right: auto
}

.main .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset {
    padding-left: 0;
    padding-right: auto
}

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

.main .mdc-list-divider[dir=rtl],
.main [dir=rtl] .mdc-list-divider {
    padding: 0
}

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-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);
    will-change: transform, opacity
}

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

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

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

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

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

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

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

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

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

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-opacity, .12)
}

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-opacity, .16)
}

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-opacity, .12)
}

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-opacity, .16)
}

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24)
}

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-opacity, .08)
}

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-opacity, .12)
}

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-opacity, .08)
}

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-opacity, .12)
}

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

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

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

.main :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2)
}

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

.main .mdc-deprecated-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);
    will-change: transform, opacity
}

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

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

.main .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

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

.main .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple:after {
    animation: n 225ms forwards, o 75ms forwards
}

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

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

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

.main .mdc-deprecated-list-item--disabled .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

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

.main .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple:after {
    animation: n 225ms forwards, o 75ms forwards
}

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

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

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

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

.main .mdc-deprecated-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%)
}

.main .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple:after,
.main .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple:before,
.main .mdc-deprecated-list-item--disabled .mdc-list-item__ripple:after,
.main .mdc-deprecated-list-item--disabled .mdc-list-item__ripple:before {
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

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

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

.main :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);
    will-change: transform, opacity
}

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

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

.main :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

.main :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
}

.main :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)
}

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

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

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

.main :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%)
}

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

.main :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.main :not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

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

.main :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-activated-opacity, .12)
}

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

.main :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.main :not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple:before {
    opacity: .16;
    opacity: var(--mdc-ripple-hover-opacity, .16)
}

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

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

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

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

.main :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple:before {
    opacity: .08;
    opacity: var(--mdc-ripple-selected-opacity, .08)
}

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

.main :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.main :not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .12;
    opacity: var(--mdc-ripple-hover-opacity, .12)
}

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

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

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

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

.main :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
}

.main .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);
    will-change: transform, opacity
}

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

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

.main .mdc-list-item--disabled .mdc-list-item__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

.main .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)
}

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

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

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

.main .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%)
}

.main .mdc-list-item--disabled .mdc-list-item__ripple:after,
.main .mdc-list-item--disabled .mdc-list-item__ripple:before {
    background-color: #000;
    background-color: var(--mdc-ripple-color, #000)
}

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

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

.main .mdc-menu-surface {
    display: none;
    position: absolute;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-width: var(--mdc-menu-max-width, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    max-height: var(--mdc-menu-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), height .25s 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
}

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

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

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

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

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

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

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

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

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

.main .mdc-menu {
    min-width: 112px;
    min-width: var(--mdc-menu-min-width, 112px)
}

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

.main .mdc-menu .mdc-deprecated-list,
.main .mdc-menu .mdc-list {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

.main .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)
}

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

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

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

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

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

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

@keyframes k {
    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)
    }
}

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

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

.main .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)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .mdc-notched-outline--no-label .mdc-notched-outline__notch {
    display: none
}

.main .mdc-select {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

.main .mdc-select.mdc-select--disabled .mdc-select__icon {
    color: rgba(0, 0, 0, .38)
}

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

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

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

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

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

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

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

.main .mdc-select .mdc-select__anchor {
    padding-left: 16px;
    padding-right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .mdc-select__anchor {
    width: 200px;
    min-width: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    outline: none;
    cursor: pointer
}

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

.main .mdc-select__selected-text-container {
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    pointer-events: none;
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 28px;
    border: none;
    outline: none;
    padding: 0;
    background-color: transparent;
    color: inherit
}

.main .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);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
    text-align: left
}

.main .mdc-select__selected-text[dir=rtl],
.main [dir=rtl] .mdc-select__selected-text {
    text-align: right
}

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

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

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

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

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

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

.main .mdc-select__menu .mdc-list-item__start {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.main .mdc-select__option,
.main .mdc-select__option[dir=rtl],
.main [dir=rtl] .mdc-select__option {
    padding-left: 16px;
    padding-right: 16px
}

.main .mdc-select__one-line-option.mdc-list-item--with-one-line {
    height: 48px
}

.main .mdc-select__two-line-option.mdc-list-item--with-two-lines {
    height: 64px
}

.main .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start {
    margin-top: 20px
}

.main .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.main .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 28px;
    content: "";
    vertical-align: 0
}

.main .mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.main .mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
    display: block;
    margin-top: 0;
    line-height: normal
}

.main .mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end:before {
    display: inline-block;
    width: 0;
    height: 36px;
    content: "";
    vertical-align: 0
}

.main .mdc-select__option-with-leading-content {
    padding-left: 0;
    padding-right: 12px
}

.main .mdc-select__option-with-leading-content.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-select__option-with-leading-content.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-select__option-with-leading-content .mdc-list-item__start {
    margin-left: 12px;
    margin-right: 0
}

.main .mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl],
.main [dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start {
    margin-left: 0;
    margin-right: 12px
}

.main .mdc-select__option-with-leading-content .mdc-list-item__start {
    width: 36px;
    height: 24px
}

.main .mdc-select__option-with-leading-content[dir=rtl],
.main [dir=rtl] .mdc-select__option-with-leading-content {
    padding-left: 12px;
    padding-right: 0
}

.main .mdc-select__option-with-meta.mdc-list-item {
    padding-left: auto;
    padding-right: 0
}

.main .mdc-select__option-with-meta.mdc-list-item[dir=rtl],
.main [dir=rtl] .mdc-select__option-with-meta.mdc-list-item {
    padding-left: 0;
    padding-right: auto
}

.main .mdc-select__option-with-meta .mdc-list-item__end,
.main .mdc-select__option-with-meta .mdc-list-item__end[dir=rtl],
.main [dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end {
    margin-left: 12px;
    margin-right: 12px
}

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

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

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

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

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

.main .mdc-select--filled .mdc-select__anchor {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

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

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

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

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

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

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

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

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

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

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

.main .mdc-select--filled .mdc-floating-label {
    left: 16px;
    right: auto
}

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

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

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

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

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

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

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

.main .mdc-select--outlined .mdc-select__anchor {
    height: 56px
}

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

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

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

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

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

.main .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

.main .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.main [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

@supports(top:max(0%)) {
    .main .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
    }
}

@supports(top:max(0%)) {
    .main .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
    }
}

.main .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 0
}

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

@supports(top:max(0%)) {
    .main .mdc-select--outlined .mdc-select__anchor {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.main .mdc-select--outlined .mdc-select__anchor[dir=rtl],
.main [dir=rtl] .mdc-select--outlined .mdc-select__anchor {
    padding-left: 0
}

@supports(top:max(0%)) {

    .main .mdc-select--outlined .mdc-select__anchor[dir=rtl],
    .main [dir=rtl] .mdc-select--outlined .mdc-select__anchor {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top:max(0%)) {
    .main .mdc-select--outlined+.mdc-select-helper-text {
        margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.main .mdc-select--outlined+.mdc-select-helper-text[dir=rtl],
.main [dir=rtl] .mdc-select--outlined+.mdc-select-helper-text {
    margin-left: 0
}

@supports(top:max(0%)) {

    .main .mdc-select--outlined+.mdc-select-helper-text[dir=rtl],
    .main [dir=rtl] .mdc-select--outlined+.mdc-select-helper-text {
        margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

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

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

.main .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.main .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)
}

.main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.main .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)
}

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

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

.main .mdc-select--outlined .mdc-select__anchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    overflow: visible
}

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

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

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

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

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

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

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

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

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

.main .mdc-select--outlined .mdc-floating-label {
    line-height: 1.15rem;
    left: 4px;
    right: auto
}

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

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

.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.main .mdc-select--outlined.mdc-select--invalid: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)
}

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

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

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

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

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

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

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

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

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

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

.main .mdc-select--outlined .mdc-menu-surface {
    margin-bottom: 8px
}

.main .mdc-select--outlined .mdc-menu-surface--is-open-below,
.main .mdc-select--outlined.mdc-select--no-label .mdc-menu-surface {
    margin-bottom: 0
}

.main .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);
    will-change: transform, opacity
}

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

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

.main .mdc-select__anchor .mdc-select__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

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

.main .mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple:after {
    animation: n 225ms forwards, o 75ms forwards
}

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

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

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

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

.main .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple:before,
.main .mdc-select__anchor:hover .mdc-select__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

.main .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple:before,
.main .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

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

.main .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple:before,
.main .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

.main .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

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

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

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

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

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

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

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

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

.main .mdc-menu-surface {
    z-index: 250
}

.main .mdc-select {
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content
}

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

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

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

.main .mdc-select .mdc-select__anchor {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

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

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

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

.main .mdc-select .mdc-select__anchor .mdc-floating-label,
.main .mdc-select .mdc-select__anchor:before {
    display: none
}

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

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

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

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

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

.main .mdc-select .mdc-deprecated-list-item,
.main .mdc-select .mdc-select__one-line-option.mdc-list-item--with-one-line {
    height: 40px
}

.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-two-lines {
    height: 56px
}

.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines,
.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines,
.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines,
.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines,
.main .mdc-select .mdc-select__two-line-option.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines {
    height: 64px
}

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

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

.main .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon,
.main .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused):hover .mdc-select__dropdown-icon {
    fill: #2e2e2e
}

.main .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
    fill: #000
}

.main .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
    fill: #4d4d4d
}

.main .mdc-select:not(.mdc-select--disabled) .mdc-floating-label,
.main .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.main .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused):hover .mdc-floating-label {
    color: #1a1a1a
}

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

.main .mdc-select:not(.mdc-select--disabled) .mdc-line-ripple:after,
.main .mdc-select:not(.mdc-select--disabled) .mdc-line-ripple:before,
.main .mdc-select:not(.mdc-select--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #06c
}

.main .mdc-select.mdc-select--disabled .mdc-line-ripple:before {
    border-bottom-color: #eee
}

.main .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.main .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.main .mdc-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing,
.main .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.main .mdc-select:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #ddd
}

.main .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.main .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px;
    border-color: #8c8c8c
}

.main .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
.main .mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
.main .mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
    border-color: #eee
}

.main .mdc-select--filled .mdc-select__selected-text {
    padding-top: 15px
}

.main .mdc-select .mdc-select__anchor {
    height: 47px
}

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

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

.main .mdc-select .mdc-select__anchor .mdc-floating-label--shake {
    animation: m .25s 1
}

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

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

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

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

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

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

.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #dc0000
}

.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.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
}

.main .mdc-select--outlined.mdc-select--invalid.mdc-select--disabled .mdc-notched-outline__leading,
.main .mdc-select--outlined.mdc-select--invalid.mdc-select--disabled .mdc-notched-outline__notch,
.main .mdc-select--outlined.mdc-select--invalid.mdc-select--disabled .mdc-notched-outline__trailing {
    border-color: #dc0000
}

.main .mdc-select--outlined .mdc-select__anchor {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.main .mdc-select--outlined .mdc-select__anchor .mdc-floating-label {
    font-style: normal !important
}

.main .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
    transform: translateY(-29px) scale(.75) !important;
    font-size: 1.5rem !important;
    padding: 0 2px !important;
    background-color: #fff !important
}

.main .mdc-select--invalid.mdc-select--disabled .mdc-floating-label,
.main .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label,
.main .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.main .mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused):hover .mdc-floating-label {
    color: #dc0000
}

.main .mdc-select .mdc-deprecated-list-item {
    height: 30px
}

.main .mdc-select .mdc-select__anchor {
    width: auto
}

@keyframes n {
    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 o {
    0% {
        animation-timing-function: linear;
        opacity: 0
    }

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

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

    to {
        opacity: 0
    }
}

.main .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);
    will-change: transform, opacity
}

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

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

.main .mdc-text-field--filled .mdc-text-field__ripple:after {
    z-index: 0;
    z-index: var(--mdc-ripple-z-index, 0)
}

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

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

.main .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)
}

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

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

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

.main .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%)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.main .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) 0ms;
    width: 100%;
    min-width: 0;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0
}

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

.main .mdc-text-field__input::-webkit-calendar-picker-indicator {
    display: none
}

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

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

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

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

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

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

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

@media {

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

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

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

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

@media {

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

.main .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) 0ms;
    opacity: 0;
    white-space: nowrap
}

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

@supports(-webkit-hyphens:none) {
    .main .mdc-text-field--outlined .mdc-text-field__affix {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%
    }
}

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

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

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

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

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

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

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

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

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

.main .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple:before,
.main .mdc-text-field--filled:hover .mdc-text-field__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

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

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

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

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

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

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

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

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

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

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

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

@supports(-webkit-hyphens:none) {
    .main .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%
    }
}

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

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

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

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

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

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

.main .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.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: rgba(0, 0, 0, .87)
}

.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.main .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)
}

.main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 4px;
    border-top-left-radius: var(--mdc-shape-small, 4px);
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: var(--mdc-shape-small, 4px)
}

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

@supports(top:max(0%)) {
    .main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
        width: max(12px, var(--mdc-shape-small, 4px))
    }
}

@supports(top:max(0%)) {
    .main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
        max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px))*2)
    }
}

.main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-right-radius: 4px;
    border-top-right-radius: var(--mdc-shape-small, 4px);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: var(--mdc-shape-small, 4px)
}

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

@supports(top:max(0%)) {
    .main .mdc-text-field--outlined {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

@supports(top:max(0%)) {

    .main .mdc-text-field--outlined,
    .main .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

@supports(top:max(0%)) {
    .main .mdc-text-field--outlined+.mdc-text-field-helper-line {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

.main .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
    padding-left: 0
}

@supports(top:max(0%)) {
    .main .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-right: max(16px, var(--mdc-shape-small, 4px))
    }
}

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

@supports(top:max(0%)) {

    .main .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl],
    .main [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
        padding-left: max(16px, var(--mdc-shape-small, 4px))
    }
}

.main .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
    padding-right: 0
}

@supports(top:max(0%)) {
    .main .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

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

@supports(top:max(0%)) {

    .main .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl],
    .main [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
        padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px))
    }
}

.main .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

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

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

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

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

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

.main .mdc-text-field--outlined .mdc-notched-outline {
    z-index: 1
}

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

.main .mdc-text-field--textarea .mdc-floating-label {
    top: 19px
}

.main .mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
    transform: none
}

.main .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
}

.main .mdc-text-field--textarea.mdc-text-field--filled:before {
    display: none
}

.main .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-10.25px) scale(.75)
}

.main .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
    animation: q .25s 1
}

@keyframes q {
    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)
    }
}

.main .mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
    margin-top: 23px;
    margin-bottom: 9px
}

.main .mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.main .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.main .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-27.25px) scale(1);
    font-size: .75rem
}

.main .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.main .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
}

.main .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: r .25s 1
}

@keyframes r {
    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)
    }
}

.main .mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
    margin-top: 16px;
    margin-bottom: 16px
}

.main .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
    top: 18px
}

.main .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
    margin-bottom: 2px
}

.main .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
}

.main .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
}

.main .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter:before {
    display: none
}

.main .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
}

.main .mdc-text-field--filled .mdc-text-field__resizer {
    transform: translateY(-1px)
}

.main .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter,
.main .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input {
    transform: translateY(1px)
}

.main .mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(-1px) translateY(-1px)
}

.main .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl],
.main [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer {
    transform: translateX(1px) translateY(-1px)
}

.main .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
.main .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input {
    transform: translateX(1px) translateY(1px)
}

.main .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl],
.main .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
.main [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
.main [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input {
    transform: translateX(-1px) translateY(1px)
}

.main .mdc-text-field--with-leading-icon {
    padding-left: 0;
    padding-right: 16px
}

.main .mdc-text-field--with-leading-icon[dir=rtl],
.main [dir=rtl] .mdc-text-field--with-leading-icon {
    padding-left: 16px;
    padding-right: 0
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 48px);
    left: 48px;
    right: auto
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl],
.main [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
    left: auto;
    right: 48px
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100%/.75 - 64px/.75)
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: auto
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
.main [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 36px
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-37.25px) translateX(-32px) scale(1)
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],
.main [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)
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.main .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)
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.main [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.main [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)
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: s .25s 1
}

@keyframes s {
    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)
    }
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake,
.main [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    animation: s .25s 1
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-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)
    }
}

.main .mdc-text-field--with-trailing-icon {
    padding-left: 16px;
    padding-right: 0
}

.main .mdc-text-field--with-trailing-icon[dir=rtl],
.main [dir=rtl] .mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 16px
}

.main .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 64px)
}

.main .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
    max-width: calc(100%/.75 - 64px/.75)
}

.main .mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
    max-width: calc(100% - 60px)
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
    padding-left: 0;
    padding-right: 0
}

.main .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
    max-width: calc(100% - 96px)
}

.main .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)
}

.main .mdc-text-field-helper-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box
}

.main .mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.main .mdc-form-field>.mdc-text-field+label {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.main .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(98, 0, 238, .87)
}

.main .mdc-text-field--focused .mdc-notched-outline__leading,
.main .mdc-text-field--focused .mdc-notched-outline__notch,
.main .mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.main .mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.main .mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 2px
}

.main .mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-top: 0
}

.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after,
.main .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)
}

.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.main .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)
}

.main .mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #b00020;
    caret-color: var(--mdc-theme-error, #b00020)
}

.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
    color: #b00020;
    color: var(--mdc-theme-error, #b00020)
}

.main .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)
}

.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.main .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.main .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.main .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.main .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.main .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)
}

.main .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.main .mdc-text-field--disabled {
    pointer-events: none
}

.main .mdc-text-field--disabled .mdc-text-field__input {
    color: rgba(0, 0, 0, .38)
}

@media {
    .main .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .38)
    }

    .main .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
        color: rgba(0, 0, 0, .38)
    }

    .main .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder,
    .main .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
        color: rgba(0, 0, 0, .38)
    }

    .main .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: rgba(0, 0, 0, .38)
    }
}

@media {
    .main .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: rgba(0, 0, 0, .38)
    }
}

.main .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,
.main .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,
.main .mdc-text-field--disabled .mdc-floating-label,
.main .mdc-text-field--disabled .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, .38)
}

.main .mdc-text-field--disabled .mdc-text-field__icon--leading,
.main .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: rgba(0, 0, 0, .3)
}

.main .mdc-text-field--disabled .mdc-text-field__affix--prefix,
.main .mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: rgba(0, 0, 0, .38)
}

.main .mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: rgba(0, 0, 0, .06)
}

.main .mdc-text-field--disabled .mdc-notched-outline__leading,
.main .mdc-text-field--disabled .mdc-notched-outline__notch,
.main .mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .06)
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
    .main .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
        color: GrayText
    }

    .main .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
        color: GrayText
    }

    .main .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder,
    .main .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
        color: GrayText
    }

    .main .mdc-text-field--disabled .mdc-text-field__input::placeholder {
        color: GrayText
    }
}

@media (-ms-high-contrast:active),
screen and (forced-colors:active) {
    .main .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
        color: GrayText
    }

    .main .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,
    .main .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,
    .main .mdc-text-field--disabled .mdc-floating-label,
    .main .mdc-text-field--disabled .mdc-text-field-character-counter,
    .main .mdc-text-field--disabled .mdc-text-field__affix--prefix,
    .main .mdc-text-field--disabled .mdc-text-field__affix--suffix,
    .main .mdc-text-field--disabled .mdc-text-field__icon--leading,
    .main .mdc-text-field--disabled .mdc-text-field__icon--trailing {
        color: GrayText
    }

    .main .mdc-text-field--disabled .mdc-line-ripple:before {
        border-bottom-color: GrayText
    }

    .main .mdc-text-field--disabled .mdc-notched-outline__leading,
    .main .mdc-text-field--disabled .mdc-notched-outline__notch,
    .main .mdc-text-field--disabled .mdc-notched-outline__trailing {
        border-color: GrayText
    }
}

@media screen and (forced-colors:active) {
    .main .mdc-text-field--disabled .mdc-text-field__input {
        background-color: Window
    }

    .main .mdc-text-field--disabled .mdc-floating-label {
        z-index: 1
    }
}

.main .mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.main .mdc-text-field--disabled.mdc-text-field--filled {
    background-color: #fafafa
}

.main .mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
    display: none
}

.main .mdc-text-field--disabled .mdc-text-field__input {
    pointer-events: auto
}

.main .mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right
}

.main .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl],
.main [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: left
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix,
.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input {
    direction: ltr
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix {
    padding-left: 0;
    padding-right: 2px
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix {
    padding-left: 12px;
    padding-right: 0
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading {
    -ms-flex-order: 1;
    order: 1
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix {
    -ms-flex-order: 2;
    order: 2
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input {
    -ms-flex-order: 3;
    order: 3
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix {
    -ms-flex-order: 4;
    order: 4
}

.main .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing,
.main [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing {
    -ms-flex-order: 5;
    order: 5
}

.main .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input,
.main [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input {
    text-align: right
}

.main .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix,
.main [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
    padding-right: 12px
}

.main .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix,
.main [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
    padding-left: 2px
}

.main .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) 0ms
}

.main .mdc-text-field-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.main .mdc-text-field-helper-text--persistent {
    transition: none;
    opacity: 1;
    will-change: auto
}

.main .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
}

.main .mdc-text-field-character-counter:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.main .mdc-text-field-character-counter[dir=rtl],
.main [dir=rtl] .mdc-text-field-character-counter {
    margin-left: 0;
    margin-right: auto;
    padding-left: 0;
    padding-right: 16px
}

.main .mdc-text-field__icon {
    -ms-flex-item-align: center;
    align-self: center;
    cursor: pointer
}

.main .mdc-text-field__icon:not([tabindex]),
.main .mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.main .mdc-text-field__icon svg {
    display: block
}

.main .mdc-text-field__icon--leading {
    margin-left: 16px;
    margin-right: 8px
}

.main .mdc-text-field__icon--leading[dir=rtl],
.main [dir=rtl] .mdc-text-field__icon--leading {
    margin-left: 8px;
    margin-right: 16px
}

.main .mdc-text-field__icon--trailing {
    padding: 12px;
    margin-left: 0;
    margin-right: 0
}

.main .mdc-text-field__icon--trailing[dir=rtl],
.main [dir=rtl] .mdc-text-field__icon--trailing {
    margin-left: 0;
    margin-right: 0
}

:root .main {
    --mdc-typography-font-family: "M", "OS", Arial;
    --mdc-typography-subtitle1-font-size: 1.5rem;
    --mdc-theme-error: #dc0000
}

@keyframes u {
    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)
    }
}

.main .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-right: 0
}

.main .mdc-text-field {
    width: 100%;
    max-width: 100%;
    padding: 0 12px
}

.main .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #1a1a1a
}

.main .mdc-text-field:not(.mdc-text-field--disabled) .mdc-line-ripple:after {
    border-bottom-color: #0f903b
}

.main .mdc-text-field .mdc-text-field__input {
    caret-color: #000
}

.main .mdc-text-field .mdc-text-field__input[readonly=readonly] {
    color: #606060;
    font-style: italic
}

.main .mdc-text-field--filled {
    border: 1px solid #ddd;
    border-bottom: none;
    height: 48px
}

.main .mdc-text-field--filled .mdc-text-field__input {
    height: 100%
}

.main .mdc-text-field--filled .mdc-floating-label,
.main .mdc-text-field--filled:before {
    display: none
}

@supports(-webkit-hyphens:none) {
    .main .mdc-text-field--filled .mdc-text-field__affix {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%
    }
}

.main .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after,
.main .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before,
.main .mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
    border-bottom-color: #dc0000
}

.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
}

.main .mdc-text-field--filled .mdc-floating-label--float-above {
    transform: translateY(-106%) translateX(-5px) scale(.75)
}

.main .mdc-text-field--filled .mdc-text-field__input {
    margin-top: 19px
}

.main .mdc-text-field--filled .mdc-text-field__input:-webkit-autofill {
    background-color: #f2f3f4 !important;
    box-shadow: inset 0 0 0 1000px #f2f3f4
}

.main .mdc-text-field--filled .mdc-text-field__input:-webkit-autofill+.mdc-floating-label--float-above {
    transform: translateY(-106%) translateX(-5px) scale(.75)
}

.main .mdc-text-field--outlined:not(.mdc-text-field--textarea) {
    height: 48px
}

.main .mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-text-field__input {
    height: 100%
}

.main .mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-floating-label,
.main .mdc-text-field--outlined:not(.mdc-text-field--textarea):before {
    display: none
}

@supports(-webkit-hyphens:none) {
    .main .mdc-text-field--outlined:not(.mdc-text-field--textarea) .mdc-text-field__affix {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-item-align: center;
        align-self: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%
    }
}

.main .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #ddd
}

.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.main .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.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
}

.main .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.main .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.main .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: #efefef
}

.main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px
}

.main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0
}

.main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .main .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px
}

.main .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.main .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.main .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #dc0000
}

.main .mdc-text-field--outlined.mdc-text-field--invalid .mdc-floating-label {
    color: #dc0000
}

.main .mdc-text-field--outlined .mdc-text-field__input:-webkit-autofill {
    background-color: #fdfdfd !important;
    box-shadow: inset 0 0 0 1000px #fdfdfd
}

.main .mdc-text-field--outlined .mdc-floating-label--float-above,
.main .mdc-text-field--outlined:-webkit-autofill+.mdc-text-field__label {
    transform: translateY(-29px) scale(.75);
    font-size: 1.5rem !important;
    padding: 0 2px !important;
    background-color: #fff
}

.main .mdc-text-field--outlined .mdc-floating-label {
    font-style: normal
}

.main .mdc-text-field--outlined .mdc-floating-label--float-above {
    transform: translateY(-30.75px) scale(.75) !important
}

.main .mdc-text-field__input {
    margin-top: 12px;
    height: 27px !important
}

.main .mdc-text-field-character-counter {
    padding-left: 12px;
    font-size: .8em;
    font-family: M-sb, OS-sb, Arial
}

.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
}

.main .mdc-text-field--focused:not(.mdc-text-field--disabled) {
    background-color: #fff
}

.main .mdc-text-field--invalid {
    border-color: #dc0000
}

.main .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #dc0000
}

.main .mdc-floating-label--float-above {
    overflow: visible !important
}

.main .mdc-select-helper-text,
.main .mdc-text-field-helper-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: -2px 0 10px !important;
    font-size: 1.2rem !important
}

.main .mdc-floating-label,
.main .mdc-text-field__input {
    line-height: 1.2 !important
}

.main .mdc-floating-label {
    display: block !important;
    font-style: italic
}

.main .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #757575
}

.main .mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #06c
}

.main .mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #6a6a6a
}

.main .mdc-radio .mdc-radio__background:before {
    background-color: #06c
}

.main .mdc-checkbox {
    line-height: 1.4rem
}

.main .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
    color: #000;
    color: var(--mdc-checkbox-ink-color, #000)
}

.main .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: #000;
    border-color: var(--mdc-checkbox-ink-color, #000)
}

.main .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:after,
.main .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:before {
    background-color: #06c;
    background-color: var(--mdc-ripple-color, #06c)
}

.main .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple:before,
.main .mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple:before {
    opacity: .04;
    opacity: var(--mdc-ripple-hover-opacity, .04)
}

.main .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple:before,
.main .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple:before {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-focus-opacity, .12)
}

.main .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple:after {
    transition: opacity .15s linear
}

.main .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple:after {
    transition-duration: 75ms;
    opacity: .12;
    opacity: var(--mdc-ripple-press-opacity, .12)
}

.main .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12)
}

.main .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:after,
.main .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:before {
    background-color: #06c;
    background-color: var(--mdc-ripple-color, #06c)
}

.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);
    border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, .5));
    background-color: #fff
}

.main .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.main .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,
.main .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
    border-color: #06c;
    border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #06c));
    background-color: #06c;
    background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #06c))
}

.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
}

.main .mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark__path {
    stroke-dashoffset: 0
}

.main .mdc-checkbox__label,
.main .mdc-radio__label {
    font-size: 1.4rem;
    cursor: pointer
}

.main .mdc-checkbox__label {
    line-height: 1.3
}

.main .mdc-deprecated-list-item__text {
    line-height: 2.1
}

@font-face {
    font-family: font-icon;
    src: url("urn:scrapbook:download:error:https://www.iliad.it/assets/fonts/font-icon/font-icon.eot");
    src: url("urn:scrapbook:download:error:https://www.iliad.it/assets/fonts/font-icon/font-icon.eot?#iefix") format("embedded-opentype"), url("font-icon.woff2") format("woff2"), url("font-icon.woff") format("woff"), url("font-icon.ttf") format("truetype"), url("font-icon.svg") 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("font-icon.svg") format("svg")
    }
}

[data-icon]:before {
    content: attr(data-icon)
}

.i-4G:before,
.i-4g_antenna:before,
.i-active_line:before,
.i-adress:before,
.i-adress_KO:before,
.i-adress_OK:before,
.i-android:before,
.i-appels:before,
.i-apple:before,
.i-appointment:before,
.i-arrow:before,
.i-backspace-arrow:before,
.i-bill:before,
.i-cadeau:before,
.i-call:before,
.i-cancel: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-collapse-down:before,
.i-computer:before,
.i-conditions:before,
.i-consumption:before,
.i-convergence:before,
.i-credit-card:before,
.i-cross:before,
.i-delivery:before,
.i-download:before,
.i-email:before,
.i-extra_bundle:before,
.i-eye-striked:before,
.i-eye:before,
.i-facture:before,
.i-filter-add:before,
.i-gift-box:before,
.i-green-check:before,
.i-green_tag:before,
.i-heart:before,
.i-help:before,
.i-history:before,
.i-home:before,
.i-hotspot:before,
.i-hourglass:before,
.i-identite:before,
.i-info:before,
.i-internazionale:before,
.i-item-box:before,
.i-item-mobile:before,
.i-lightbulb:before,
.i-line:before,
.i-line_feature:before,
.i-locked:before,
.i-mcafee:before,
.i-message:before,
.i-messagerie:before,
.i-minus:before,
.i-mms:before,
.i-mobile:before,
.i-mobile_appels:before,
.i-mobili:before,
.i-money:before,
.i-nano_sim:before,
.i-nessunoScatto:before,
.i-offer:before,
.i-open-box:before,
.i-options:before,
.i-password:before,
.i-payment_method:before,
.i-payment_status:before,
.i-pdf:before,
.i-pencil:before,
.i-personal_informations:before,
.i-pianoTarrifario:before,
.i-piggyBank:before,
.i-plane:before,
.i-plus-circle:before,
.i-plus:before,
.i-portabilita:before,
.i-portability_KO:before,
.i-portability_OK:before,
.i-printer:before,
.i-puk:before,
.i-razzo:before,
.i-renvoi_appel:before,
.i-reversing-hourglass:before,
.i-richiami:before,
.i-rio:before,
.i-roaming:before,
.i-segreteria:before,
.i-selfcare:before,
.i-shop:before,
.i-shopping_cart:before,
.i-sim:before,
.i-sim_circled:before,
.i-sim_triple:before,
.i-smartphone:before,
.i-store_locator:before,
.i-support:before,
.i-task-complete:before,
.i-tick:before,
.i-timer:before,
.i-trash:before,
.i-unlocked-padlock:before,
.i-up-arrow:before,
.i-user:before,
.i-validate:before,
.i-video:before,
.i-videocam:before,
.i-warning:before,
.i-windows-phone: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:before {
    content: ""
}

.i-4g_antenna:before {
    content: ""
}

.i-active_line:before {
    content: ""
}

.i-adress:before {
    content: ""
}

.i-adress_KO:before {
    content: ""
}

.i-adress_OK:before {
    content: ""
}

.i-android:before {
    content: ""
}

.i-appels:before {
    content: ""
}

.i-apple:before {
    content: ""
}

.i-appointment:before {
    content: ""
}

.i-arrow:before {
    content: ""
}

.i-backspace-arrow:before {
    content: ""
}

.i-bill:before {
    content: ""
}

.i-cadeau:before {
    content: ""
}

.i-call:before {
    content: ""
}

.i-cancel: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-collapse-down:before {
    content: ""
}

.i-computer:before {
    content: ""
}

.i-conditions:before {
    content: ""
}

.i-consumption:before {
    content: ""
}

.i-convergence:before {
    content: ""
}

.i-credit-card:before {
    content: ""
}

.i-cross:before {
    content: ""
}

.i-delivery:before {
    content: ""
}

.i-download:before {
    content: ""
}

.i-email:before {
    content: ""
}

.i-extra_bundle:before {
    content: ""
}

.i-eye:before {
    content: ""
}

.i-eye-striked:before {
    content: ""
}

.i-facture:before {
    content: ""
}

.i-filter-add:before {
    content: ""
}

.i-gift-box:before {
    content: ""
}

.i-green-check:before {
    content: ""
}

.i-green_tag:before {
    content: ""
}

.i-heart:before {
    content: ""
}

.i-help:before {
    content: ""
}

.i-history:before {
    content: ""
}

.i-home:before {
    content: ""
}

.i-hotspot:before {
    content: ""
}

.i-hourglass:before {
    content: ""
}

.i-identite:before {
    content: ""
}

.i-info:before {
    content: ""
}

.i-internazionale:before {
    content: ""
}

.i-item-box:before {
    content: ""
}

.i-item-mobile:before {
    content: ""
}

.i-lightbulb:before {
    content: ""
}

.i-line:before {
    content: ""
}

.i-line_feature:before {
    content: ""
}

.i-locked:before {
    content: ""
}

.i-mcafee: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-mobili:before {
    content: ""
}

.i-money:before {
    content: ""
}

.i-nano_sim:before {
    content: ""
}

.i-nessunoScatto:before {
    content: ""
}

.i-offer:before {
    content: ""
}

.i-open-box:before {
    content: ""
}

.i-options:before {
    content: ""
}

.i-password:before {
    content: ""
}

.i-payment_method:before {
    content: ""
}

.i-payment_status:before {
    content: ""
}

.i-pdf:before {
    content: ""
}

.i-pencil:before {
    content: ""
}

.i-personal_informations:before {
    content: ""
}

.i-pianoTarrifario:before {
    content: ""
}

.i-piggyBank:before {
    content: ""
}

.i-plane:before {
    content: ""
}

.i-plus:before {
    content: ""
}

.i-plus-circle:before {
    content: ""
}

.i-portabilita:before {
    content: ""
}

.i-portability_KO:before {
    content: ""
}

.i-portability_OK:before {
    content: ""
}

.i-printer:before {
    content: ""
}

.i-puk:before {
    content: ""
}

.i-razzo:before {
    content: ""
}

.i-renvoi_appel:before {
    content: ""
}

.i-reversing-hourglass:before {
    content: ""
}

.i-richiami:before {
    content: ""
}

.i-rio:before {
    content: ""
}

.i-roaming:before {
    content: ""
}

.i-segreteria:before {
    content: ""
}

.i-selfcare:before {
    content: ""
}

.i-shop:before {
    content: ""
}

.i-shopping_cart:before {
    content: ""
}

.i-sim:before {
    content: ""
}

.i-sim_circled:before {
    content: ""
}

.i-sim_triple:before {
    content: ""
}

.i-smartphone:before {
    content: ""
}

.i-store_locator:before {
    content: ""
}

.i-support:before {
    content: ""
}

.i-task-complete:before {
    content: ""
}

.i-tick:before {
    content: ""
}

.i-timer:before {
    content: ""
}

.i-trash:before {
    content: ""
}

.i-unlocked-padlock:before {
    content: ""
}

.i-up-arrow:before {
    content: ""
}

.i-user:before {
    content: ""
}

.i-validate:before {
    content: ""
}

.i-video:before {
    content: ""
}

.i-videocam:before {
    content: ""
}

.i-warning:before {
    content: ""
}

.i-windows-phone:before {
    content: ""
}

@font-face {
    font-family: logo;
    src: url("logo_iliad.eot");
    src: url("logo_iliad-1.eot") format("embedded-opentype"), url("logo_iliad.woff2") format("woff2"), url("logo_iliad.woff") format("woff"), url("logo_iliad.ttf") format("truetype"), url("logo_iliad.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Budidaya;
    src: url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Budidaya/budidaya_regular-webfont.eot?v=1");
    src: url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Budidaya/budidaya_regular-webfont.eot?#iefix&v=1") format("embedded-opentype"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Budidaya/budidaya_regular-webfont.woff2?v=1") format("woff2"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Budidaya/budidaya_regular-webfont.woff?v=1") format("woff"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Budidaya/budidaya_regular-webfont.ttf?v=1") format("truetype"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Budidaya/budidaya_regular-webfont.svg?v=1#budidayaregular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: M-l;
    src: url("montserrat-light-webfont.eot");
    src: url("montserrat-light-webfont-1.eot") format("embedded-opentype"), url("montserrat-light-webfont.woff2") format("woff2"), url("montserrat-light-webfont.woff") format("woff"), url("montserrat-light-webfont.ttf") format("truetype"), url("montserrat-light-webfont.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: M;
    src: url("montserrat-regular-webfont.eot");
    src: url("montserrat-regular-webfont-1.eot") format("embedded-opentype"), url("montserrat-regular-webfont.woff2") format("woff2"), url("montserrat-regular-webfont.woff") format("woff"), url("montserrat-regular-webfont.ttf") format("truetype"), url("montserrat-regular-webfont.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: M-sb;
    src: url("montserrat-semibold-webfont.eot");
    src: url("montserrat-semibold-webfont-1.eot") format("embedded-opentype"), url("montserrat-semibold-webfont.woff2") format("woff2"), url("montserrat-semibold-webfont.woff") format("woff"), url("montserrat-semibold-webfont.ttf") format("truetype"), url("montserrat-semibold-webfont.svg") format("svg");
    font-weight: semibold;
    font-style: normal
}

@font-face {
    font-family: M-b;
    src: url("montserrat-bold-webfont.eot");
    src: url("montserrat-bold-webfont-1.eot") format("embedded-opentype"), url("montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff"), url("montserrat-bold-webfont.ttf") format("truetype"), url("montserrat-bold-webfont.svg") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url("montserrat-light-webfont.eot");
    src: url("montserrat-light-webfont-1.eot") format("embedded-opentype"), url("montserrat-light-webfont.woff2") format("woff2"), url("montserrat-light-webfont.woff") format("woff"), url("montserrat-light-webfont.ttf") format("truetype"), url("montserrat-light-webfont.svg") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url("montserrat-regular-webfont.eot");
    src: url("montserrat-regular-webfont-1.eot") format("embedded-opentype"), url("montserrat-regular-webfont.woff2") format("woff2"), url("montserrat-regular-webfont.woff") format("woff"), url("montserrat-regular-webfont.ttf") format("truetype"), url("montserrat-regular-webfont.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url("montserrat-semibold-webfont.eot");
    src: url("montserrat-semibold-webfont-1.eot") format("embedded-opentype"), url("montserrat-semibold-webfont.woff2") format("woff2"), url("montserrat-semibold-webfont.woff") format("woff"), url("montserrat-semibold-webfont.ttf") format("truetype"), url("montserrat-semibold-webfont.svg") format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url("montserrat-bold-webfont.eot");
    src: url("montserrat-bold-webfont-1.eot") format("embedded-opentype"), url("montserrat-bold-webfont.woff2") format("woff2"), url("montserrat-bold-webfont.woff") format("woff"), url("montserrat-bold-webfont.ttf") format("truetype"), url("montserrat-bold-webfont.svg") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Obviously-CondensedSemibold;
    src: url("Obviously-CondensedSemibold.eot");
    src: url("Obviously-CondensedSemibold-1.eot") format("embedded-opentype"), url("Obviously-CondensedSemibold.woff2") format("woff2"), url("Obviously-CondensedSemibold.woff") format("woff"), url("Obviously-CondensedSemibold.ttf") format("truetype"), url("Obviously-CondensedSemibold.svg") format("svg");
    font-weight: semibold;
    font-style: normal
}

@font-face {
    font-family: Hadfield;
    src: url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Hadfield/hadfield-webfont.eot?v=1");
    src: url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Hadfield/hadfield-webfont.eot?#iefix&v=1") format("embedded-opentype"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Hadfield/hadfield-webfont.woff2?v=1") format("woff2"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Hadfield/hadfield-webfont.woff?v=1") format("woff"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Hadfield/hadfield-webfont.ttf?v=1") format("truetype"), url("urn:scrapbook:download:error:https://www.iliad.it/assets/styles/@/assets/fonts/Hadfield/hadfield-webfont.svg?v=1#hadfieldregular") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Somethingwild;
    src: url("somethingwild-webfont.eot");
    src: url("somethingwild-webfont-1.eot") format("embedded-opentype"), url("somethingwild-webfont.woff2") format("woff2"), url("somethingwild-webfont.woff") format("woff"), url("somethingwild-webfont.ttf") format("truetype"), url("somethingwild-webfont.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OS;
    src: url("OpenSans-Regular-webfont.eot");
    src: url("OpenSans-Regular-webfont-1.eot") format("embedded-opentype"), url("OpenSans-Regular-webfont.woff2") format("woff2"), url("OpenSans-Regular-webfont.woff") format("woff"), url("OpenSans-Regular-webfont.ttf") format("truetype"), url("OpenSans-Regular-webfont.svg") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OS-sb;
    src: url("OpenSans-Semibold-webfont.eot");
    src: url("OpenSans-Semibold-webfont-1.eot") format("embedded-opentype"), url("OpenSans-Semibold-webfont.woff2") format("woff2"), url("OpenSans-Semibold-webfont.woff") format("woff"), url("OpenSans-Semibold-webfont.ttf") format("truetype"), url("OpenSans-Semibold-webfont.svg") format("svg");
    font-weight: semibold;
    font-style: normal
}

@font-face {
    font-family: OS-b;
    src: url("OpenSans-Bold-webfont.eot");
    src: url("OpenSans-Bold-webfont-1.eot") format("embedded-opentype"), url("OpenSans-Bold-webfont.woff2") format("woff2"), url("OpenSans-Bold-webfont.woff") format("woff"), url("OpenSans-Bold-webfont.ttf") format("truetype"), url("OpenSans-Bold-webfont.svg") format("svg");
    font-weight: 700;
    font-style: normal
}

.navbar {
    position: relative;
    padding: .5rem 1rem
}

.navbar,
.navbar>.container,
.navbar>.container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

@media(max-width:575.98px) {

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:576px) {
    .navbar-expand-sm {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm>.container,
    .navbar-expand-sm>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-sm .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media(max-width:767.98px) {

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:768px) {
    .navbar-expand-md {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md>.container,
    .navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media(max-width:991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media(max-width:1199.98px) {

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1200px) {
    .navbar-expand-xl {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl>.container,
    .navbar-expand-xl>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-xl .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    padding-right: 0;
    padding-left: 0
}

.navbar-expand .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.navbar-expand .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: str-replace(url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0, 0%, 100%, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: hsla(0, 0%, 100%, .5);
    border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: str-replace(url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23")
}

.navbar-dark .navbar-text {
    color: hsla(0, 0%, 100%, .5)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
    color: #fff
}

.text-center {
    text-align: center !important
}

.m-1 {
    margin: .4rem
}

.m-2 {
    margin: .8rem
}

.m-3 {
    margin: 1.2rem
}

.m-4 {
    margin: 1.6rem
}

.m-6 {
    margin: 2rem
}

.m-8 {
    margin: 3.2rem
}

.m-10 {
    margin: 5rem
}

.mt-1 {
    margin-top: .4rem
}

.mt-2 {
    margin-top: .8rem
}

.mt-3 {
    margin-top: 1.2rem
}

.mt-4 {
    margin-top: 1.6rem
}

.mt-6 {
    margin-top: 2rem
}

.mt-8 {
    margin-top: 3.2rem
}

.mt-10 {
    margin-top: 5rem
}

.mb-1 {
    margin-bottom: .4rem
}

.mb-2 {
    margin-bottom: .8rem
}

.mb-3 {
    margin-bottom: 1.2rem
}

.mb-4 {
    margin-bottom: 1.6rem
}

.mb-6 {
    margin-bottom: 2rem
}

.mb-8 {
    margin-bottom: 3.2rem
}

.mb-10 {
    margin-bottom: 5rem
}

.ml-1 {
    margin-left: .4rem
}

.ml-2 {
    margin-left: .8rem
}

.ml-3 {
    margin-left: 1.2rem
}

.ml-4 {
    margin-left: 1.6rem
}

.ml-6 {
    margin-left: 2rem
}

.ml-8 {
    margin-left: 3.2rem
}

.ml-10 {
    margin-left: 5rem
}

.mr-1 {
    margin-right: .4rem
}

.mr-2 {
    margin-right: .8rem
}

.mr-3 {
    margin-right: 1.2rem
}

.mr-4 {
    margin-right: 1.6rem
}

.mr-6 {
    margin-right: 2rem
}

.mr-8 {
    margin-right: 3.2rem
}

.mr-10 {
    margin-right: 5rem
}

.packshot-price__item>* {
    margin-left: auto;
    margin-right: auto
}

.mx-1 {
    margin-left: .4rem;
    margin-right: .4rem
}

.mx-2 {
    margin-left: .8rem;
    margin-right: .8rem
}

.mx-3 {
    margin-left: 1.2rem;
    margin-right: 1.2rem
}

.mx-4 {
    margin-left: 1.6rem;
    margin-right: 1.6rem
}

.mx-6 {
    margin-left: 2rem;
    margin-right: 2rem
}

.mx-8 {
    margin-left: 3.2rem;
    margin-right: 3.2rem
}

.mx-10 {
    margin-left: 5rem;
    margin-right: 5rem
}

.my-1 {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.my-2 {
    margin-top: .8rem;
    margin-bottom: .8rem
}

.my-3 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem
}

.my-4 {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem
}

.my-6 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-8 {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem
}

.my-10 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.mt-40 {
    margin-top: 16rem
}

.p-1 {
    padding: .4rem
}

.p-2 {
    padding: .8rem
}

.p-3 {
    padding: 1.2rem
}

.p-4 {
    padding: 1.6rem
}

.p-6 {
    padding: 2rem
}

.p-8 {
    padding: 3.2rem
}

.p-10 {
    padding: 5rem
}

.pt-1 {
    padding-top: .4rem
}

.pt-2 {
    padding-top: .8rem
}

.pt-3 {
    padding-top: 1.2rem
}

.pt-4 {
    padding-top: 1.6rem
}

.pt-6 {
    padding-top: 2rem
}

.pt-8 {
    padding-top: 3.2rem
}

.pt-10 {
    padding-top: 5rem
}

.pb-1 {
    padding-bottom: .4rem
}

.pb-2 {
    padding-bottom: .8rem
}

.pb-3 {
    padding-bottom: 1.2rem
}

.pb-4 {
    padding-bottom: 1.6rem
}

.pb-6 {
    padding-bottom: 2rem
}

.pb-8 {
    padding-bottom: 3.2rem
}

.pb-10 {
    padding-bottom: 5rem
}

.pl-1 {
    padding-left: .4rem
}

.pl-2 {
    padding-left: .8rem
}

.pl-3 {
    padding-left: 1.2rem
}

.pl-4 {
    padding-left: 1.6rem
}

.pl-6 {
    padding-left: 2rem
}

.pl-8 {
    padding-left: 3.2rem
}

.pl-10 {
    padding-left: 5rem
}

.pr-1 {
    padding-right: .4rem
}

.pr-2 {
    padding-right: .8rem
}

.pr-3 {
    padding-right: 1.2rem
}

.pr-4 {
    padding-right: 1.6rem
}

.pr-6 {
    padding-right: 2rem
}

.pr-8 {
    padding-right: 3.2rem
}

.pr-10 {
    padding-right: 5rem
}

.px-1 {
    padding-left: .4rem;
    padding-right: .4rem
}

.px-2 {
    padding-left: .8rem;
    padding-right: .8rem
}

.px-3 {
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

.px-4 {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.px-6 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-8 {
    padding-left: 3.2rem;
    padding-right: 3.2rem
}

.px-10 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-1 {
    padding-top: .4rem;
    padding-bottom: .4rem
}

.py-2 {
    padding-top: .8rem;
    padding-bottom: .8rem
}

.py-3 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.py-4 {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem
}

.py-6 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-8 {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

.py-10 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.flex-1 {
    -ms-flex: 1;
    flex: 1
}

@media(min-width:480px) {
    .tablet-block {
        display: block !important
    }
}

@media(min-width:840px) {
    .desktop-block {
        display: block !important
    }
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: -ms-flexbox;
    display: flex
}

.items-center {
    -ms-flex-align: center;
    align-items: center
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.gap-2 {
    gap: .8rem
}

.text-italic {
    font-style: italic
}

.text-xs.text-xs {
    font-size: 10px
}

.rounded-packshot__container .packshot-bottom__extra {
    font-size: 1.2rem
}

.rounded-packshot__container .price__month,
.text-base.text-base {
    font-size: 1.6rem
}

.commercial-offer__extra-text,
.text-sm.text-sm {
    font-size: 1.4rem
}

.text-lg.text-lg {
    font-size: 1.8rem
}

.packshot-forever__container,
.text-2xl.text-2xl {
    font-size: 2.4rem
}

.text-3xl.text-3xl {
    font-size: 3rem
}

.packshot-data__item,
.rounded-packshot__container .price--two-column .price__cents {
    font-size: 4rem;
    line-height: 48px
}

.text-6xl.text-6xl {
    font-size: 6rem
}

.rounded-packshot__container .price__unit {
    font-size: 8rem
}

.rounded-packshot__container .price--two-column .price__month,
.text-xl.text-xl {
    font-size: 2rem;
    line-height: 2.4rem
}

.line-through {
    text-decoration: line-through
}

.whitespace-nowrap {
    white-space: nowrap
}

.w-full {
    width: 100%
}

.w-auto {
    width: auto
}

.packshot-data__container,
.packshot-price__container {
    width: 90%
}

.max-w-75p {
    max-width: 75%
}

.rounded-lg {
    border-radius: .8rem
}

.rounded-xl {
    border-radius: 1rem
}

.rounded-2xl {
    border-radius: 2.4rem
}

.bg-iliad {
    background-color: #c00
}

.packshot-forever__container,
.packshot-price__container,
.text-iliad {
    color: #c00
}

.font-normal.font-normal {
    font-weight: 400;
    font-family: M, OS, Arial
}

.font-semibold {
    font-family: M-sb, OS-sb, Arial
}

.font-regular {
    font-family: M, OS, Arial
}

.commercial-offer__extra-text,
.font-bold,
.packshot-data__item,
.packshot-forever__container,
.packshot-price__container .price,
.rounded-packshot__container .compliant-5g__container,
.rounded-packshot__container .discount-price__container {
    font-family: M-b, OS-b, Arial
}

.commercial-offer__extra-text,
.packshot-data__item,
.packshot-forever__container {
    text-transform: uppercase
}

.commercial-offer__extra-text {
    color: #fff
}

.rounded-packshot__container .price__month {
    color: #000
}

.list-none {
    list-style-type: none
}

.price-container {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px;
    color: #c00
}

.price-container .price__euro-flex {
    font-size: 13rem;
    font-family: M-b, OS-b, Arial
}

.price-container .price-cents-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2px;
    height: 100%;
    -ms-flex-align: end;
    align-items: flex-end
}

.price-container .price-cents-container .price__cents-flex {
    margin-bottom: .4rem;
    margin-bottom: var(--spacing-1);
    font-size: 3.4em;
    font-family: M-b, OS-b, Arial;
    margin-top: 6px;
    padding-top: 10px
}

.price-container .price-cents-container .price__month-flex {
    font-size: 3rem;
    color: #000;
    padding-top: 5px
}

.price-container .old-price {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -25px;
    left: 75px;
    margin-top: 0;
    color: #3c3a39
}

.price-container .old-price .price__euro-flex {
    font-size: 4rem;
    font-family: M-b, OS-b, Arial
}

.price-container .old-price .price-cents-container {
    padding: 0
}

.price-container .old-price .price-cents-container .price__cents-flex {
    font-size: 1.6rem;
    font-size: var(--text-base)
}

.price-container .old-price hr {
    transform: rotate(162deg);
    position: absolute;
    left: -12px;
    margin: auto;
    top: 17px;
    width: 100px;
    border: 1px solid #c00;
    background-color: #c00
}

.price {
    font-size: 8rem;
    line-height: 8rem;
    width: 226px;
    margin-top: 2px;
    font-family: M, OS, Arial;
    color: inherit;
    position: relative
}

@media(min-width:480px) {
    .price {
        font-size: 8rem;
        line-height: 9rem;
        width: 138px;
        margin-top: -7px;
        color: inherit;
        position: relative
    }
}

.price__cents {
    font-size: .4em;
    top: 6px;
    line-height: 1;
    right: 15px
}

.price__cents,
.price__month {
    padding-left: .1em;
    position: absolute
}

.price__month {
    right: 20px;
    bottom: 7px;
    font-size: .25em;
    line-height: 24px;
    color: #3c3a39;
    text-transform: lowercase
}

.price.double-digit .price__cents {
    left: 75px
}

.price.rounded {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    border-radius: 80px;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 5rem
}

.price.rounded>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px
}

.price.rounded>div .price__cents {
    padding-left: 0
}

.price.rounded>div .price__month {
    position: unset;
    line-height: 1;
    padding-left: 0
}

#price-convergence__wrapper {
    width: 370px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin: auto;
    max-width: 90%;
    position: relative
}

@media(min-width:480px) {
    #price-convergence__wrapper {
        max-width: 100%;
        width: 520px
    }
}

#price-convergence__wrapper.price-convergence__wrapper.vertical {
    margin: 0;
    width: 100%;
    max-width: 80%
}

@media(min-width:840px) {
    #price-convergence__wrapper.price-convergence__wrapper.vertical {
        max-width: 720px
    }
}

#price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 25px;
    padding: 12px;
    height: 100%;
    width: 100%;
    max-width: none;
    color: #000
}

@media(min-width:840px) {
    #price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__content {
        height: 30rem
    }
}

#price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__content .price-convergence__content--main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:840px) {
    #price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__content .price-convergence__content--main {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__content .price-convergence__content--main .old-price {
    top: -35px;
    left: -1px
}

#price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__content .price-convergence__content--main .separator {
    margin: 1rem 1.1rem
}

@media(min-width:840px) {
    #price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__content .price-convergence__content--main .separator {
        margin: 0 1.1rem
    }
}

#price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__outside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

#price-convergence__wrapper.price-convergence__wrapper.vertical .price-convergence__outside--text {
    display: inline-block;
    text-align: center
}

#price-convergence__wrapper .price-convergence__content {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    color: #000
}

#price-convergence__wrapper .price-convergence__content.border {
    background: hsla(0, 0%, 100%, .98);
    text-align: center;
    position: relative;
    border-radius: 15px;
    padding: 30px;
    border: 2px solid #3e3e3e;
    color: #3e3e3e;
    overflow: auto
}

#price-convergence__wrapper .price-convergence__content.border .corner {
    position: absolute;
    width: 105px;
    height: 105px;
    top: -2px;
    left: -2px;
    text-align: center;
    background-color: #ffd400;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 100% 0);
    border-radius: 15px 0
}

#price-convergence__wrapper .price-convergence__content.border .corner span {
    font-family: M-sb, OS-sb, Arial;
    color: #013540;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(-45deg);
    top: 34px;
    left: 10px;
    font-size: 1.6rem
}

@media(min-width:480px) {
    #price-convergence__wrapper .price-convergence__content.border {
        padding: 30px 45px;
        max-height: 100%
    }
}

#price-convergence__wrapper .price-convergence__content--text {
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    line-height: 1.2;
    color: #000
}

#price-convergence__wrapper .price-convergence__content--text .text-sempre {
    font-size: 3.2rem;
    font-family: M-b, OS-b, Arial;
    color: #c00
}

#price-convergence__wrapper .price-convergence__content .debit {
    font-size: 1.6rem;
    margin: 0 0 25px
}

#price-convergence__wrapper .price-convergence__content .debit .highlight {
    background-color: #ffd400;
    border-radius: 10px;
    padding: .3rem .7rem .1rem;
    line-height: 2rem;
    text-transform: none
}

#price-convergence__wrapper .price-convergence__content .debit .up-to-data {
    border: 1px solid #000;
    border-radius: 10px;
    padding: 3px 5px 0;
    white-space: nowrap
}

#price-convergence__wrapper .price-convergence__content .debit .icon-fibre {
    vertical-align: super;
    margin-left: -5px
}

#price-convergence__wrapper .price-convergence__content .debit .icon-fibre path:not(.st1) {
    fill: green
}

#price-convergence__wrapper .price-convergence__content .debit .big {
    font-size: 2rem
}

@media(min-width:840px) {
    #price-convergence__wrapper .price-convergence__content .debit .big {
        font-size: 2.4rem
    }
}

#price-convergence__wrapper .price-convergence__content .panel-extra {
    margin: 3rem 0;
    font-size: 1.4rem
}

#price-convergence__wrapper .price-convergence__content .tag {
    background: #ffd400;
    text-transform: uppercase;
    padding: 8px 10px;
    position: absolute;
    text-align: center;
    top: -18px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: M-sb, OS-sb, Arial;
    border-radius: 10px;
    max-width: 115px;
    font-size: 2rem;
    color: #013540
}

#price-convergence__wrapper .price-convergence__content .separator {
    border: 1px solid #9f9f9f
}

#price-convergence__wrapper .price-convergence__outside {
    margin-top: .5rem
}

#price-convergence__wrapper .price-convergence__outside--text {
    font-family: M-b, OS-b, Arial;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 1.3;
    text-align: center;
    display: inline-block
}

#price-convergence__wrapper .price-convergence__outside--text>p {
    display: inline;
    margin: 0
}

#price-convergence__wrapper .text-activation {
    text-transform: uppercase;
    font-size: 1.4rem;
    margin: 1rem 0 0
}

#price-convergence__wrapper .price-convergence__end-date {
    font-size: 1.5rem;
    font-family: M-b, OS-b, Arial;
    margin-top: 0
}

#price-convergence__wrapper .price-convergence__end-date.end-date-background {
    margin-top: .7rem;
    padding: 10px 15px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    color: #c00
}

#price-convergence-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 420px;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px
}

#price-convergence-mobile .tag {
    background: #cd0000;
    text-transform: uppercase;
    padding: 8px 10px;
    position: absolute;
    text-align: center;
    top: -18px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: M-sb, OS-sb, Arial;
    border-radius: 10px;
    max-width: 115px;
    font-size: 2rem;
    color: #fff
}

#price-convergence-mobile .price-container {
    padding-left: 0
}

#price-convergence-mobile .forfait-informations {
    text-align: center
}

#price-convergence-mobile .forfait-informations__fairuse {
    width: 112px;
    font-family: M-b, OS-b, Arial;
    margin: auto auto 5px;
    font-size: 2rem
}

#price-convergence-mobile .forfait-informations__extra {
    font-size: 1.5rem
}

#price-convergence-mobile .per-sempre {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 4rem
}

#price-convergence-mobile .sim-amount {
    font-size: 1.4rem;
    text-align: center;
    font-family: M-sb, OS-sb, Arial;
    text-transform: uppercase
}

#price-convergence-mobile .availability {
    background: #ffd400;
    padding: 15px;
    border-radius: 12px;
    font-family: M-b, OS-b, Arial;
    font-size: 11px
}

#price-convergence-mobile .notice-5g {
    margin: 3rem 3.8rem 0
}

#price-convergence-fibre {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 420px;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px
}

#price-convergence-fibre .new {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #ffd400;
    -webkit-clip-path: polygon(0 0, 90% 0, 0 90%);
    clip-path: polygon(0 0, 90% 0, 0 90%);
    border-radius: 10px;
    text-transform: uppercase
}

@media(min-width:374px) {
    #price-convergence-fibre .new {
        width: 100px;
        height: 100px
    }
}

#price-convergence-fibre .new span {
    position: absolute;
    transform: rotate(-45deg);
    font-family: M-sb, OS-sb, Arial;
    top: 15px;
    left: -2px;
    font-size: 1.5rem
}

@media(min-width:374px) {
    #price-convergence-fibre .new span {
        top: 22px;
        left: 0;
        font-size: 1.5rem
    }
}

#price-convergence-fibre .tag {
    background: #cd0000;
    text-transform: uppercase;
    padding: 8px 10px;
    position: absolute;
    text-align: center;
    top: -18px;
    left: 0;
    right: 0;
    margin: auto;
    font-family: M-sb, OS-sb, Arial;
    border-radius: 10px;
    max-width: 115px;
    font-size: 2rem;
    color: #fff
}

#price-convergence-fibre .offer-informations {
    text-align: center;
    font-size: 1.5rem
}

#price-convergence-fibre .price-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px;
    color: #c00
}

#price-convergence-fibre .price-container .price__euro-flex {
    font-size: 10.2rem;
    font-family: M-b, OS-b, Arial
}

#price-convergence-fibre .price-container .price-cents-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

#price-convergence-fibre .price-container .price-cents-container .price__cents-flex {
    font-size: 3.4em;
    padding-top: 7px;
    margin-bottom: 10px;
    font-family: M-b, OS-b, Arial
}

#price-convergence-fibre .price-container .price-cents-container .price__month-flex {
    font-size: 2rem;
    color: #000
}

#price-convergence-fibre .price-container.old-price {
    position: absolute;
    top: 170px;
    left: 20px;
    margin-top: 0;
    color: #3c3a39
}

#price-convergence-fibre .price-container.old-price .price__euro-flex {
    font-size: 4rem;
    font-family: M-b, OS-b, Arial
}

#price-convergence-fibre .price-container.old-price .price-cents-container .price__cents-flex {
    font-size: 2rem;
    padding-top: 2px
}

#price-convergence-fibre .price-container.old-price hr {
    transform: rotate(162deg);
    position: absolute;
    margin: auto;
    top: 18px;
    width: 115px;
    border: 1px solid #c00;
    background-color: #c00
}

#price-convergence-fibre .per-sempre {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 4rem
}

#price-convergence-fibre .activation-amount {
    font-size: 1.4rem;
    text-align: center;
    font-family: M-sb, OS-sb, Arial
}

.bg-yellow {
    background: #ffd400;
    border: none;
    padding: 4px 8px;
    border-radius: 12px
}

#bundle-panel .bundle-panel,
#bundle-panel .offer-panel,
[id^=offer-panel-] .bundle-panel,
[id^=offer-panel-] .offer-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 10px;
    width: 90%;
    position: relative;
    padding: 25px 20px 10px;
    margin: auto auto 40px;
    line-height: 1;
    color: #000
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel,
    #bundle-panel .offer-panel,
    [id^=offer-panel-] .bundle-panel,
    [id^=offer-panel-] .offer-panel {
        width: 500px;
        max-width: 90%
    }
}

#bundle-panel .bundle-panel .mobile-link,
#bundle-panel .offer-panel .mobile-link,
[id^=offer-panel-] .bundle-panel .mobile-link,
[id^=offer-panel-] .offer-panel .mobile-link {
    display: block;
    pointer-events: auto;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

@media(min-width:840px) {

    #bundle-panel .bundle-panel .mobile-link,
    #bundle-panel .offer-panel .mobile-link,
    [id^=offer-panel-] .bundle-panel .mobile-link,
    [id^=offer-panel-] .offer-panel .mobile-link {
        display: none;
        pointer-events: none;
        cursor: none
    }
}

#bundle-panel .bundle-panel.border,
#bundle-panel .offer-panel.border,
[id^=offer-panel-] .bundle-panel.border,
[id^=offer-panel-] .offer-panel.border {
    border: 1px solid #000
}

#bundle-panel .bundle-panel .separator,
#bundle-panel .offer-panel .separator,
[id^=offer-panel-] .bundle-panel .separator,
[id^=offer-panel-] .offer-panel .separator {
    border: 1px solid #c1c1c1
}

#bundle-panel .bundle-panel .sim-five-g,
#bundle-panel .offer-panel .sim-five-g,
[id^=offer-panel-] .bundle-panel .sim-five-g,
[id^=offer-panel-] .offer-panel .sim-five-g {
    height: 80px;
    width: 60px;
    position: absolute;
    z-index: 2;
    top: 32%;
    right: 0
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel .sim-five-g,
    #bundle-panel .offer-panel .sim-five-g,
    [id^=offer-panel-] .bundle-panel .sim-five-g,
    [id^=offer-panel-] .offer-panel .sim-five-g {
        top: 35%;
        right: -20px
    }
}

@media(min-width:840px) {

    #bundle-panel .bundle-panel .sim-five-g,
    #bundle-panel .offer-panel .sim-five-g,
    [id^=offer-panel-] .bundle-panel .sim-five-g,
    [id^=offer-panel-] .offer-panel .sim-five-g {
        height: 94px;
        width: 70px;
        top: 33%;
        right: -35px
    }
}

#bundle-panel .bundle-panel--fairuse-informations,
#bundle-panel .offer-panel--fairuse-informations,
[id^=offer-panel-] .bundle-panel--fairuse-informations,
[id^=offer-panel-] .offer-panel--fairuse-informations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 2px solid #3c3a39;
    padding-bottom: 15px
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel--fairuse-informations,
    #bundle-panel .offer-panel--fairuse-informations,
    [id^=offer-panel-] .bundle-panel--fairuse-informations,
    [id^=offer-panel-] .offer-panel--fairuse-informations {
        padding-bottom: 0;
        border-bottom: none
    }
}

#bundle-panel .bundle-panel--fairuse-informations .bundle-panel--fairuse,
#bundle-panel .bundle-panel--fairuse-informations .offer-panel--fairuse,
#bundle-panel .offer-panel--fairuse-informations .bundle-panel--fairuse,
#bundle-panel .offer-panel--fairuse-informations .offer-panel--fairuse,
[id^=offer-panel-] .bundle-panel--fairuse-informations .bundle-panel--fairuse,
[id^=offer-panel-] .bundle-panel--fairuse-informations .offer-panel--fairuse,
[id^=offer-panel-] .offer-panel--fairuse-informations .bundle-panel--fairuse,
[id^=offer-panel-] .offer-panel--fairuse-informations .offer-panel--fairuse {
    font-size: 7rem;
    text-align: center
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel--fairuse-informations .bundle-panel--fairuse,
    #bundle-panel .bundle-panel--fairuse-informations .offer-panel--fairuse,
    #bundle-panel .offer-panel--fairuse-informations .bundle-panel--fairuse,
    #bundle-panel .offer-panel--fairuse-informations .offer-panel--fairuse,
    [id^=offer-panel-] .bundle-panel--fairuse-informations .bundle-panel--fairuse,
    [id^=offer-panel-] .bundle-panel--fairuse-informations .offer-panel--fairuse,
    [id^=offer-panel-] .offer-panel--fairuse-informations .bundle-panel--fairuse,
    [id^=offer-panel-] .offer-panel--fairuse-informations .offer-panel--fairuse {
        padding-right: 5px
    }
}

#bundle-panel .bundle-panel--fairuse-informations .bundle-panel--fairuse .small,
#bundle-panel .bundle-panel--fairuse-informations .offer-panel--fairuse .small,
#bundle-panel .offer-panel--fairuse-informations .bundle-panel--fairuse .small,
#bundle-panel .offer-panel--fairuse-informations .offer-panel--fairuse .small,
[id^=offer-panel-] .bundle-panel--fairuse-informations .bundle-panel--fairuse .small,
[id^=offer-panel-] .bundle-panel--fairuse-informations .offer-panel--fairuse .small,
[id^=offer-panel-] .offer-panel--fairuse-informations .bundle-panel--fairuse .small,
[id^=offer-panel-] .offer-panel--fairuse-informations .offer-panel--fairuse .small {
    font-size: 4rem
}

#bundle-panel .bundle-panel--fairuse-informations .bundle-panel--text,
#bundle-panel .bundle-panel--fairuse-informations .offer-panel--text,
#bundle-panel .offer-panel--fairuse-informations .bundle-panel--text,
#bundle-panel .offer-panel--fairuse-informations .offer-panel--text,
[id^=offer-panel-] .bundle-panel--fairuse-informations .bundle-panel--text,
[id^=offer-panel-] .bundle-panel--fairuse-informations .offer-panel--text,
[id^=offer-panel-] .offer-panel--fairuse-informations .bundle-panel--text,
[id^=offer-panel-] .offer-panel--fairuse-informations .offer-panel--text {
    font-size: 2.5rem;
    border-left: none;
    text-align: center;
    display: inline
}

#bundle-panel .bundle-panel--fairuse-informations .bundle-panel--text span,
#bundle-panel .bundle-panel--fairuse-informations .offer-panel--text span,
#bundle-panel .offer-panel--fairuse-informations .bundle-panel--text span,
#bundle-panel .offer-panel--fairuse-informations .offer-panel--text span,
[id^=offer-panel-] .bundle-panel--fairuse-informations .bundle-panel--text span,
[id^=offer-panel-] .bundle-panel--fairuse-informations .offer-panel--text span,
[id^=offer-panel-] .offer-panel--fairuse-informations .bundle-panel--text span,
[id^=offer-panel-] .offer-panel--fairuse-informations .offer-panel--text span {
    font-size: 2.5rem
}

#bundle-panel .bundle-panel--discount-price,
#bundle-panel .bundle-panel--price-informations,
#bundle-panel .offer-panel--discount-price,
#bundle-panel .offer-panel--price-informations,
[id^=offer-panel-] .bundle-panel--discount-price,
[id^=offer-panel-] .bundle-panel--price-informations,
[id^=offer-panel-] .offer-panel--discount-price,
[id^=offer-panel-] .offer-panel--price-informations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 15px
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel--discount-price,
    #bundle-panel .bundle-panel--price-informations,
    #bundle-panel .offer-panel--discount-price,
    #bundle-panel .offer-panel--price-informations,
    [id^=offer-panel-] .bundle-panel--discount-price,
    [id^=offer-panel-] .bundle-panel--price-informations,
    [id^=offer-panel-] .offer-panel--discount-price,
    [id^=offer-panel-] .offer-panel--price-informations {
        padding-top: 0
    }
}

#bundle-panel .bundle-panel--discount-price .bundle-panel--price,
#bundle-panel .bundle-panel--discount-price .offer-panel--price,
#bundle-panel .bundle-panel--price-informations .bundle-panel--price,
#bundle-panel .bundle-panel--price-informations .offer-panel--price,
#bundle-panel .offer-panel--discount-price .bundle-panel--price,
#bundle-panel .offer-panel--discount-price .offer-panel--price,
#bundle-panel .offer-panel--price-informations .bundle-panel--price,
#bundle-panel .offer-panel--price-informations .offer-panel--price,
[id^=offer-panel-] .bundle-panel--discount-price .bundle-panel--price,
[id^=offer-panel-] .bundle-panel--discount-price .offer-panel--price,
[id^=offer-panel-] .bundle-panel--price-informations .bundle-panel--price,
[id^=offer-panel-] .bundle-panel--price-informations .offer-panel--price,
[id^=offer-panel-] .offer-panel--discount-price .bundle-panel--price,
[id^=offer-panel-] .offer-panel--discount-price .offer-panel--price,
[id^=offer-panel-] .offer-panel--price-informations .bundle-panel--price,
[id^=offer-panel-] .offer-panel--price-informations .offer-panel--price {
    position: relative;
    margin: 0 auto;
    border: none;
    text-align: center
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel--discount-price .bundle-panel--price,
    #bundle-panel .bundle-panel--discount-price .offer-panel--price,
    #bundle-panel .bundle-panel--price-informations .bundle-panel--price,
    #bundle-panel .bundle-panel--price-informations .offer-panel--price,
    #bundle-panel .offer-panel--discount-price .bundle-panel--price,
    #bundle-panel .offer-panel--discount-price .offer-panel--price,
    #bundle-panel .offer-panel--price-informations .bundle-panel--price,
    #bundle-panel .offer-panel--price-informations .offer-panel--price,
    [id^=offer-panel-] .bundle-panel--discount-price .bundle-panel--price,
    [id^=offer-panel-] .bundle-panel--discount-price .offer-panel--price,
    [id^=offer-panel-] .bundle-panel--price-informations .bundle-panel--price,
    [id^=offer-panel-] .bundle-panel--price-informations .offer-panel--price,
    [id^=offer-panel-] .offer-panel--discount-price .bundle-panel--price,
    [id^=offer-panel-] .offer-panel--discount-price .offer-panel--price,
    [id^=offer-panel-] .offer-panel--price-informations .bundle-panel--price,
    [id^=offer-panel-] .offer-panel--price-informations .offer-panel--price {
        text-align: left;
        border-bottom: none;
        border-top: none
    }
}

#bundle-panel .bundle-panel--discount-price .bundle-panel--price .price,
#bundle-panel .bundle-panel--discount-price .offer-panel--price .price,
#bundle-panel .bundle-panel--price-informations .bundle-panel--price .price,
#bundle-panel .bundle-panel--price-informations .offer-panel--price .price,
#bundle-panel .offer-panel--discount-price .bundle-panel--price .price,
#bundle-panel .offer-panel--discount-price .offer-panel--price .price,
#bundle-panel .offer-panel--price-informations .bundle-panel--price .price,
#bundle-panel .offer-panel--price-informations .offer-panel--price .price,
[id^=offer-panel-] .bundle-panel--discount-price .bundle-panel--price .price,
[id^=offer-panel-] .bundle-panel--discount-price .offer-panel--price .price,
[id^=offer-panel-] .bundle-panel--price-informations .bundle-panel--price .price,
[id^=offer-panel-] .bundle-panel--price-informations .offer-panel--price .price,
[id^=offer-panel-] .offer-panel--discount-price .bundle-panel--price .price,
[id^=offer-panel-] .offer-panel--discount-price .offer-panel--price .price,
[id^=offer-panel-] .offer-panel--price-informations .bundle-panel--price .price,
[id^=offer-panel-] .offer-panel--price-informations .offer-panel--price .price {
    font-family: M-sb, OS-sb, Arial;
    color: #c00;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#bundle-panel .bundle-panel--discount-price .bundle-panel--price .price>div,
#bundle-panel .bundle-panel--discount-price .offer-panel--price .price>div,
#bundle-panel .bundle-panel--price-informations .bundle-panel--price .price>div,
#bundle-panel .bundle-panel--price-informations .offer-panel--price .price>div,
#bundle-panel .offer-panel--discount-price .bundle-panel--price .price>div,
#bundle-panel .offer-panel--discount-price .offer-panel--price .price>div,
#bundle-panel .offer-panel--price-informations .bundle-panel--price .price>div,
#bundle-panel .offer-panel--price-informations .offer-panel--price .price>div,
[id^=offer-panel-] .bundle-panel--discount-price .bundle-panel--price .price>div,
[id^=offer-panel-] .bundle-panel--discount-price .offer-panel--price .price>div,
[id^=offer-panel-] .bundle-panel--price-informations .bundle-panel--price .price>div,
[id^=offer-panel-] .bundle-panel--price-informations .offer-panel--price .price>div,
[id^=offer-panel-] .offer-panel--discount-price .bundle-panel--price .price>div,
[id^=offer-panel-] .offer-panel--discount-price .offer-panel--price .price>div,
[id^=offer-panel-] .offer-panel--price-informations .bundle-panel--price .price>div,
[id^=offer-panel-] .offer-panel--price-informations .offer-panel--price .price>div {
    padding-top: 20px
}

#bundle-panel .bundle-panel--discount-price .bundle-panel--price .price__cents,
#bundle-panel .bundle-panel--discount-price .offer-panel--price .price__cents,
#bundle-panel .bundle-panel--price-informations .bundle-panel--price .price__cents,
#bundle-panel .bundle-panel--price-informations .offer-panel--price .price__cents,
#bundle-panel .offer-panel--discount-price .bundle-panel--price .price__cents,
#bundle-panel .offer-panel--discount-price .offer-panel--price .price__cents,
#bundle-panel .offer-panel--price-informations .bundle-panel--price .price__cents,
#bundle-panel .offer-panel--price-informations .offer-panel--price .price__cents,
[id^=offer-panel-] .bundle-panel--discount-price .bundle-panel--price .price__cents,
[id^=offer-panel-] .bundle-panel--discount-price .offer-panel--price .price__cents,
[id^=offer-panel-] .bundle-panel--price-informations .bundle-panel--price .price__cents,
[id^=offer-panel-] .bundle-panel--price-informations .offer-panel--price .price__cents,
[id^=offer-panel-] .offer-panel--discount-price .bundle-panel--price .price__cents,
[id^=offer-panel-] .offer-panel--discount-price .offer-panel--price .price__cents,
[id^=offer-panel-] .offer-panel--price-informations .bundle-panel--price .price__cents,
[id^=offer-panel-] .offer-panel--price-informations .offer-panel--price .price__cents {
    position: unset;
    top: 35px
}

#bundle-panel .bundle-panel--discount-price .bundle-panel--mese-text,
#bundle-panel .bundle-panel--discount-price .offer-panel--mese-text,
#bundle-panel .bundle-panel--price-informations .bundle-panel--mese-text,
#bundle-panel .bundle-panel--price-informations .offer-panel--mese-text,
#bundle-panel .offer-panel--discount-price .bundle-panel--mese-text,
#bundle-panel .offer-panel--discount-price .offer-panel--mese-text,
#bundle-panel .offer-panel--price-informations .bundle-panel--mese-text,
#bundle-panel .offer-panel--price-informations .offer-panel--mese-text,
[id^=offer-panel-] .bundle-panel--discount-price .bundle-panel--mese-text,
[id^=offer-panel-] .bundle-panel--discount-price .offer-panel--mese-text,
[id^=offer-panel-] .bundle-panel--price-informations .bundle-panel--mese-text,
[id^=offer-panel-] .bundle-panel--price-informations .offer-panel--mese-text,
[id^=offer-panel-] .offer-panel--discount-price .bundle-panel--mese-text,
[id^=offer-panel-] .offer-panel--discount-price .offer-panel--mese-text,
[id^=offer-panel-] .offer-panel--price-informations .bundle-panel--mese-text,
[id^=offer-panel-] .offer-panel--price-informations .offer-panel--mese-text {
    border-left: none;
    text-align: center
}

#bundle-panel .bundle-panel--discount-price .bundle-panel--mese-text .mese,
#bundle-panel .bundle-panel--discount-price .offer-panel--mese-text .mese,
#bundle-panel .bundle-panel--price-informations .bundle-panel--mese-text .mese,
#bundle-panel .bundle-panel--price-informations .offer-panel--mese-text .mese,
#bundle-panel .offer-panel--discount-price .bundle-panel--mese-text .mese,
#bundle-panel .offer-panel--discount-price .offer-panel--mese-text .mese,
#bundle-panel .offer-panel--price-informations .bundle-panel--mese-text .mese,
#bundle-panel .offer-panel--price-informations .offer-panel--mese-text .mese,
[id^=offer-panel-] .bundle-panel--discount-price .bundle-panel--mese-text .mese,
[id^=offer-panel-] .bundle-panel--discount-price .offer-panel--mese-text .mese,
[id^=offer-panel-] .bundle-panel--price-informations .bundle-panel--mese-text .mese,
[id^=offer-panel-] .bundle-panel--price-informations .offer-panel--mese-text .mese,
[id^=offer-panel-] .offer-panel--discount-price .bundle-panel--mese-text .mese,
[id^=offer-panel-] .offer-panel--discount-price .offer-panel--mese-text .mese,
[id^=offer-panel-] .offer-panel--price-informations .bundle-panel--mese-text .mese,
[id^=offer-panel-] .offer-panel--price-informations .offer-panel--mese-text .mese {
    text-transform: uppercase;
    line-height: 3.5rem;
    font-size: 2.4rem
}

#bundle-panel .bundle-panel--text-informations,
#bundle-panel .offer-panel--text-informations,
[id^=offer-panel-] .bundle-panel--text-informations,
[id^=offer-panel-] .offer-panel--text-informations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 20px
}

#bundle-panel .bundle-panel--text-informations .bundle-panel--sempre,
#bundle-panel .bundle-panel--text-informations .offer-panel--sempre,
#bundle-panel .offer-panel--text-informations .bundle-panel--sempre,
#bundle-panel .offer-panel--text-informations .offer-panel--sempre,
[id^=offer-panel-] .bundle-panel--text-informations .bundle-panel--sempre,
[id^=offer-panel-] .bundle-panel--text-informations .offer-panel--sempre,
[id^=offer-panel-] .offer-panel--text-informations .bundle-panel--sempre,
[id^=offer-panel-] .offer-panel--text-informations .offer-panel--sempre {
    font-size: 2.5rem;
    text-align: center
}

#bundle-panel .bundle-panel--text-informations .bundle-panel--sempre img,
#bundle-panel .bundle-panel--text-informations .offer-panel--sempre img,
#bundle-panel .offer-panel--text-informations .bundle-panel--sempre img,
#bundle-panel .offer-panel--text-informations .offer-panel--sempre img,
[id^=offer-panel-] .bundle-panel--text-informations .bundle-panel--sempre img,
[id^=offer-panel-] .bundle-panel--text-informations .offer-panel--sempre img,
[id^=offer-panel-] .offer-panel--text-informations .bundle-panel--sempre img,
[id^=offer-panel-] .offer-panel--text-informations .offer-panel--sempre img {
    width: 260px
}

#bundle-panel .bundle-panel--text-informations .bundle-panel--sim,
#bundle-panel .bundle-panel--text-informations .offer-panel--sim,
#bundle-panel .offer-panel--text-informations .bundle-panel--sim,
#bundle-panel .offer-panel--text-informations .offer-panel--sim,
[id^=offer-panel-] .bundle-panel--text-informations .bundle-panel--sim,
[id^=offer-panel-] .bundle-panel--text-informations .offer-panel--sim,
[id^=offer-panel-] .offer-panel--text-informations .bundle-panel--sim,
[id^=offer-panel-] .offer-panel--text-informations .offer-panel--sim {
    font-size: 1.5rem;
    margin-top: 15px;
    text-align: center
}

#bundle-panel .bundle-panel--text-informations .bundle-panel--extra-text,
#bundle-panel .bundle-panel--text-informations .offer-panel--extra-text,
#bundle-panel .offer-panel--text-informations .bundle-panel--extra-text,
#bundle-panel .offer-panel--text-informations .offer-panel--extra-text,
[id^=offer-panel-] .bundle-panel--text-informations .bundle-panel--extra-text,
[id^=offer-panel-] .bundle-panel--text-informations .offer-panel--extra-text,
[id^=offer-panel-] .offer-panel--text-informations .bundle-panel--extra-text,
[id^=offer-panel-] .offer-panel--text-informations .offer-panel--extra-text {
    font-size: 1.5rem;
    text-align: center
}

#bundle-panel .bundle-panel.vertical,
#bundle-panel .offer-panel.vertical,
[id^=offer-panel-] .bundle-panel.vertical,
[id^=offer-panel-] .offer-panel.vertical {
    width: unset;
    position: relative
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel.vertical,
    #bundle-panel .offer-panel.vertical,
    [id^=offer-panel-] .bundle-panel.vertical,
    [id^=offer-panel-] .offer-panel.vertical {
        width: 385px
    }
}

#bundle-panel .bundle-panel.vertical .grid-l,
#bundle-panel .offer-panel.vertical .grid-l,
[id^=offer-panel-] .bundle-panel.vertical .grid-l,
[id^=offer-panel-] .offer-panel.vertical .grid-l {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

#bundle-panel .bundle-panel.vertical .bundle-panel--discount-price,
#bundle-panel .bundle-panel.vertical .offer-panel--discount-price,
#bundle-panel .offer-panel.vertical .bundle-panel--discount-price,
#bundle-panel .offer-panel.vertical .offer-panel--discount-price,
[id^=offer-panel-] .bundle-panel.vertical .bundle-panel--discount-price,
[id^=offer-panel-] .bundle-panel.vertical .offer-panel--discount-price,
[id^=offer-panel-] .offer-panel.vertical .bundle-panel--discount-price,
[id^=offer-panel-] .offer-panel.vertical .offer-panel--discount-price {
    position: absolute;
    left: -20px;
    top: 50%
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel.vertical .bundle-panel--discount-price,
    #bundle-panel .bundle-panel.vertical .offer-panel--discount-price,
    #bundle-panel .offer-panel.vertical .bundle-panel--discount-price,
    #bundle-panel .offer-panel.vertical .offer-panel--discount-price,
    [id^=offer-panel-] .bundle-panel.vertical .bundle-panel--discount-price,
    [id^=offer-panel-] .bundle-panel.vertical .offer-panel--discount-price,
    [id^=offer-panel-] .offer-panel.vertical .bundle-panel--discount-price,
    [id^=offer-panel-] .offer-panel.vertical .offer-panel--discount-price {
        left: -40px;
        top: 40%
    }
}

#bundle-panel .bundle-panel.vertical .bundle-panel--discount-price .price.rounded,
#bundle-panel .bundle-panel.vertical .offer-panel--discount-price .price.rounded,
#bundle-panel .offer-panel.vertical .bundle-panel--discount-price .price.rounded,
#bundle-panel .offer-panel.vertical .offer-panel--discount-price .price.rounded,
[id^=offer-panel-] .bundle-panel.vertical .bundle-panel--discount-price .price.rounded,
[id^=offer-panel-] .bundle-panel.vertical .offer-panel--discount-price .price.rounded,
[id^=offer-panel-] .offer-panel.vertical .bundle-panel--discount-price .price.rounded,
[id^=offer-panel-] .offer-panel.vertical .offer-panel--discount-price .price.rounded {
    width: 100px;
    height: 100px;
    font-size: 4.5rem;
    background-color: #ddd
}

@media(min-width:480px) {

    #bundle-panel .bundle-panel.vertical .bundle-panel--discount-price .price.rounded,
    #bundle-panel .bundle-panel.vertical .offer-panel--discount-price .price.rounded,
    #bundle-panel .offer-panel.vertical .bundle-panel--discount-price .price.rounded,
    #bundle-panel .offer-panel.vertical .offer-panel--discount-price .price.rounded,
    [id^=offer-panel-] .bundle-panel.vertical .bundle-panel--discount-price .price.rounded,
    [id^=offer-panel-] .bundle-panel.vertical .offer-panel--discount-price .price.rounded,
    [id^=offer-panel-] .offer-panel.vertical .bundle-panel--discount-price .price.rounded,
    [id^=offer-panel-] .offer-panel.vertical .offer-panel--discount-price .price.rounded {
        width: 130px;
        height: 130px;
        font-size: 6.5rem
    }
}

#bundle-panel .bundle-panel.vertical .bundle-panel--discount-price .price.rounded>div,
#bundle-panel .bundle-panel.vertical .offer-panel--discount-price .price.rounded>div,
#bundle-panel .offer-panel.vertical .bundle-panel--discount-price .price.rounded>div,
#bundle-panel .offer-panel.vertical .offer-panel--discount-price .price.rounded>div,
[id^=offer-panel-] .bundle-panel.vertical .bundle-panel--discount-price .price.rounded>div,
[id^=offer-panel-] .bundle-panel.vertical .offer-panel--discount-price .price.rounded>div,
[id^=offer-panel-] .offer-panel.vertical .bundle-panel--discount-price .price.rounded>div,
[id^=offer-panel-] .offer-panel.vertical .offer-panel--discount-price .price.rounded>div {
    padding-top: 0
}

#bundle-panel .bundle-panel.vertical .bundle-panel--price-informations .price,
#bundle-panel .bundle-panel.vertical .offer-panel--price-informations .price,
#bundle-panel .offer-panel.vertical .bundle-panel--price-informations .price,
#bundle-panel .offer-panel.vertical .offer-panel--price-informations .price,
[id^=offer-panel-] .bundle-panel.vertical .bundle-panel--price-informations .price,
[id^=offer-panel-] .bundle-panel.vertical .offer-panel--price-informations .price,
[id^=offer-panel-] .offer-panel.vertical .bundle-panel--price-informations .price,
[id^=offer-panel-] .offer-panel.vertical .offer-panel--price-informations .price {
    width: 100%
}

#bundle-panel .bundle-panel.vertical .separator,
#bundle-panel .offer-panel.vertical .separator,
[id^=offer-panel-] .bundle-panel.vertical .separator,
[id^=offer-panel-] .offer-panel.vertical .separator {
    border: 1px solid #000;
    width: 57%;
    margin: 15px 0
}

@media(min-width:840px)and (max-width:960px) {

    body:not(.home) #bundle-panel .bundle-panel--fairuse-informations .bundle-panel--fairuse,
    body:not(.home) #bundle-panel .bundle-panel--fairuse-informations .offer-panel--fairuse,
    body:not(.home) [id^=offer-panel-] .offer-panel--fairuse-informations .bundle-panel--fairuse,
    body:not(.home) [id^=offer-panel-] .offer-panel--fairuse-informations .offer-panel--fairuse {
        font-size: 5rem
    }

    body:not(.home) #bundle-panel .bundle-panel--discount-price .bundle-panel--price .price,
    body:not(.home) #bundle-panel .bundle-panel--discount-price .offer-panel--price .price,
    body:not(.home) #bundle-panel .bundle-panel--price-informations .bundle-panel--price .price,
    body:not(.home) #bundle-panel .bundle-panel--price-informations .offer-panel--price .price,
    body:not(.home) [id^=offer-panel-] .offer-panel--discount-price .bundle-panel--price .price,
    body:not(.home) [id^=offer-panel-] .offer-panel--discount-price .offer-panel--price .price,
    body:not(.home) [id^=offer-panel-] .offer-panel--price-informations .bundle-panel--price .price,
    body:not(.home) [id^=offer-panel-] .offer-panel--price-informations .offer-panel--price .price {
        font-size: 6rem;
        line-height: 4rem;
        width: 111px;
        margin-top: 0
    }

    body:not(.home) #bundle-panel .bundle-panel--discount-price .bundle-panel--price .price__cents,
    body:not(.home) #bundle-panel .bundle-panel--discount-price .offer-panel--price .price__cents,
    body:not(.home) #bundle-panel .bundle-panel--price-informations .bundle-panel--price .price__cents,
    body:not(.home) #bundle-panel .bundle-panel--price-informations .offer-panel--price .price__cents,
    body:not(.home) [id^=offer-panel-] .offer-panel--discount-price .bundle-panel--price .price__cents,
    body:not(.home) [id^=offer-panel-] .offer-panel--discount-price .offer-panel--price .price__cents,
    body:not(.home) [id^=offer-panel-] .offer-panel--price-informations .bundle-panel--price .price__cents,
    body:not(.home) [id^=offer-panel-] .offer-panel--price-informations .offer-panel--price .price__cents {
        font-size: .5em;
        top: 35px;
        right: 4px
    }
}

.countdown-wrapper {
    margin: 15px 0
}

.countdown-wrapper.size-sm div[id^=flipdown_] .rotor,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf {
    width: 20px;
    height: 30px
}

@media(min-width:840px) {

    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor,
    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf {
        width: 30px;
        height: 40px
    }
}

.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-bottom,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf-front,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf-rear,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-top,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor:after {
    width: 20px;
    height: 15px
}

@media(min-width:840px) {

    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor-bottom,
    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf-front,
    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf-rear,
    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor-top,
    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor:after {
        width: 30px;
        height: 20px
    }
}

.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf-front,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-top {
    line-height: 30px
}

@media(min-width:840px) {

    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor-leaf-front,
    .countdown-wrapper.size-sm div[id^=flipdown_] .rotor-top {
        line-height: 40px
    }
}

.countdown-wrapper.size-sm .countdown-wrapper.size-xs .flipdays,
.countdown-wrapper.size-sm .flipdays,
.countdown-wrapper.size-xs .countdown-wrapper.size-sm .flipdays {
    width: 230px
}

@media(min-width:840px) {

    .countdown-wrapper.size-sm .countdown-wrapper.size-xs .flipdays,
    .countdown-wrapper.size-sm .flipdays,
    .countdown-wrapper.size-xs .countdown-wrapper.size-sm .flipdays {
        width: 307px
    }
}

.countdown-wrapper.size-xs div[id^=flipdown_] .rotor,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf {
    width: 15px;
    height: 20px
}

@media(min-width:840px) {

    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor,
    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf {
        width: 25px;
        height: 35px
    }
}

.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-bottom,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf-front,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf-rear,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-top,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor:after {
    width: 15px;
    height: 10px
}

@media(min-width:840px) {

    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor-bottom,
    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf-front,
    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf-rear,
    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor-top,
    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor:after {
        width: 25px;
        height: 17.5px
    }
}

.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf-front,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-top {
    line-height: 20px
}

@media(min-width:840px) {

    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor-leaf-front,
    .countdown-wrapper.size-xs div[id^=flipdown_] .rotor-top {
        line-height: 35px
    }
}

.countdown-wrapper.size-sm .countdown-wrapper.size-xs .flipdays,
.countdown-wrapper.size-xs .countdown-wrapper.size-sm .flipdays,
.countdown-wrapper.size-xs .flipdays {
    width: 180px
}

@media(min-width:840px) {

    .countdown-wrapper.size-sm .countdown-wrapper.size-xs .flipdays,
    .countdown-wrapper.size-xs .countdown-wrapper.size-sm .flipdays,
    .countdown-wrapper.size-xs .flipdays {
        width: 257px
    }
}

.countdown-wrapper .flipdays,
.countdown-wrapper.size-sm .countdown-wrapper.size-xs .flipdays,
.countdown-wrapper.size-sm .flipdays,
.countdown-wrapper.size-xs .countdown-wrapper.size-sm .flipdays,
.countdown-wrapper.size-xs .flipdays {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: M-b, OS-b, Arial;
    margin: auto;
    text-transform: uppercase;
    color: #fff
}

.countdown-wrapper .flipdays>span,
.countdown-wrapper.size-sm .flipdays>span,
.countdown-wrapper.size-xs .flipdays>span {
    font-size: 1rem;
    text-align: center
}

@media(min-width:840px) {

    .countdown-wrapper .flipdays>span,
    .countdown-wrapper.size-sm .flipdays>span,
    .countdown-wrapper.size-xs .flipdays>span {
        font-size: 1.5rem
    }
}

.countdown-wrapper #flipdown_,
.countdown-wrapper.size-sm div[id^=flipdown_],
.countdown-wrapper.size-xs div[id^=flipdown_] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto auto 5px;
    height: 40px;
    width: unset
}

.countdown-wrapper #flipdown_ .rotor,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor {
    font-size: 3rem
}

.countdown-wrapper #flipdown_ .rotor-group,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-group,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-group {
    padding-right: 12px
}

.countdown-wrapper #flipdown_ .rotor-group:last-child,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-group:last-child,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-group:last-child {
    padding-right: 0
}

.countdown-wrapper #flipdown_ .rotor-group-heading,
.countdown-wrapper.size-sm div[id^=flipdown_] .rotor-group-heading,
.countdown-wrapper.size-xs div[id^=flipdown_] .rotor-group-heading,
.navbar-common {
    display: none
}

@media(min-width:840px) {
    .navbar-common {
        text-transform: uppercase;
        position: fixed;
        z-index: 200;
        width: 100%;
        padding: 0 1em 0 0;
        background-color: #fff;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 1rem;
        font-family: M-b, OS-b, Arial;
        box-shadow: inset 0 -1px 0 0 #c4c4c4;
        height: 30px
    }

    .navbar-common,
    .navbar-common ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-common ul {
        list-style: none;
        padding: 0
    }

    .navbar-common ul a {
        color: #6f6f6f;
        padding: 10px
    }

    .navbar-common ul a.active,
    .navbar-common ul a:hover {
        color: #000
    }
}

.navbar-fm {
    position: fixed;
    z-index: 200;
    width: 100%;
    padding: 0 0 0 1em;
    margin-bottom: 0;
    background-color: #fff;
    font-family: M, OS, Arial;
    font-size: 1rem;
    box-shadow: 0 2px 1px #f6f6f6
}

@media(min-width:840px) {
    .navbar-fm {
        top: 30px
    }
}

.navbar-fm .container-fluid {
    font-size: 1rem;
    height: 60px;
    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;
    margin: 0 0 0 10px
}

.navbar-fm .container-fluid .navbar-header .navbar-brand img {
    width: 58px;
    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
}

.navbar-fm .container-fluid .account .nav li:hover,
.navbar-fm .container-fluid .main-nav .nav li:hover {
    color: #000
}

/* @media(min-width:768px) {

    .navbar-fm .container-fluid .account .nav li:hover,
    .navbar-fm .container-fluid .main-nav .nav li:hover {
        box-shadow: 0 2px 0 #000
    }
} */

@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;
    padding: 0 2rem
}

@media(min-width:992px) {

    .navbar-fm .container-fluid .account .nav li a,
    .navbar-fm .container-fluid .main-nav .nav li a {
        padding: 0 2rem
    }
}

.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 li {
    line-height: 1.4em;
    padding: 1.8rem 0
}

@media(min-width:992px) {
    .navbar-fm .container-fluid .account ul li {
        line-height: 1.6em
    }
}

.navbar-fm .container-fluid .account ul li a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.navbar-fm .container-fluid .account ul i {
    font-size: 2rem;
    color: #c00
}

@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
}

.navbar-fm .container-fluid .main-nav ul a i,
.navbar-fm .container-fluid .main-nav ul a svg {
    display: inline-block
}

@media(min-width:840px) {

    .navbar-fm .container-fluid .main-nav ul a i,
    .navbar-fm .container-fluid .main-nav ul a svg {
        display: none
    }
}

.navbar-fm .container-fluid .main-nav ul li {
    border-color: #c00;
    white-space: nowrap;
    padding: 2.3rem 0
}

.navbar-fm .container-fluid .main-nav ul li>a {
    border-right: 2px solid #6c6969
}

.navbar-fm .container-fluid .main-nav ul.main-menu-items li:nth-last-child(1 of :not(.hidden-desktop)) a {
    border: 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: 1;
        flex: 1;
        -ms-flex-order: 2;
        order: 2;
        padding-bottom: 0
    }

    .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].main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu>a {
    padding: 0
}

[off-canvas].main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu.open .dropdown-content__wrapper {
    height: 100px
}

[off-canvas].main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu .dropdown-content__wrapper {
    position: static
}

[off-canvas*=left] {
    top: auto
}

[canvas=container] {
    background-color: transparent
}

#nav-icon {
    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;
    background: none;
    border: none
}

@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: #000;
    min-width: 300px;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 100
}

@media(min-width:840px) {
    .nav-menu {
        display: none;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.nav-menu ul.main-menu-items,
.nav-menu ul.sub-menu-items {
    margin-top: 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    background: #fff;
    padding: 20px 20px 20px 40px
}

.nav-menu ul.main-menu-items ul.forfaits,
.nav-menu ul.sub-menu-items ul.forfaits {
    text-transform: capitalize;
    margin-top: 10px;
    padding-left: 20px
}

.nav-menu ul.main-menu-items ul.forfaits li,
.nav-menu ul.sub-menu-items ul.forfaits li {
    padding: 5px 0
}

.nav-menu ul.main-menu-items ul.forfaits li a,
.nav-menu ul.sub-menu-items ul.forfaits li a {
    color: #8a8a8a
}

.nav-menu ul.main-menu-items li,
.nav-menu ul.sub-menu-items li {
    list-style: none;
    padding: 10px 0
}

.nav-menu ul.main-menu-items li i,
.nav-menu ul.main-menu-items li svg,
.nav-menu ul.sub-menu-items li i,
.nav-menu ul.sub-menu-items li svg {
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 5px
}

.nav-menu ul.main-menu-items li a svg g path,
.nav-menu ul.sub-menu-items li a svg g path {
    fill: #878787
}

.nav-menu ul.main-menu-items li a:hover svg g path,
.nav-menu ul.main-menu-items li a svg.red g path,
.nav-menu ul.sub-menu-items li a:hover svg g path,
.nav-menu ul.sub-menu-items li a svg.red g path {
    fill: #c00
}

.nav-menu ul.main-menu-items hr,
.nav-menu ul.sub-menu-items hr {
    width: 100%;
    margin-left: -10px
}

@media(min-width:840px) {

    .nav-menu ul.main-menu-items hr,
    .nav-menu ul.sub-menu-items hr {
        display: none
    }
}

.nav-menu ul.sub-menu-items {
    margin-bottom: 110px
}

.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)
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu {
    position: relative;
    display: inline-block
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu>a {
    padding: 0 4rem 0 2.5rem;
    /* cursor: pointer; */
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu>a:after {
    position: absolute;
    right: 10px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    content: "";
    width: 24px;
    height: 24px;
    background-color: #000;
    -webkit-mask-image: url("https://www.iliad.it/assets/images/arrow.svg");
    mask-image: url("https://www.iliad.it/assets/images/arrow.svg");
    transform: rotate(0deg);
    transition: transform .2s ease-in-out
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu.open .dropdown-content__wrapper {
    height: 150px
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu.open .dropdown-content__wrapper .dropdown-content {
    opacity: 1
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu.open>a:after {
    content: "";
    width: 24px;
    height: 24px;
    background-color: #000;
    -webkit-mask-image: url("https://www.iliad.it/assets/images/arrow.svg");
    mask-image: url("https://www.iliad.it/assets/images/arrow.svg");
    transform: rotate(0deg);
    transition: transform .2s ease-in-out;
    transform: rotate(180deg)
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu .dropdown-content__wrapper {
    position: absolute;
    transition: all .5s ease-in-out;
    overflow: hidden;
    height: 0
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu .dropdown-content__wrapper .dropdown-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 0 2px -3px hsla(0, 0%, 59%, .05);
    z-index: 1;
    width: 100%;
    gap: 22px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 2rem;
    height: 100%;
    border-radius: 15px;
    opacity: 0;
    transition: all .5s ease-in-out
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu .dropdown-content__wrapper .dropdown-content a {
    width: 100%;
    padding: 0 !important;
    white-space: normal;
    display: inline-block
}

.main-nav .nav.navbar-nav.main-menu-items li.dropdown-menu .dropdown-content__wrapper .dropdown-content a:hover {
    box-shadow: none !important
}

#footer {
    background-color: #000
}

@media(min-width:1200px) {
    .navbar--opened #footer {
        padding-left: 300px
    }
}

@media(min-width:1600px) {
    .navbar--opened #footer {
        padding-left: 300px
    }
}

#footer .footer-wrapper {
    padding: .8em 0 1.2em;
    color: #d6d6d6;
    font-size: 1.2rem;
    font-family: M, OS, Arial;
    background: #000;
    text-align: center
}

#footer .page-container {
    max-width: 1280px;
    margin: auto;
    width: auto;
    position: relative
}

#footer .category-title {
    margin: 10px auto 5px;
    font-family: M-b, OS-b, Arial
}

#footer a {
    color: #d6d6d6;
    font-size: 1.6rem;
    font-family: M, OS, Arial
}

#footer h5 {
    padding: .3em .4em .2em;
    margin: 1em .3em .4em;
    font-family: M-sb, OS-sb, Arial;
    font-weight: 400;
    font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    color: #505050;
    background-color: #e0e0e0
}

#footer ul {
    padding-left: 0;
    list-style: none
}

#footer ul li {
    padding: 5px
}

#footer .revolut-link {
    display: inline-block;
    margin-top: 15px
}

#footer .revolut-link:hover {
    color: #c00
}

#footer .button.red.big {
    width: 220px;
    margin: 30px auto 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff
}

#footer .button.red.big:hover {
    background: #fff;
    color: #c00
}

#footer .conciliazione {
    margin-top: 10px
}

#footer .conciliazione a {
    font-size: 1.2rem
}

#footer .iliad-spa {
    margin: 30px 0 0
}

#footer .registrati a {
    width: 250px;
    margin: 40px auto 0;
    font-weight: 700;
    font-size: 2rem;
    text-transform: uppercase
}

#footer .registrati a:hover {
    background-color: #fff;
    color: #c00
}

#footer .socials {
    margin: 20px auto;
    max-width: 800px
}

#footer .socials .grid-c {
    width: 16.3%
}

#footer .socials a {
    margin: 15px auto;
    padding: 18px;
    width: 60px;
    height: 60px;
    display: block
}

#footer .socials a svg path {
    fill: #d6d6d6
}

#footer .socials a.facebook:hover svg path {
    fill: #3b5999
}

#footer .socials a.instagram:hover svg path {
    fill: #e4405f
}

#footer .socials a.twitter:hover svg path {
    fill: #55acee
}

#footer .socials a.linkedin:hover svg path {
    fill: #0077b5
}

#footer .socials a.youtube:hover svg path {
    fill: #cd201f
}

#footer .socials a.tiktok:hover svg path {
    fill: #fe2c55
}

#footer .mentions-link {
    font-family: M, OS, Arial;
    padding: 3em 1em 0;
    text-align: left;
    font-size: 1rem;
    overflow: hidden
}

#footer .mentions-link .mention-toggle {
    padding-top: .7em;
    text-align: center
}

#footer .mentions-link .mention-toggle a {
    font-size: 1rem
}

#footer .mentions-link p {
    margin-bottom: 5px
}

#footer .mentions-link a {
    font-size: 1em;
    color: #d6d6d6;
    text-decoration: underline
}

#footer #mentions {
    display: none;
    padding: 1.5em .6em;
    text-align: justify;
    font-size: 1rem
}

@media(min-width:480px) {
    #footer #mentions {
        padding: 2em 1em
    }
}

#footer #mentions a {
    text-decoration: underline;
    font-weight: 700;
    color: #d6d6d6;
    font-size: 1rem
}

@media(min-width:480px) {
    #footer h5 {
        color: inherit;
        background-color: transparent
    }

    #footer h5:after {
        border: 1px solid;
        content: " ";
        width: 50px;
        display: block;
        margin: 12px auto 0
    }

    #footer .actions a {
        max-width: 380px
    }
}

#footer-app {
    background-color: #fff
}

#footer-app .footer-app--container {
    display: -ms-flexbox;
    display: flex;
    padding: 35px 20px;
    min-height: 180px;
    background-image: url("https://www.iliad.it/assets/images/footer/app/background.jpg");
    background-size: cover
}

#footer-app .footer-app--container>div {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 33px
}

#footer-app .footer-app--container .footer-app--text {
    text-align: center;
    color: #fff;
    font-family: M-b;
    font-size: 3.4rem;
    line-height: 150%;
    margin: 0
}

@media(min-width:840px) {
    #footer-app .footer-app--container .footer-app--text {
        font-size: 3.8rem
    }
}

#footer-app .footer-app--container .footer-app--badges {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.italic {
    font-style: italic
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.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-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-small {
    font-size: 1.2rem !important;
    text-align: center
}

.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-plus,
.bt-label.bt-round-plus[disabled],
.bt-label.bt-round-plus[disabled]:hover {
    border-radius: 25px !important
}

.bt-label.bt-round-plus .bt-icon,
.bt-label.bt-round-plus[disabled] .bt-icon,
.bt-label.bt-round-plus[disabled]:hover .bt-icon {
    background: none
}

.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-green {
    background-color: #013540;
    border: 1px solid #013540
}

.bt-label.bt-green.state--submiting,
.bt-label.bt-green.state--submiting:focus,
.bt-label.bt-green.state--submiting:hover {
    background-color: rgba(1, 53, 64, .7);
    border-color: rgba(1, 53, 64, .7)
}

.bt-label.bt-green:focus,
.bt-label.bt-green:hover {
    background-color: #014a59
}

.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-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-white.bt-outline {
    background-color: transparent;
    border: 1px solid #fff
}

.bt-label.bt-white.bt-outline.state--submiting,
.bt-label.bt-white.bt-outline.state--submiting:focus,
.bt-label.bt-white.bt-outline.state--submiting:hover {
    background-color: hsla(0, 0%, 100%, .7);
    border-color: hsla(0, 0%, 100%, .7)
}

.bt-label.bt-white.bt-outline,
.bt-label.bt-white.bt-outline:visited {
    color: #fff
}

.bt-label.bt-white.bt-outline.bt-active,
.bt-label.bt-white.bt-outline:focus,
.bt-label.bt-white.bt-outline: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("https://www.iliad.it/assets/images/loader/submit-loader.gif");
    background-position: 50%;
    background-repeat: no-repeat
}

.bt-label.bt-link {
    border: 0;
    background: none;
    cursor: pointer;
    color: #000
}

.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-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)
}

.bt-discover,
.bt-discover__black,
.bt-discover__red,
.bt-discover__transparent,
.bt-discover__white,
.bt-register,
.bt-register__red,
.bt-register__white {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center;
    max-width: 150px;
    width: 100%;
    height: 55px;
    border-radius: 10px;
    font-family: M-b, OS-b, Arial;
    border: none
}

.bt-discover__transparent {
    border: 2px solid #fff;
    background-color: unset
}

.bt-discover__transparent span {
    color: #fff;
    font-size: 1.6rem
}

.bt-discover__transparent:focus,
.bt-discover__transparent:hover {
    background-color: #fff
}

.bt-discover__transparent:focus span,
.bt-discover__transparent:hover span {
    color: #c00
}

.bt-discover__black {
    border: 3px solid #000;
    background-color: unset
}

.bt-discover__black span {
    color: #000;
    font-size: 1.6rem
}

.bt-discover__black:focus,
.bt-discover__black:hover {
    background-color: #000
}

.bt-discover__black:focus span,
.bt-discover__black:hover span {
    color: #fff
}

.bt-discover__white {
    background-color: #fff
}

.bt-discover__white span {
    color: #c00;
    font-size: 1.6rem
}

.bt-discover__white.bt-text-black span {
    color: #000
}

.bt-discover__white.bt-border-red {
    border: 3px solid #c00
}

.bt-discover__white.bt-border-red:focus,
.bt-discover__white.bt-border-red:hover {
    border: none
}

.bt-discover__white.bt-border-white:focus,
.bt-discover__white.bt-border-white:hover {
    border: 3px solid #fff
}

.bt-discover__white:focus,
.bt-discover__white:hover {
    background-color: #c00
}

.bt-discover__white:focus span,
.bt-discover__white:hover span {
    color: #fff
}

.bt-discover__red {
    background-color: #c00
}

.bt-discover__red span {
    color: #fff;
    font-size: 1.6rem
}

.bt-discover__red:focus,
.bt-discover__red:hover {
    background-color: #fff;
    border: 3px solid #c00
}

.bt-discover__red:focus span,
.bt-discover__red:hover span {
    color: #c00
}

.bt-discover__red.bt-border-white {
    border: 3px solid #fff
}

.bt-register__white {
    background-color: #fff
}

.bt-register__white span {
    color: #c00;
    font-size: 1.6rem
}

.bt-register__white.bt-border-white:focus,
.bt-register__white.bt-border-white:hover {
    border: 3px solid #fff
}

.bt-register__white.bt-border-red {
    border: 3px solid #c00
}

.bt-register__white.bt-border-red:focus,
.bt-register__white.bt-border-red:hover {
    border: none
}

.bt-register__white:focus,
.bt-register__white:hover {
    color: #c00
}

.bt-register__white:focus span,
.bt-register__white:hover span {
    color: #fff
}

.bt-register__red {
    background-color: #c00
}

.bt-register__red span {
    color: #fff;
    font-size: 1.6rem
}

.bt-register__red:focus,
.bt-register__red:hover {
    background-color: #fff;
    box-shadow: 0 0 0 3px #c00
}

.bt-register__red:focus span,
.bt-register__red:hover span {
    color: #c00
}

.bt-no-border.bt-register__red:focus,
.bt-no-border.bt-register__red:hover,
.bt-no-border.bt-register__white:focus,
.bt-no-border.bt-register__white:hover,
.bt-register.bt-no-border:focus,
.bt-register.bt-no-border:hover {
    background-color: #fff;
    border: none
}

.bt-no-border.bt-register__red:focus span,
.bt-no-border.bt-register__red:hover span,
.bt-no-border.bt-register__white:focus span,
.bt-no-border.bt-register__white:hover span,
.bt-register.bt-no-border:focus span,
.bt-register.bt-no-border:hover span {
    color: #c00
}

.bt-large.bt-register__red,
.bt-large.bt-register__white,
.bt-register.bt-large {
    min-width: 275px;
    width: 100%
}

.bt-hover-transparent.bt-register__red:focus,
.bt-hover-transparent.bt-register__red:hover,
.bt-hover-transparent.bt-register__white:focus,
.bt-hover-transparent.bt-register__white:hover,
.bt-register.bt-hover-transparent:focus,
.bt-register.bt-hover-transparent:hover {
    background-color: hsla(0, 0%, 100%, 0)
}

.bt-hover-outlined.bt-register__red,
.bt-hover-outlined.bt-register__white,
.bt-register.bt-hover-outlined {
    transition: .4s;
    border: 3px solid #fff
}

.bt-hover-outlined.bt-register__red:focus,
.bt-hover-outlined.bt-register__red:hover,
.bt-hover-outlined.bt-register__white:focus,
.bt-hover-outlined.bt-register__white:hover,
.bt-register.bt-hover-outlined:focus,
.bt-register.bt-hover-outlined:hover {
    background-color: transparent
}

.bt-mx-auto {
    margin-left: auto;
    margin-right: auto
}

.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,
.flash.flat.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)
}

.flash.flat {
    font-family: M-b, OS-b, Arial;
    text-align: center
}

.flash.flat.flash-warning {
    color: #000;
    background-color: #ffd400
}

.box,
.box--error,
.box--info,
.box--neutral,
.box--success,
.box--title,
.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--title:not(last-child),
.box--warning:not(last-child),
.box:not(last-child) {
    margin-bottom: 5px
}

.box__icon {
    padding-left: .2em;
    padding-right: .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--title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px
}

.box--title .box__title {
    display: -ms-flexbox;
    display: flex;
    font-family: M-b, OS-b, Arial;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    font-size: 2rem
}

.box--title .box__text {
    line-height: 1.2
}

.box--title .box__icon {
    font-size: 1.5em
}

.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--bg-white {
    background-color: #fff
}

.box--bg-grey {
    color: #fff;
    background-color: #232323
}

.box--bg-white-grey {
    color: #fff;
    background-color: #d0cece
}

.box--smaller {
    font-size: .9em
}

.box--bigger {
    font-size: 1.4em
}

.box--bl-bold-plus {
    border-left-width: 25px !important
}

.box--b-bold {
    border-width: 2px
}

#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
    }
}

#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,
#footer .rgpd-banner .mdc-form-field label,
#footer .rgpd-banner a {
    font-size: 1.2rem;
    color: #d6d6d6
}

#footer .rgpd-banner a {
    border-radius: 8px
}

#footer .rgpd-banner a.close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.5rem
}

#footer .rgpd-banner a.light-grey {
    display: block;
    margin: 0 auto;
    background: #fcfcfc;
    color: #000;
    padding: 10px;
    max-width: 200px
}

#footer .rgpd-banner .categorie {
    text-transform: uppercase
}

#footer .rgpd-banner .bt-accept {
    margin: 20px 0;
    padding: 5px 10px;
    text-align: center
}

#config-cookies {
    max-width: 1280px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.5rem
}

#config-cookies .title {
    font-size: 3rem;
    margin: 0 0 .8em;
    text-transform: uppercase
}

#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.modal-buttons {
    display: none
}

#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 .mdc-form-field {
    padding: 5px 0 15px
}

#config-cookies .block-option .mdc-form-field label {
    margin-left: 10px
}

#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;
    font-family: M, OS, Arial;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 0 20px 0 50px
}

#config-cookies .block-option .details-custom {
    display: none;
    padding-top: 10px
}

#config-cookies .block-option .details-custom .categorie {
    position: relative;
    padding: 6px 10px 6px 45px;
    margin-bottom: 4px;
    line-height: 24px;
    font-size: 15px;
    font-family: M-sb, OS-sb, Arial, monospace, serif;
    border-bottom: 1px solid #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-toggle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 36px;
    line-height: 36px;
    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 5px 45px
}

#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
}

.modal-rgpd #config-cookies .buttons.dedicated-page,
.modal-rgpd>.remodal-close {
    display: none
}

.modal-rgpd #config-cookies .buttons.modal-buttons {
    display: block
}

.modal-rgpd #config-cookies .buttons.modal-buttons .remodal-close {
    bottom: 15px;
    right: 15px;
    top: auto;
    width: 160px;
    height: 25px;
    left: auto;
    text-decoration: underline
}

.modal-rgpd #config-cookies .buttons.modal-buttons .remodal-close:before {
    left: auto;
    right: 0;
    line-height: 22px
}

.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
}

.rounded-packshot__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 450px;
    margin-bottom: -59px
}

.rounded-packshot__container .price--two-column .price__cents,
.rounded-packshot__container .price--two-column .price__month {
    white-space: nowrap;
    right: 0;
    position: static
}

.rounded-packshot__container .price__unit {
    line-height: 1
}

.rounded-packshot__container .price__month {
    transform: translateY(-2px);
    word-break: keep-all;
    text-wrap: nowrap
}

.rounded-packshot__container .compliant-5g__container {
    position: absolute;
    content: "";
    top: calc(50% - 36px);
    right: -36px;
    z-index: 5;
    border: 2px solid #000;
    border-radius: 100%;
    height: 72px;
    width: 72px;
    background: #c00;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.rounded-packshot__container .compliant-5g__data {
    font-size: 27px
}

.rounded-packshot__container .compliant-5g__text {
    font-size: 8px
}

.rounded-packshot__container .discount-price__container {
    position: absolute;
    content: "";
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 5;
    border: 2px solid #000;
    border-radius: 100%;
    height: 72px;
    width: 72px;
    background: #c00;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    top: 50%;
    left: calc((100% - 240px)/2 - 57px)
}

@media(min-width:600px) {
    .rounded-packshot__container .discount-price__container {
        top: calc(65% - 36px);
        left: -48px
    }
}

.rounded-packshot__container .discount-price__data {
    font-size: 18px;
    line-height: 2184px
}

.rounded-packshot__container .packshot-bottom__extra {
    display: none;
    margin-top: -17px;
    text-align: center;
    background: #000;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    border: 2px solid #000;
    padding-bottom: 20px;
    z-index: -1;
    width: 240px;
    height: 80px;
    transform: translateY(-56px)
}

@media(min-width:600px) {
    .rounded-packshot__container .packshot-bottom__extra {
        width: 408px;
        height: 70px;
        transform: translate(-20px, -5px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.rounded-packshot__container .packshot-bottom__extra p {
    width: 100%;
    color: #fff;
    z-index: 1;
    font-family: M-b, OS-b, Arial;
    text-transform: uppercase;
    margin: 0;
    line-height: 14px
}

.rounded-packshot__container .packshot-bottom__availability {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 440px;
    height: auto;
    transform: translate(-28px);
    font-size: 13px;
    text-align: center;
    background: #fff;
    color: #000;
    padding: 10px;
    border: 2px solid #000;
    border-radius: 14px;
    margin-top: 4px
}

.rounded-packshot__container .packshot-bottom__availability p {
    font-family: M, OS, Arial;
    line-height: normal;
    color: inherit;
    text-transform: uppercase;
    margin: 0
}

.rounded-packshot__container .packshot-bottom__availability p b {
    font-size: 16px;
    font-family: M-b, OS-b, Arial
}

@media(max-width:599px) {
    .rounded-packshot__container .packshot-bottom__availability {
        max-width: 240px;
        transform: translateY(-59px)
    }
}

.packshot-data__container,
.packshot-price__container {
    border: 2px solid #000;
    background: #fff
}

.packshot-data__container,
.packshot-data__content,
.packshot-price__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.packshot-price__container {
    padding: 32px 0;
    border-radius: 45px
}

.packshot-data__container {
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    color: #000;
    position: relative;
    width: 240px;
    height: 194px;
    padding: 25px 0 50px;
    -ms-flex-pack: start;
    justify-content: start
}

.packshot-price__container {
    width: 280px;
    height: 170px;
    transform: translateY(-59px)
}

.packshot-price__container .price--two-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 2px
}

.packshot-price__container .price--two-column .first-column {
    text-align: right
}

.packshot-price__container .price--two-column .second-column {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.packshot-price__item {
    max-width: 90%;
    margin: auto
}

.commercial-offer__extra-text,
.packshot-forever__container {
    text-align: center
}

.packshot-forever__img {
    max-width: 60%
}

@media(min-width:600px) {
    .rounded-packshot__container:not(.force-vertical) {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: normal;
        align-items: normal;
        transform: translate(28px);
        min-width: 500px;
        margin-bottom: 0
    }

    .rounded-packshot__container:not(.force-vertical) .compliant-5g__container {
        top: calc(50% - 36px);
        right: -36px
    }

    .rounded-packshot__container:not(.force-vertical) .discount-price__container {
        top: calc(50% - 36px);
        left: -36px
    }

    .rounded-packshot__container:not(.force-vertical) .packshot-data__container {
        width: 240px;
        height: 138px;
        padding: 0;
        -ms-flex-pack: center;
        justify-content: center;
        transform: translateY(16px);
        border-bottom-left-radius: 45px;
        border-top-right-radius: 0
    }

    .rounded-packshot__container:not(.force-vertical) .packshot-data__container:after {
        top: 0;
        left: 79%;
        bottom: auto;
        transform: scaleY(1.2);
        border-bottom-left-radius: 45px;
        border-top-right-radius: 0
    }

    .rounded-packshot__container:not(.force-vertical) .packshot-data__content {
        max-width: 95%;
        transform: translate(-10px)
    }

    .rounded-packshot__container:not(.force-vertical) .packshot-price__container {
        transform: translate(-56px);
        max-width: 256px;
        height: 170px
    }
}

@media(min-width:480px) {

    #account-offre-esim-order .rounded-packshot__container,
    #account-offre-migration .rounded-packshot__container {
        transform: scale(.8)
    }
}

#account-offre-esim-order .packshot-wrapper,
#account-offre-migration .packshot-wrapper {
    width: 100%
}

.remodal__content {
    font-size: 1.6rem;
    text-align: left
}

.remodal__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}

.remodal__header--title h2 {
    margin: 0;
    font-size: 2rem;
    text-align: left
}

.remodal__header--close .remodal-close {
    background: #e0e0e0;
    z-index: 10;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    top: 30px;
    right: 30px;
    left: auto
}

.remodal__header--close .remodal-close:before {
    width: 14px;
    line-height: 14px;
    padding: 7px 0 0 6.5px;
    color: #000
}

.carousel {
    position: relative;
    overflow: hidden;
    text-align: center;
    max-width: 1280px;
    margin: 0 auto
}

@media(min-width:1280px) {
    .carousel {
        border-radius: 10px
    }
}

.carousel .dynamic-banner {
    pointer-events: none;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.slider-buttons {
    width: 165px;
    display: none
}

.slider-buttons.slider-buttons--right {
    position: absolute;
    top: calc(50% - 25px);
    right: 5%;
    text-align: right
}

.slider-buttons.slider-buttons--custom {
    position: absolute
}

.carousel .tns-controls button {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    font-size: .9rem;
    background-color: #e0e0e0;
    color: #000;
    border: none
}

@media(min-width:480px) {
    .carousel .tns-controls button {
        width: 28px;
        height: 28px;
        font-size: 1.4rem
    }
}

@media(min-width:840px) {
    .carousel .tns-controls button {
        width: 36px;
        height: 36px
    }
}

.carousel .tns-controls button[data-controls=prev] {
    left: 15px
}

.carousel .tns-controls button[data-controls=next] {
    right: 15px
}

.carousel .tns-controls button:hover {
    transition: .3s;
    color: #000;
    background-color: #fff
}

.carousel .tns-controls button i {
    display: block;
    width: .9rem;
    height: .9rem;
    margin: auto
}

@media(min-width:480px) {
    .carousel .tns-controls button i {
        width: 1.4rem;
        height: 1.4rem
    }
}

.carousel .tns-nav {
    text-align: center
}

.carousel .tns-nav button {
    margin: 5px;
    border-radius: 50%;
    border: none;
    padding: 4px;
    outline: none
}

.carousel .tns-nav button:hover {
    background: #777
}

.carousel .tns-nav button.tns-nav-active {
    background: #000
}

.carousel .my-slider {
    opacity: 0
}

.carousel .my-slider.tns-slider {
    opacity: 1
}

.carousel .my-slider .tns-item {
    position: relative;
    font-size: 0
}

.carousel .my-slider>div a img {
    display: none;
    width: 100%;
    max-width: 1280px
}

@media(max-width:479px) {
    .carousel .my-slider>div a img.banner_mobile {
        display: block
    }
}

@media(min-width:480px)and (max-width:839px) {
    .carousel .my-slider>div a img.banner_tablet {
        display: block
    }
}

@media(min-width:840px) {
    .carousel .my-slider>div a img.banner_desktop {
        display: block
    }
}

.carousel .no-link {
    cursor: grab
}

.carousel .opensignal {
    background: #c00
}

.info-banner {
    position: relative;
    text-align: center;
    margin: 20px 0
}

.info-banner.grid-l {
    min-height: 26rem;
    padding-bottom: 25px
}

@media(min-width:840px) {
    .info-banner.grid-l {
        padding-bottom: 0
    }
}

.info-banner.grid-l .info-icon-box {
    position: relative;
    height: 50px;
    width: 50px;
    margin: 50px auto 10px
}

.info-banner.grid-l .color-red {
    color: #c00
}

.info-banner.grid-l .info-title {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: M-b, OS-b, Arial;
    font-size: 2rem
}

.info-banner.grid-l .info-content {
    font-family: M, OS, Arial;
    font-size: 1.2rem;
    margin: 0 10px
}

.info-banner.grid-l .info-content a {
    color: inherit;
    cursor: pointer
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

body {
    font-family: M, OS, Arial;
    min-width: 300px;
    margin: 0;
    padding: 0;
    color: #000
}

body.p-shop,
body[class^="main acc_"] {
    background: #f6f6f6
}

body.acc_login .wrapper-page,
body:not(.p-shop):not([class^="main acc_"]):not(.p-iphone-upgrade) .wrapper-page {
    background: #fff
}

.wrapper-page {
    padding: 6.2rem 0 0;
    --header-height: 6.2rem
}

@media(min-width:840px) {
    .wrapper-page {
        --header-height: 9.2rem;
        padding: 9.2rem 0 0
    }
}

a {
    text-decoration: none;
    color: #000
}

/* a:active,
a:hover {
    color: #c00
} */

.underline {
    text-decoration: underline
}

.img-responsive {
    width: 100%
}

.color-main,
.red {
    color: #c00
}

.free-grey {
    color: #000
}

.freefont {
    line-height: 1
}

.font-iliad {
    font-family: logo, serif;
    font-weight: 400
}

.button {
    display: block;
    padding: 5px 20px;
    font-family: M-sb, OS-sb, Arial
}

.button.big {
    padding: 10px 20px;
    font-size: 30px
}

.button.red {
    background: #c00;
    color: #fff
}

.data {
    max-width: 200px;
    position: relative;
    margin: 12px auto;
    color: #c00
}

@media(min-width:480px) {
    .data {
        max-width: 470px
    }
}

.data .fairuse {
    font-family: M-b, OS-b, Arial;
    font-size: 5rem;
    margin-right: 37px
}

@media(min-width:840px) {
    .data .fairuse {
        font-size: 13rem;
        margin-right: 90px
    }
}

@media(min-width:480px) {
    .data .fairuse {
        font-size: 9rem;
        margin-right: 35px
    }
}

.data .fairuse .unit {
    position: absolute;
    right: 30px;
    bottom: 18px;
    font-size: 3rem;
    font-weight: 700
}

@media(min-width:840px) {
    .data .fairuse .unit {
        font-size: 7rem;
        bottom: 56px;
        right: 65px
    }
}

@media(min-width:480px) {
    .data .fairuse .unit {
        font-size: 5rem;
        right: 95px;
        bottom: 40px
    }
}

.data .month {
    position: absolute;
    font-size: 1.5rem;
    top: 27px;
    right: 31px
}

@media(min-width:840px) {
    .data .month {
        font-size: 3.5rem;
        top: 75px;
        right: 66px
    }
}

@media(min-width:480px) {
    .data .month {
        font-size: 2.5rem;
        top: 46px;
        right: 96px
    }
}

.container,
.page-container {
    margin: auto;
    width: auto;
    position: relative
}

h1 {
    font-weight: 400;
    font-family: M, OS, Arial;
    font-size: 2.4rem
}

h3 {
    font-size: 2rem
}

.bold,
.box--bold,
.bt-label.bt-bold {
    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("https://www.iliad.it/assets/images/listDecoration.png");
    text-align: justify
}

.max100 {
    max-width: 100%
}

#Infos-legales {
    text-align: left
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.hidden,
.visible-desktop,
.visible-phone,
.visible-tablet {
    display: none
}

@media(max-width:479px) {
    .hidden-phone {
        display: none
    }

    .force-hidden-phone {
        display: none !important
    }

    .visible-phone {
        display: block
    }
}

@media(min-width:480px)and (max-width:839px) {
    .hidden-tablet {
        display: none
    }

    .force-hidden-tablet {
        display: none !important
    }

    .visible-tablet {
        display: block
    }
}

@media(min-width:840px) {
    body {
        background: #000
    }

    .hidden-desktop {
        display: none
    }

    .visible-desktop {
        display: block
    }
}

.countdown {
    width: 280px;
    display: block;
    margin: auto;
    height: 62px;
    overflow: hidden
}

.countdown .progressbar {
    width: 50px;
    float: left;
    position: relative;
    margin-right: 20px;
    font-size: 2rem;
    color: #000
}

.countdown .progressbar.red {
    color: #c00
}

.countdown .progressbar .progressbar-text {
    height: 32px
}

.countdown .progressbar .under {
    position: absolute;
    bottom: -8px;
    font-size: 1rem;
    left: 0;
    right: 0
}

.leaflet-pane {
    z-index: 90 !important
}

.leaflet-bottom,
.leaflet-top {
    z-index: 92 !important
}

.ui-tooltip {
    font-size: 1.2rem !important;
    color: #fff;
    padding: .5em .8em;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    line-height: 1.4;
    font-family: M-sb, OS-sb, Arial;
    z-index: 99999 !important
}

.ui-tooltip,
.ui-tooltip-arrow:after {
    border: none
}

.moral-persuasion-notice {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 5px;
    line-height: 3rem
}

.moral-persuasion-notice.moral-persuasion-notice-dark {
    color: #000
}

.moral-persuasion-notice.moral-persuasion-notice-dark .link-white a,
.moral-persuasion-notice.moral-persuasion-notice-dark .link-white a:hover {
    color: #000;
    text-decoration: underline
}

.moral-persuasion-notice:not(.moral-persuasion-notice-dark) {
    color: #fff
}

.moral-persuasion-notice:not(.moral-persuasion-notice-dark) .link-white a,
.moral-persuasion-notice:not(.moral-persuasion-notice-dark) .link-white a:hover {
    color: #fff;
    text-decoration: underline
}

body:not(#device-page) picture>img,
body:not(#device-page) picture>source {
    width: 100%;
    object-fit: cover
}