/**
 * www.miles-and-more.com
 */
.phonenumber__clearButton {
    display:none
}

.phonenumber__base {
    margin-bottom: 32px;
    width:100%
}

.phonenumber__base .awesomplete {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.phonenumber__base .form__fieldsetLegend {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--ctextsecondary);
    margin-bottom:-18px
}

.phonenumber__base--invalid .phonenumber__helpText {
    display:none
}

.phonenumber__base--invalid .phonenumber__errorMessage {
    display: block;
    opacity:1
}

.phonenumber__base--isFocused .phonenumber__clearButton, .phonenumber__base--valid:not(.phonenumber__base--isFocused) .phonenumber__field--number .form__iconValidation {
    display:block
}

.phonenumber__base--noAreaCode .phonenumber__field--number {
    flex:5
}

.phonenumber__fieldsWrapper {
    display: flex;
    line-height: 0;
    position:relative
}

.phonenumber__fieldsWrapper .form__element {
    margin-bottom:0
}

.phonenumber__fieldsWrapper--hasTooltip .form__iconClear {
    right:48px
}

.phonenumber__field--prefix {
    flex:50%
}

.phonenumber__field--prefix .form__input {
    padding-right:0 !important
}

.phonenumber__field--areaCode {
    flex:20%
}

.phonenumber__field--areaCode .form__input {
    padding-right:0
}

.phonenumber__base .phonenumber__field .form__iconClear, .phonenumber__base .phonenumber__field .form__iconValidation, .phonenumber__base .phonenumber__field .mdc-textfield-helptext {
    display:none
}

.phonenumber__field ::placeholder {
    opacity:1
}

@media screen and (min-width: 600px) {
    .phonenumber__field--prefix {
        flex:30%
    }
}

@media (min-width: 960px), print {
    .phonenumber__base .awesomplete {
        font-size: 16px;
        line-height:22px
    }

    .phonenumber__base .form__fieldsetLegend {
        font-size: 14px;
        line-height: 20px;
        margin-bottom:-16px
    }
}

@media screen and (max-width: 599px) {
    .phonenumber__field--prefix .awesomplete {
        width: 200%
    }
}


/**
 * www.miles-and-more.com
 */
.twofa__dialogBody {
    margin:0
}

.twofa__container {
    position:relative
}

.twofa__container .mamcomcomponent {
    margin-bottom:0
}

.twofa__container--external, .twofa__dialogSurface {
    margin-left: 0;
    margin-right: 0;
    padding:34px 24px 32px
}

.twofa__container--external .plugindialog__bodyWrapper, .twofa__dialogSurface .plugindialog__bodyWrapper {
    margin:0
}

.twofa__heading {
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-bottom:34px
}

.twofa-error__exceedRequested .twofa__heading, .twofa-error__exceedSubmitted .twofa__heading, .twofa-error__expiredCode .twofa__heading, .twofa-error__sso .twofa__heading {
    align-items: baseline;
    display: flex;
    justify-content: space-between;
    position:relative
}

.twofa__description p + p {
    margin-top:20px
}

.twofa-authentication__stepTwo .twofa__description, .twofa-authentication__stepZero .twofa__description, .twofa-contact .twofa__description, .twofa-registration__stepFour .twofa__description, .twofa-registration__stepTwo .twofa__description, .twofa-registration__stepTwoBounced .twofa__description {
    margin-bottom:32px
}

.twofa-registration__stepFive .twofa__description {
    margin-left:4px
}

.twofa-error__sso .twofa__description {
    margin-bottom:20px
}

.twofa__description + .twofa__description {
    margin-top:20px
}

.twofa__backBtn, .twofa__nextBtn, .twofa__saveBtn {
    margin-bottom: 8px;
    margin-top:32px
}

.twofa-authentication__stepZero .twofa__cancelBtn, .twofa-error__exceedRequested .twofa__cancelBtn, .twofa-error__exceedSubmitted .twofa__cancelBtn {
    margin-top:32px
}

.twofa__phoneNumberDetails {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top:5px
}

.twofa__changePhoneNumberBtn {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: var(--clink);
    cursor:pointer
}

.twofa__maskedPhoneNumber {
    font-weight: 600;
    margin-top:20px
}

.twofa__phoneNumberDetails .twofa__maskedPhoneNumber {
    margin-top:0
}

.twofa-authentication__stepOne .twofa__maskedPhoneNumber {
    margin-bottom:20px
}

.twofa__errorMsg {
    margin-bottom: 32px;
    margin-top:32px
}

.twofa-authentication__stepTwo .twofa__errorMsg, .twofa-registration__stepFour .twofa__errorMsg {
    margin-top:0
}

.twofa__contactUsBtn, .twofa__requestNewCodeBtn {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--clink);
    cursor: pointer;
    padding:0
}

.twofa__contactUsBtn:hover, .twofa__requestNewCodeBtn:hover {
    color:var(--caccent1)
}

.twofa__requestNewCodeMsg {
    align-items: center;
    display: flex;
    margin-top:24px
}

.twofa__requestNewCodeMsgText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--cbodytext);
    margin-left:8px
}

.twofa__requestNewCodeLoadingMsg .loadingSpinner {
    height: 32px;
    margin: 0;
    padding: 8px;
    width:32px
}

.twofa-registration__successMsg {
    align-items: center;
    display: flex;
    margin-bottom:32px
}

.twofa-registration__successIcon {
    color:var(--clink)
}

.twofa .contactservicecenter__tabBar {
    margin-bottom: 14px;
    padding:14px 0 0
}

.twofa .form__phonenumber {
    margin-bottom:18px
}

@media (min-width: 960px), print {
    .twofa__container--external, .twofa__dialogSurface {
        padding:36px 40px 40px
    }

    .twofa__heading {
        font-size: 30px;
        line-height: 36px;
        margin-bottom:36px
    }

    .twofa__description p + p {
        margin-top:22px
    }

    .twofa-authentication__stepZero .twofa__description, .twofa-contact .twofa__description {
        margin-bottom:22px
    }

    .twofa-authentication__stepTwo .twofa__description, .twofa-registration__stepFour .twofa__description {
        margin-bottom:54px
    }

    .twofa-registration__stepFive .twofa__description {
        font-weight: 300;
        color: var(--cbodytext);
        font-size: 24px;
        line-height:30px
    }

    .twofa-error__sso .twofa__description {
        margin-bottom:22px
    }

    .twofa__description + .twofa__description, .twofa__maskedPhoneNumber {
        margin-top:22px
    }

    .twofa-authentication__stepOne .twofa__maskedPhoneNumber {
        margin-bottom:22px
    }

    .twofa__contactUsBtn, .twofa__requestNewCodeBtn, .twofa__requestNewCodeMsgText {
        font-size: 16px;
        line-height:22px
    }

    .twofa-registration__successMsg {
        margin-bottom:40px
    }

    .twofa-registration__successIcon {
        height: 56px;
        padding: 20px;
        width:56px
    }

    .twofa .contactservicecenter__tabBar {
        margin-bottom: 16px;
        padding:16px 0 0
    }

    .twofa .form__phonenumber {
        margin-bottom: 32px
    }
}
/**
 * www.miles-and-more.com
 */
.contactservicecenter__tabBar {
    display: flex;
    height: 20px;
    margin-bottom: 24px;
    padding:24px 24px 0
}

.contactservicecenter__tabBar .mdc-tab-bar__indicator {
    background-color: var(--chighlight);
    display:block
}

.contactservicecenter__tabBar .mdc-ripple-upgraded:after, .contactservicecenter__tabBar .mdc-ripple-upgraded:before {
    background-color: initial;
    opacity:0
}

.contactservicecenter__tabLink {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--clink);
    display: block;
    margin-right: 24px;
    padding:0
}

.contactservicecenter__tabLink.mdc-tab--active, .contactservicecenter__tabLink:focus, .contactservicecenter__tabLink:hover {
    color: var(--chighlight);
    outline:none
}

.contactservicecenter__base {
    background-color: var(--cbodybg);
    border-radius: 2px;
    padding: 16px 24px 28px;
    position:relative
}

.contactservicecenter__headline {
    margin-bottom: 16px;
    margin-right:8px
}

.contactservicecenter__description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.contactservicecenter__contactPointsDivider {
    height:22px
}

.contactservicecenter__statusBar {
    border-radius: 0 0 2px 2px;
    height: 8px;
    transform: translateY(-2px);
    width:100%
}

.contactservicecenter__tabHeading {
    margin-bottom:32px
}

.contactservicecenter__headlineAndAvailability {
    margin-bottom:16px
}

.contactservicecenter__phoneBase {
    position:relative
}

.contactservicecenter__phoneAvailable, .contactservicecenter__phoneNotAvailable {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: var(--cbodytext);
    margin-bottom:16px
}

.contactservicecenter__phoneAvailable:before, .contactservicecenter__phoneNotAvailable:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 8px;
    width:10px
}

.contactservicecenter__phoneAvailable:before {
    background-color:var(--csuccess)
}

.contactservicecenter__phoneNotAvailable:before {
    background-color:var(--cwarn)
}

.contactservicecenter__phonesList {
    display: table;
    list-style:none
}

.contactservicecenter__phoneDetails {
    background-color: var(--cbuttondefaultbg);
    padding-right:24px
}

.contactservicecenter__phoneDetails:not(:first-child) {
    margin-top:8px
}

.contactservicecenter__phoneNumberContainer {
    align-items: center;
    display:flex
}

.contactservicecenter__phoneNumberContainer [class^=mamcomicon] {
    display:table-cell
}

.contactservicecenter__feeText {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--ctextsecondary);
    padding-left: 44px;
    padding-top:8px
}

.contactservicecenter__phoneNumber {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--clink);
    background-color: var(--cbuttondefaultbg);
    display: table-cell;
    vertical-align:middle
}

.contactservicecenter__phoneWhenToReachUsWrapper {
    align-items: center;
    display: flex;
    margin-top:12px
}

.contactservicecenter__phoneWhenToReachUsWrapper [class^=mamcomicon] svg {
    bottom:0
}

.contactservicecenter__whenToReachUsText {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    margin-right:8px
}

.contactservicecenter__phoneWhenToReachUsLink {
    cursor:pointer
}

.contactservicecenter__tooltip {
    background-color: var(--clistdivider);
    bottom: 0;
    min-width: 180px;
    padding: 16px;
    position: absolute;
    transform: translateY(calc(100% + 16px));
    z-index:1
}

.contactservicecenter__tooltipList {
    list-style:none
}

.contactservicecenter__tooltipList li {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    display: flex;
    justify-content: space-between;
    white-space:nowrap
}

.contactservicecenter__openingHoursSubheading {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: var(--cbodytext);
    margin-bottom:12px
}

.contactservicecenter__openingHoursDay {
    flex-shrink: 0;
    margin-right:20px
}

.contactservicecenter__openingHoursTime {
    flex-shrink: 0;
    text-align:right
}

.contactservicecenter__address {
    display: flex;
    margin-top:32px
}

.contactservicecenter__address [class^=mamcomicon] {
    align-self: flex-start;
    color: var(--clink);
    margin-right: 14px;
    padding-top:0
}

.contactservicecenter__addressLinesWrapper p:first-child {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-bottom:16px
}

.memberstatus--BASE .memberstatus__background.contactservicecenter__statusBar {
    background-color:initial
}

@media screen and (min-width: 600px) {
    .contactservicecenter__tooltip {
        padding: 24px;
        transform:translateY(calc(100% - 26px))
    }
}

@media (min-width: 960px), print {
    .contactservicecenter__tabBar {
        height: 26px;
        padding:40px 40px 0
    }

    .contactservicecenter__tabLink {
        font-size: 16px;
        line-height:22px
    }

    .contactservicecenter__base {
        padding:42px 40px
    }

    .contactservicecenter__headline {
        margin-bottom:0
    }

    .contactservicecenter__description {
        font-size: 16px;
        line-height:22px
    }

    .contactservicecenter__contactPointsDivider {
        height:42px
    }

    .contactservicecenter__headlineAndAvailability {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        margin-bottom:28px
    }

    .contactservicecenter__phoneAvailable, .contactservicecenter__phoneNotAvailable {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
        padding-top:8px
    }

    .contactservicecenter__feeText {
        font-size: 14px;
        line-height: 20px;
        padding-top:16px
    }

    .contactservicecenter__phoneNumber {
        font-size: 16px;
        line-height:22px
    }

    .contactservicecenter__openingHoursSubheading, .contactservicecenter__tooltipList li, .contactservicecenter__whenToReachUsText {
        font-size: 14px;
        line-height:20px
    }

    .contactservicecenter__address {
        margin-top:48px
    }

    .contactservicecenter__addressLinesWrapper p:first-child {
        font-size: 20px;
        line-height: 26px
    }
}

/**
 * www.miles-and-more.com
 */
@font-face {
    font-display: swap;
    font-family: "DLH Card Letters";
    font-weight: 400;
    src: url(fontscard/CardLetters.woff2) format("woff2"), url(fontscard/CardLetters.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "DLH Card Numbers";
    font-weight: 400;
    src: url(fontscard/CardNumbers.woff2) format("woff2"), url(fontscard/CardNumbers.woff) format("woff")
}

/**
 * www.miles-and-more.com
 */
@font-face {
    font-display: swap;
    font-family: "Lufthansa Web";
    font-weight: 100;
    src: url(fontslatin/LufthansaHeadWeb-Thin.woff2) format("woff2"), url(fontslatin/LufthansaHeadWeb-Thin.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Lufthansa Web";
    font-weight: 300;
    src: url(fontslatin/LufthansaHeadWeb-Light.woff2) format("woff2"), url(fontslatin/LufthansaHeadWeb-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Lufthansa Web";
    font-weight: 400;
    src: url(fontslatin/LufthansaTextWeb-Regular.woff2) format("woff2"), url(fontslatin/LufthansaTextWeb-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Lufthansa Web";
    font-weight: 700;
    src: url(fontslatin/LufthansaHeadWeb-Bold.woff2) format("woff2"), url(fontslatin/LufthansaHeadWeb-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "Lufthansa Web";
    font-weight: 600;
    src: url(fontslatin/LufthansaTextWeb-Bold.woff2) format("woff2"), url(fontslatin/LufthansaTextWeb-Bold.woff) format("woff")
}

body {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif
}

/**
 * www.miles-and-more.com
 */
.twofa {
    --travelid-twofa-csuccess:#417505
}

.twofa-contact .twofa__description {
    margin-bottom:30px
}

.twofa__contactUsBtn, .twofa__requestNewCodeBtn {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    font-size: var(--travelid-font-body-font-size);
    font-weight: var(--travelid-font-weight-bold);
    line-height: var(--travelid-font-body-line-height);
    letter-spacing:var(--travelid-font-body-letter-spacing)
}

.twofa__contactUsBtn:hover, .twofa__requestNewCodeBtn:hover {
    color:var(--caccent1)
}

.twofa__requestNewCodeMsgText {
    font-size: var(--travelid-font-body-font-size);
    font-weight: var(--travelid-font-weight-bold);
    line-height: var(--travelid-font-body-line-height);
    letter-spacing:var(--travelid-font-body-letter-spacing)
}

.twofa .contactservicecenter__tabBar {
    margin-bottom: 0;
    padding:0 10px 22px
}

.twofa .contactservicecenter__tabBar .mdc-tab-bar__indicator {
    background-color:var(--cbrand)
}

.twofa .contactservicecenter__base {
    background-color: var(--cbodybg2);
    padding:29px 0 28px
}

.twofa .contactservicecenter__headlineAndAvailability {
    display: block;
    margin-bottom:36px
}

.twofa .contactservicecenter__phoneAvailable:before {
    background-color:var(--travelid-twofa-csuccess)
}

.twofa .contactservicecenter__phoneDetails, .twofa .contactservicecenter__phoneNumber {
    background-color:var(--cbodybg2)
}

.twofa .contactservicecenter__phoneNumberLink {
    color:var(--cbodytext)
}

.twofa .travelid-tooltip__popup {
    margin-top: 0;
    right:0
}

.twofa .contactservicecenter__phoneAvailable:before {
    background-color: var(--csuccess)
}

/**
 * www.miles-and-more.com
 */
.travelid-login {
    --travelid-login-divider-margin-top: 28px;
    --travelid-login-forgotlinks-margin-bottom: 64px;
    --travelid-login-formactions-margin-bottom: 20px;
    --travelid-login-registrationhints-padding-bottom: 26px;
    --travelid-login-registrationtexthint-margin-bottom: 4px;
    --travelid-login-resetstep-margin-bottom: 64px;
    --travelid-login-separator-margin:4px auto 24px
}

.travelid-login legend {
    padding: 0;
    display:table
}

.travelid-login fieldset {
    border: 0;
    padding: .01em 0 0;
    margin: 0;
    min-width:0
}

.travelid-login body:not(:-moz-handler-blocked) fieldset {
    display:table-cell
}

.travelid-login {
    background:var(--cgrey00)
}

.travelid-login__description {
    margin-bottom:32px
}

.travelid-login__formActions {
    margin-bottom:var(--travelid-login-formactions-margin-bottom)
}

.travelid-login__registrationTextHint {
    margin-bottom:var(--travelid-login-registrationtexthint-margin-bottom)
}

.travelid-login__separator {
    margin: var(--travelid-login-separator-margin);
    position: relative;
    text-align:center
}

.travelid-login__separator--line {
    background-color: var(--clistdivider);
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width:100%
}

.travelid-login__separator--label {
    background: var(--cbodybg2);
    color: var(--cbodytext);
    display: inline-block;
    padding: 0 16px;
    position:relative
}

.travelid-login__registrationLink .travelid-link {
    align-items: center;
    display:flex
}

.travelid-login__backButton {
    padding:0
}

.travelid-login__backButton [class^=travelid-icon] {
    transform:rotateY(180deg)
}

.travelid-login__logoutAndRefresh {
    padding:0
}

.travelid-login__footerDivider {
    border-top: 1px solid var(--cdivider);
    font-weight: var(--travelid-font-weight-light);
    margin-top: var(--travelid-login-divider-margin-top);
    padding-top:28px
}

.travelid-login__footerDivider .travelid-link {
    color:var(--cbrand)
}

.travelid-login__notAuthorized .travelid-link {
    display:block
}

.travelid-login__outageBox {
    margin-bottom:32px
}

.travelid-login__registrationHints {
    padding-bottom:var(--travelid-login-registrationhints-padding-bottom)
}

.travelid-login__resetStep {
    margin-bottom:var(--travelid-login-resetstep-margin-bottom)
}

.travelid-login__forgotLinks .travelid-link__wrapper:not([hidden]) {
    margin-bottom:var(--travelid-login-forgotlinks-margin-bottom)
}

.travelid-form__label--checkbox, .travelid-form__label--radio {
    color:var(--cbrand)
}

.travelid-login {
    --travelid-form-headline-bottom-spacing: 56px;
    --travelid-infobox-margin-bottom: 56px;
    --travelid-login-divider-margin-top: 14px;
    --travelid-login-registrationhints-padding-bottom: 64px;
    --travelid-login-formactions-margin-bottom: 0;
    --travelid-login-separator-margin:24px auto
}

.travelid-login__description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.travelid-login__backButton [class^=travelid-icon] {
    margin-left: -8px;
    margin-right:7px
}

.travelid-login__backButton .travelid-button__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color:var(--cbodytext)
}

.travelid-login__registrationTextHint {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.travelid-login__footerDivider {
    border:none
}

.travelid-login__outageBox [class^=travelid-icon] {
    padding:8px
}

.travelid-login__additionalRegistrationText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

@media (min-width: 960px), print {
    .travelid-login__additionalRegistrationText, .travelid-login__backButton .travelid-button__text, .travelid-login__description, .travelid-login__registrationTextHint {
        font-size: 16px;
        line-height: 22px
    }
}

/**
 * www.miles-and-more.com
 */
:root {
    --travelid-hallway-backlink-font-size: 16px;
    --travelid-hallway-backlink-font-weight: 700;
    --travelid-hallway-backlink-icon-height: 32px;
    --travelid-hallway-backlink-line-height: 48px;
    --travelid-hallway-backlink-icon-width: 32px;
    --travelid-hallway-bodywrapper-padding-bottom: 64px;
    --travelid-hallway-bodywrapper-padding-top: 0;
    --travelid-hallway-brandbar-bg: var(--cbodybg2);
    --travelid-hallway-brandbar-height: 70px;
    --travelid-hallway-heading-padding-bottom: 64px;
    --travelid-hallway-heading-padding-top: 0;
    --travelid-hallway-link-color: var(--clink);
    --travelid-hallway-link-padding-right: 32px;
    --travelid-hallway-link-padding-top: 12px;
    --travelid-hallway-linkswrapper-padding-bottom: 32px;
    --travelid-hallway-linkswrapper-padding-top: 20px;
    --travelid-hallway-logoimage-height: 24px;
    --travelid-hallway-logowrapper-height: 55px;
    --travelid-hallway-footer-logo-height:20px
}

.travelid-hallway__logosWrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: var(--travelid-hallway-logowrapper-height);
    padding-bottom: 25px;
    padding-top:25px
}

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

.travelid-hallway__footerLogo .travelid-hallway__logoImg, .travelid-hallway__footerLogo .travelid-hallway__logoImg img {
    height:var(--travelid-hallway-footer-logo-height)
}

.travelid-hallway__staralliance {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top:auto
}

.travelid-hallway__staralliance .travelid-hallway__logoImg, .travelid-hallway__staralliance .travelid-hallway__logoImg img {
    height:20px
}

.travelid-hallway__bodyWrapper {
    padding-bottom: var(--travelid-hallway-bodywrapper-padding-bottom);
    padding-top:var(--travelid-hallway-bodywrapper-padding-top)
}

.travelid-hallway__brandbarWrapper {
    background-color:var(--travelid-hallway-brandbar-bg)
}

.travelid-hallway__brandbarWrapper .travelid-hallway__brandbar {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height:var(--travelid-hallway-brandbar-height)
}

.travelid-hallway__brandbarWrapper .travelid-hallway__logoImg {
    align-self: flex-end;
    display: flex;
    height: var(--travelid-hallway-logoimage-height);
    width:100%
}

.travelid-hallway__brandbarWrapper .travelid-hallway__logoImg img {
    height: var(--travelid-hallway-logoimage-height);
    margin-left:4px
}

.travelid-hallway__backlink {
    font-size: var(--travelid-font-hyperlinksmall-font-size);
    font-weight: var(--travelid-font-weight-bold);
    line-height: var(--travelid-font-hyperlinksmall-line-height);
    letter-spacing: var(--travelid-font-hyperlinksmall-letter-spacing);
    align-items: center;
    display:inline-flex
}

.travelid-hallway__backlink [class^=travelid-icon] {
    height: var(--travelid-hallway-backlink-icon-height);
    width:var(--travelid-hallway-backlink-icon-width)
}

.travelid-hallway__heading {
    padding-bottom: var(--travelid-hallway-heading-padding-bottom);
    padding-top:var(--travelid-hallway-heading-padding-top)
}

.plugindialog__footerButton.travelid-button {
    align-items: center;
    background-color: var(--travelid-button-bg-default);
    color: var(--travelid-button-color-default);
    display: flex;
    height: var(--travelid-button-height);
    overflow:visible
}

.plugindialog__footerButton.travelid-button:after, .plugindialog__footerButton.travelid-button:before {
    background-color: initial;
    opacity: 1;
    transform:none
}

.plugindialog__footerButton.travelid-button:first-child {
    margin-right:16px
}

.plugindialog__footerButton.travelid-button:hover {
    background-color: var(--travelid-button-bg-hover);
    color:var(--travelid-button-color-hover-default)
}

.plugindialog__footerButton.travelid-button.button--primary {
    background-color: var(--travelid-button-bg-primary);
    border: none;
    color:var(--travelid-button-color-primary)
}

.plugindialog__footerButton.travelid-button.button--primary:hover {
    background-color:var(--travelid-button-bg-primary-hover)
}

.travelid-hallway__linksWrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: var(--travelid-hallway-linkswrapper-padding-bottom);
    padding-top:var(--travelid-hallway-linkswrapper-padding-top)
}

.travelid-hallway__link {
    align-items: center;
    color: var(--travelid-hallway-link-color);
    display: inline-flex;
    padding-right: var(--travelid-hallway-link-padding-right);
    padding-top:var(--travelid-hallway-link-padding-top)
}

.travelid-hallway__backlink {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color:var(--cbodytext)
}

.travelid-hallway__backlink [class^=travelid-icon] {
    margin-left: -13px;
    margin-right: 9px;
    padding: 8px;
    transform:rotate(-90deg)
}

.travelid-hallway__heading {
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
    color:var(--cpagetitle)
}

.travelid-hallway__main {
    background-color: var(--cbodybg);
    padding-top:16px
}

.travelid-hallway__linkText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

@media (min-width: 960px), print {
    :root {
        --travelid-hallway-backlink-font-size: 16px;
        --travelid-hallway-backlink-line-height: 48px;
        --travelid-hallway-brandbar-height: 90px;
        --travelid-hallway-linkswrapper-padding-bottom: 29px;
        --travelid-hallway-linkswrapper-padding-top: 29px;
        --travelid-hallway-link-padding-top: 0;
        --travelid-hallway-logoimage-height: 24px;
        --travelid-hallway-logowrapper-height:68px
    }

    .travelid-hallway__logosWrapper {
        box-sizing: border-box;
        flex-direction: row;
        padding-bottom: 0;
        padding-top:0
    }

    .travelid-hallway__staralliance {
        margin-left: auto;
        margin-top:0
    }

    .travelid-hallway__brandbarWrapper .travelid-hallway__logoImg img {
        margin-left:0
    }

    .travelid-hallway__backlink {
        font-size: 16px;
        line-height:22px
    }

    .travelid-hallway__heading {
        font-size: 48px;
        line-height: 56px;
        padding-left:29px
    }

    .travelid-hallway__main {
        padding-top:32px
    }

    .travelid-hallway__linkText {
        font-size: 16px;
        line-height: 22px
    }
}

/**
 * www.miles-and-more.com
 */
.travelid-component__loadingHeading {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-bottom: 16px;
    order:2
}

.travelid-component__loadingDescription {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    margin-bottom: 0;
    order:3
}

.travelid-component__loadingAnimation {
    height: 200px;
    margin-bottom: 56px;
    order: 1;
    width:200px
}

.travelid-form__textfield:after {
    border-bottom: 1px solid var(--travelid-textfield-border-color);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width:100%
}

.travelid-form__passwordfield .travelid-form__textfield .travelid-form__input {
    padding-right:45px
}

.travelid-form__passwordfield.is-focused .travelid-form__textfield .travelid-form__input {
    padding-right:90px
}

.travelid-form__textfieldIcon {
    color: var(--cbrand);
    margin:0 10px
}

.travelid-form__textfieldIcon:last-child {
    margin:0 5px 0 0
}

.travelid-form__element.is-disabled .travelid-form__textfield:after {
    border-bottom-color: var(--ctextinactive);
    border-bottom-width:1px !important
}

.travelid-form__element.is-focused .travelid-form__label {
    color:var(--chighlight)
}

.travelid-form__element.is-focused .travelid-form__textfield:after {
    border-bottom-color: var(--chighlight);
    border-bottom-width:2px !important
}

.is-invalid.is-touched:not(.is-focused) > .travelid-form__textfield .travelid-form__icon {
    color:var(--cwarn)
}

.travelid-form__element.is-filled .travelid-form__textfield:after, .travelid-form__element.is-invalid .travelid-form__textfield:after, .travelid-form__element.is-valid .travelid-form__textfield:after {
    border-bottom-width:2px
}

.phonenumber__base--invalid .travelid-form__elementValidationMessage .travelid-form__elementValidationMessageText, .travelid-form__element.is-invalid .travelid-form__label {
    color:var(--cwarn)
}

.travelid-form__textfield .awesomplete .flag-icon-typeahead:not(:empty) + .travelid-form__input {
    text-indent:25px
}

.flag-icon-typeahead {
    margin:3px 0
}

.travelid-form__label--checkbox {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.travelid-form__label--checkboxLarge {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color:var(--cbodytext)
}

.travelid-form__label--checkboxMedium {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color:var(--cbodytext)
}

:root {
    --ctransparent: transparent;
    --travelid-component-padding: 48px 16px 64px;
    --travelid-font-button-font-size: 16px;
    --travelid-font-button-line-height: 16px;
    --travelid-form-headline-bottom-spacing: 32px;
    --travelid-form-elementwrapper-withouttooltip-padding-right: inherit;
    --travelid-textfield-icons-bottom: 3px;
    --travelid-tooltip-trigger-margin: 8px 8px 8px 12px;
    --travelid-validationflyout-background: var(--cgrey4);
    --travelid-validationflyout-rule-valid-color:var(--csuccess)
}

body.user-is-tabbing :focus {
    outline:2px solid var(--chighlight)
}

.travelid-form__headline {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    color:var(--cbodytext)
}

.travelid-button[disabled] {
    background-color: var(--travelid-button-bg-disabled);
    color:var(--travelid-button-color-disabled)
}

.travelid-infoBox {
    background:var(--cnotificationblue)
}

.travelid-tooltip__trigger {
    --travelid-tooltip-trigger-translateY:4px
}

@media (min-width: 960px), print {
    .travelid-component__loadingHeading {
        font-size: 36px;
        line-height:42px
    }

    .travelid-component__loadingDescription {
        font-size: 16px;
        line-height:22px
    }

    .travelid-form__textfield .travelid-form__input {
        padding:1px 0
    }

    .travelid-form__textfield .awesomplete .flag-icon-typeahead:not(:empty) + .travelid-form__input {
        text-indent:35px
    }

    .flag-icon-typeahead {
        margin:1px 5px
    }

    .travelid-form__label--checkbox {
        font-size: 16px;
        line-height:22px
    }

    .travelid-form__label--checkboxLarge {
        font-size: 18px;
        line-height:24px
    }

    .travelid-form__label--checkboxMedium {
        font-size: 16px;
        line-height:22px
    }

    :root {
        --travelid-component-padding: 42px 40px 64px;
        --travelid-font-button-font-size: 18px;
        --travelid-font-button-line-height: 18px;
        --travelid-form-headline-bottom-spacing:42px
    }

    .travelid-form__headline {
        font-size: 36px;
        line-height:42px
    }

    .travelid-tooltip__trigger {
        --travelid-tooltip-trigger-translateY: 10px
    }
}
@keyframes mdc-ripple-fg-radius-in {
    from {
        animation-timing-function: cubic-bezier(0.4, 0, 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 mdc-ripple-fg-opacity-in {
    from {
        animation-timing-function: linear;
        opacity:0
    }

    to {
        opacity:1
    }
}

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

    to {
        opacity:0
    }
}

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

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

.mdc-button {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 2.25rem;
    text-decoration: none;
    text-transform: uppercase;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    padding: 0 16px;
    border: none;
    outline: none;
    text-align: center;
    user-select: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
    vertical-align: middle;
    border-radius:2px
}

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

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

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

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

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

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

.mdc-button:active {
    outline:none
}

.mdc-button:hover {
    cursor:pointer
}

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

.mdc-button:disabled {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
    cursor: default;
    pointer-events:none
}

.mdc-button--theme-dark .mdc-button:disabled, .mdc-theme--dark .mdc-button:disabled {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5))
}

.mdc-button:not(:disabled) {
    background-color:rgba(0, 0, 0, 0)
}

.mdc-button:not(:disabled) {
    color: #05164d;
    color:var(--mdc-theme-primary, #05164d)
}

.mdc-button::before, .mdc-button::after {
    background-color: rgba(5, 22, 77, 0.16);
    opacity:0
}

@supports (background-color: color(green a(10%))) {
    .mdc-button::before, .mdc-button::after {
        background-color:color(var(--mdc-theme-primary, #05164d) a(16%))
    }
}

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

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

.mdc-button.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-button.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

.mdc-button--raised:disabled, .mdc-button--unelevated:disabled {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.38);
    color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))
}

.mdc-button--theme-dark .mdc-button--raised:disabled, .mdc-theme--dark .mdc-button--raised:disabled, .mdc-button--theme-dark .mdc-button--unelevated:disabled, .mdc-theme--dark .mdc-button--unelevated:disabled {
    background-color: rgba(255, 255, 255, 0.12);
    color: rgba(0, 0, 0, 0.38);
    color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))
}

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

@supports not (-ms-ime-align: auto) {
    .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
        background-color:var(--mdc-theme-primary, #05164d)
    }
}

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

.mdc-button--raised::before, .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after {
    background-color: rgba(255, 255, 255, 0.32);
    opacity:0
}

@supports (background-color: color(green a(10%))) {
    .mdc-button--raised::before, .mdc-button--raised::after, .mdc-button--unelevated::before, .mdc-button--unelevated::after {
        background-color:color(var(--mdc-theme-text-primary-on-primary, #fff) a(32%))
    }
}

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

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

.mdc-button--raised.mdc-ripple-upgraded--background-active-fill::before, .mdc-button--unelevated.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-button--raised.mdc-ripple-upgraded::after, .mdc-button--unelevated.mdc-ripple-upgraded::after {
    opacity:0
}

.mdc-button--raised.mdc-ripple-upgraded--foreground-activation::after, .mdc-button--unelevated.mdc-ripple-upgraded--foreground-activation::after {
    animation:300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards
}

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

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

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

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

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

.mdc-button--stroked {
    border-style: solid;
    border-width: 2px;
    line-height:32px
}

.mdc-button--stroked:disabled {
    border-color: rgba(0, 0, 0, 0.38);
    border-color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))
}

.mdc-button--theme-dark .mdc-button--stroked:disabled, .mdc-theme--dark .mdc-button--stroked:disabled {
    border-color: rgba(255, 255, 255, 0.5);
    border-color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5))
}

.mdc-button--stroked.mdc-button--dense {
    line-height:27px
}

.mdc-button--stroked:not(:disabled) {
    border-color: #05164d;
    border-color:var(--mdc-theme-primary, #05164d)
}

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

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

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

.mdc-card {
    box-shadow: 0 0px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0;
    border-radius: 2px;
    overflow:hidden
}

.mdc-card__primary {
    padding:16px
}

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

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

.mdc-card__supporting-text {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    box-sizing: border-box;
    padding:8px 16px
}

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

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

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

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

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

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

[dir="rtl"] .mdc-card__actions .mdc-card__action, .mdc-card__actions .mdc-card__action[dir="rtl"] {
    margin:0 0 0 8px
}

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

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

.mdc-card__actions--vertical {
    flex-flow: column;
    align-items:flex-start
}

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

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

.mdc-card__media {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    padding:16px
}

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

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

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

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

.mdc-card__title {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    margin:-.063rem 0
}

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

.mdc-card__title--large {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2rem;
    text-decoration: inherit;
    text-transform: inherit;
    margin:0
}

.mdc-card__subtitle {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    margin:-.063rem 0
}

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

.mdc-card__horizontal-block {
    padding-left: 0;
    padding-right: 16px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box
}

[dir="rtl"] .mdc-card__horizontal-block, .mdc-card__horizontal-block[dir="rtl"] {
    padding-left: 16px;
    padding-right:0
}

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

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

[dir="rtl"] .mdc-card__horizontal-block .mdc-card__media-item, .mdc-card__horizontal-block .mdc-card__media-item[dir="rtl"] {
    margin-left: 0;
    margin-right:16px
}

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

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

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

    100% {
        stroke-dashoffset:0
    }
}

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
    0%, 68.2% {
        transform:scaleX(0)
    }

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

    100% {
        transform:scaleX(1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-checkbox {
    display: inline-block;
    position: relative;
    flex: 0 0 20px;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    padding: 14px;
    line-height: 0;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: bottom;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}

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

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

.mdc-checkbox--theme-dark .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color:rgba(255, 255, 255, 0.3)
}

.mdc-checkbox--theme-dark .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
    background-color:rgba(255, 255, 255, 0.3)
}

.mdc-checkbox .mdc-checkbox__checkmark__path {
    stroke:#fff !important
}

.mdc-checkbox .mdc-checkbox__mixedmark {
    background-color:#fff
}

.mdc-checkbox .mdc-checkbox__background::before {
    background-color:#1e449c
}

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

.mdc-checkbox::before, .mdc-checkbox::after {
    background-color: rgba(30, 68, 156, 0.14);
    opacity:0
}

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

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

.mdc-checkbox.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-checkbox.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

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

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

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

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

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

.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: #05164d;
    background-color:rgba(0, 0, 0, 0)
}

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: #1e449c;
    background-color:#1e449c
}

@keyframes mdc-checkbox-fade-in-background-0 {
    0% {
        border-color: #05164d;
        background-color:rgba(0, 0, 0, 0)
    }

    50% {
        border-color: #1e449c;
        background-color:#1e449c
    }
}

@keyframes mdc-checkbox-fade-out-background-0 {
    0%, 80% {
        border-color: #1e449c;
        background-color:#1e449c
    }

    100% {
        border-color: #05164d;
        background-color:rgba(0, 0, 0, 0)
    }
}

.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:mdc-checkbox-fade-in-background-0
}

.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:mdc-checkbox-fade-out-background-0
}

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
    border-color: #fff;
    background-color:rgba(0, 0, 0, 0)
}

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
    border-color: #1e449c;
    background-color:#1e449c
}

@keyframes mdc-checkbox-fade-in-background-1 {
    0% {
        border-color: #fff;
        background-color:rgba(0, 0, 0, 0)
    }

    50% {
        border-color: #1e449c;
        background-color:#1e449c
    }
}

@keyframes mdc-checkbox-fade-out-background-1 {
    0%, 80% {
        border-color: #1e449c;
        background-color:#1e449c
    }

    100% {
        border-color: #fff;
        background-color:rgba(0, 0, 0, 0)
    }
}

.mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
    animation-name:mdc-checkbox-fade-in-background-1
}

.mdc-checkbox--theme-dark.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
    animation-name:mdc-checkbox-fade-out-background-1
}

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

.mdc-checkbox--upgraded .mdc-checkbox__background, .mdc-checkbox--upgraded .mdc-checkbox__checkmark, .mdc-checkbox--upgraded .mdc-checkbox__checkmark__path, .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
    transition:none !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-checkbox__checkmark__path {
    transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    stroke-width: 3.46667px;
    stroke-dashoffset: 29.78334;
    stroke-dasharray:29.78334
}

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

.mdc-checkbox__mixedmark {
    width: 100%;
    height: 2px;
    transform: scaleX(0) rotate(0deg);
    transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    opacity:0
}

.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__mixedmark {
    transform: scaleX(1) rotate(0deg);
    opacity:1
}

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

.mdc-dialog {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index:5
}

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

.mdc-dialog__surface {
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px rgba(0, 0, 0, .2);
    background-color: #f5f5f5;
    background-color: var(--mdc-theme-background, #f5f5f5);
    display: inline-flex;
    flex-direction: column;
    width: calc(100% - 30px);
    min-width: 640px;
    max-width: 865px;
    transform: translateY(150px) scale(0.8);
    border-radius: 2px;
    opacity:0
}

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

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

.mdc-dialog__header {
    display: flex;
    align-items: center;
    padding:24px 24px 0
}

.mdc-dialog__header__empty {
    padding: 0
}

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

.mdc-dialog__header__title {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 2rem;
    text-decoration: inherit;
    text-transform: inherit;
    flex: 1;
    margin:0
}

.mdc-dialog__body {
    color: rgba(0, 0, 0, 0.54);
    color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54));
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    margin-top: 20px;
    padding:0 24px 24px
}

.mdc-dialog--theme-dark.mdc-dialog__body, .mdc-theme--dark .mdc-dialog__body {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

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

.mdc-dialog__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding:8px
}

.mdc-dialog__footer__button {
    margin-left: 0;
    margin-right: 8px
}

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

.mdc-dialog__footer__button:last-child {
    margin-left: 0;
    margin-right: 0
}

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

.mdc-dialog__action {
    color: #333;
    color:var(--mdc-theme-secondary, #333)
}

.mdc-dialog--animating {
    visibility:visible
}

.mdc-dialog--animating .mdc-dialog__backdrop {
    transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-dialog--animating .mdc-dialog--open .mdc-dialog__surface {
    transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-dialog--animating .mdc-dialog__surface {
    transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-dialog--open {
    visibility:visible
}

.mdc-dialog--open .mdc-dialog__backdrop {
    opacity:.3
}

.mdc-dialog--open .mdc-dialog__surface {
    transform: translateY(0) scale(1);
    opacity:1
}

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

:root {
    --mdc-persistent-drawer-dark-theme-bg-color: #212121
}

.mdc-persistent-drawer {
    width:0
}

.mdc-persistent-drawer__toolbar-spacer {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-shrink: 0;
    align-items: center;
    box-sizing: border-box;
    height: 56px;
    padding: 16px;
    border-bottom:1px solid rgba(0, 0, 0, 0.12)
}

.mdc-persistent-drawer__toolbar-spacer--theme-dark .mdc-persistent-drawer__toolbar-spacer, .mdc-theme--dark .mdc-persistent-drawer__toolbar-spacer {
    border-bottom:1px solid rgba(255, 255, 255, 0.12)
}

.mdc-persistent-drawer__header {
    position:relative
}

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

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

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

.mdc-persistent-drawer .mdc-list-item {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration:none
}

.mdc-persistent-drawer .mdc-list-item.mdc-ripple-upgraded {
    left:0
}

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

.mdc-persistent-drawer .mdc-list-item__start-detail--theme-dark .mdc-persistent-drawer .mdc-list-item__start-detail, .mdc-theme--dark .mdc-persistent-drawer .mdc-list-item__start-detail {
    color:rgba(255, 255, 255, 0.54)
}

.mdc-persistent-drawer--selected.mdc-list-item, .mdc-persistent-drawer--selected.mdc-list-item .mdc-list-item__start-detail {
    color: #05164d;
    color:var(--mdc-theme-primary, #05164d)
}

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

.mdc-persistent-drawer .mdc-list-item:focus::before {
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity:.12
}

.mdc-persistent-drawer .mdc-list-item:active::before {
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity:.18
}

.mdc-persistent-drawer .mdc-list-item:active:focus::before {
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-persistent-drawer__drawer {
    background: #f5f5f5;
    background: var(--mdc-theme-background, #f5f5f5);
    border-left: 0;
    border-right: 1px solid #e4e4e4;
    left: 0;
    right: initial;
    height: 100%;
    transform: translateX(-107%);
    transform: translateX(calc(-100% - 20px));
    will-change: transform;
    display: inline-flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 240px;
    overflow: hidden;
    touch-action: none
}

[dir="rtl"] .mdc-persistent-drawer__drawer, .mdc-persistent-drawer__drawer[dir="rtl"] {
    border-left: 1px solid #e4e4e4;
    border-right: 0
}

[dir="rtl"] .mdc-persistent-drawer__drawer, .mdc-persistent-drawer__drawer[dir="rtl"] {
    left: initial;
    right:0
}

.mdc-persistent-drawer__drawer--theme-dark, .mdc-theme--dark .mdc-persistent-drawer__drawer {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark, #fff);
    border-left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    background-color: #212121;
    background-color: var(--mdc-persistent-drawer-dark-theme-bg-color, #212121)
}

[dir="rtl"] .mdc-persistent-drawer__drawer--theme-dark, .mdc-persistent-drawer__drawer--theme-dark[dir="rtl"], [dir="rtl"] .mdc-theme--dark .mdc-persistent-drawer__drawer, .mdc-theme--dark .mdc-persistent-drawer__drawer[dir="rtl"] {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right: 0
}

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

.mdc-persistent-drawer--animating .mdc-persistent-drawer__drawer {
    transition:transform .195s 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-persistent-drawer--animating.mdc-persistent-drawer--open .mdc-persistent-drawer__drawer {
    transition:transform .225s 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-persistent-drawer--open {
    width: 240px;
    pointer-events:auto
}

.mdc-persistent-drawer--open .mdc-persistent-drawer__drawer {
    transform: none
}

[dir="rtl"] .mdc-persistent-drawer--open .mdc-persistent-drawer__drawer, .mdc-persistent-drawer--open[dir="rtl"] .mdc-persistent-drawer__drawer {
    transform:none
}

:root {
    --mdc-permanent-drawer-dark-theme-bg-color: #212121
}

.mdc-permanent-drawer {
    background: #f5f5f5;
    background: var(--mdc-theme-background, #f5f5f5);
    border-left: 0;
    border-right: 1px solid #e4e4e4;
    left: 0;
    right: initial;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    box-sizing: border-box;
    width: 240px;
    overflow:hidden
}

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

.mdc-permanent-drawer__toolbar-spacer--theme-dark .mdc-permanent-drawer__toolbar-spacer, .mdc-theme--dark .mdc-permanent-drawer__toolbar-spacer {
    border-bottom:1px solid rgba(255, 255, 255, 0.12)
}

.mdc-permanent-drawer__header {
    position:relative
}

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

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

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

.mdc-permanent-drawer .mdc-list-item {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration:none
}

.mdc-permanent-drawer .mdc-list-item.mdc-ripple-upgraded {
    left:0
}

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

.mdc-permanent-drawer .mdc-list-item__start-detail--theme-dark .mdc-permanent-drawer .mdc-list-item__start-detail, .mdc-theme--dark .mdc-permanent-drawer .mdc-list-item__start-detail {
    color:rgba(255, 255, 255, 0.54)
}

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

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

.mdc-permanent-drawer .mdc-list-item:focus::before {
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity:.12
}

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

.mdc-permanent-drawer .mdc-list-item:active:focus::before {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

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

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

.mdc-permanent-drawer--theme-dark, .mdc-theme--dark .mdc-permanent-drawer {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark, #fff);
    border-left: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    background-color: #212121;
    background-color: var(--mdc-permanent-drawer-dark-theme-bg-color, #212121)
}

[dir="rtl"] .mdc-permanent-drawer--theme-dark, .mdc-permanent-drawer--theme-dark[dir="rtl"], [dir="rtl"] .mdc-theme--dark .mdc-permanent-drawer, .mdc-theme--dark .mdc-permanent-drawer[dir="rtl"] {
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    border-right:0
}

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

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

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

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

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

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

.mdc-temporary-drawer__toolbar-spacer--theme-dark .mdc-temporary-drawer__toolbar-spacer, .mdc-theme--dark .mdc-temporary-drawer__toolbar-spacer {
    border-bottom:1px solid rgba(255, 255, 255, 0.12)
}

.mdc-temporary-drawer__header {
    position:relative
}

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

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

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

.mdc-temporary-drawer .mdc-list-item {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration:none
}

.mdc-temporary-drawer .mdc-list-item.mdc-ripple-upgraded {
    left:0
}

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

.mdc-temporary-drawer .mdc-list-item__start-detail--theme-dark .mdc-temporary-drawer .mdc-list-item__start-detail, .mdc-theme--dark .mdc-temporary-drawer .mdc-list-item__start-detail {
    color:rgba(255, 255, 255, 0.54)
}

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

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

.mdc-temporary-drawer .mdc-list-item:focus::before {
    transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
    opacity:.12
}

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

.mdc-temporary-drawer .mdc-list-item:active:focus::before {
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

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

.mdc-temporary-drawer__drawer {
    background: #f5f5f5;
    background: var(--mdc-theme-background, #f5f5f5);
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);
    left: 0;
    right: initial;
    height: 100%;
    transform: translateX(-107%);
    transform: translateX(calc(-100% - 20px));
    will-change: transform;
    display: flex;
    position: absolute;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(100% - 56px);
    max-width: 280px;
    overflow: hidden;
    touch-action: none
}

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

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

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

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

.mdc-temporary-drawer__footer {
    box-shadow: 0 0px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    flex-shrink:0
}

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

.mdc-temporary-drawer--animating.mdc-temporary-drawer--open .mdc-temporary-drawer__drawer {
    transition:transform .225s 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-temporary-drawer--animating .mdc-temporary-drawer__drawer {
    transition:transform .195s 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

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

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

.mdc-temporary-drawer--open .mdc-temporary-drawer__drawer {
    transform: none
}

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

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

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

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

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

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

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

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

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

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

.mdc-elevation--z8 {
    box-shadow:0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 3px rgba(0, 0, 0, .12), 0 4px 15px rgba(0, 0, 0, .2)
}

.mdc-elevation--z9 {
    box-shadow:0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12), 0 5px 6px rgba(0, 0, 0, .2)
}

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

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

.mdc-elevation--z12 {
    box-shadow:0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12), 0 7px 8px rgba(0, 0, 0, .2)
}

.mdc-elevation--z13 {
    box-shadow:0px 7px 8px -4px rgba(0, 0, 0, .14), 0px 13px 19px 2px rgba(0, 0, 0, .12), 0px 5px 24px 4px rgba(0, 0, 0, .2)
}

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

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

.mdc-elevation--z16 {
    box-shadow:0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2)
}

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

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

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

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

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

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

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

.mdc-elevation--z24 {
    box-shadow:0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px rgba(0, 0, 0, .2)
}

.mdc-elevation-transition {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change:box-shadow
}

.mdc-fab {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2);
    display: inline-flex;
    position: relative;
    justify-content: center;
    box-sizing: border-box;
    width: 56px;
    height: 56px;
    padding: 0;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
    border: none;
    border-radius: 50%;
    fill: currentColor;
    cursor: pointer;
    user-select: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow: hidden;
    background-color: #333;
    color: #fff;
    color:var(--mdc-theme-text-primary-on-secondary, #fff)
}

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

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

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

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

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

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

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

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

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

.mdc-fab:hover {
    cursor:pointer
}

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

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

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

.mdc-fab::before, .mdc-fab::after {
    background-color: rgba(255, 255, 255, 0.16);
    opacity:0
}

@supports (background-color: color(green a(10%))) {
    .mdc-fab::before, .mdc-fab::after {
        background-color:color(var(--mdc-theme-text-primary-on-secondary, #fff) a(16%))
    }
}

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

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

.mdc-fab.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-fab.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

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

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

.mdc-fab__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
    will-change:transform
}

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

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

.mdc-form-field {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    display: inline-flex;
    align-items: center;
    vertical-align:middle
}

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

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

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

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

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

.mdc-grid-list .mdc-grid-tile__primary {
    padding-bottom:calc(100% / 1)
}

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

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

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

.mdc-grid-list__tiles {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    padding:0
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-tile {
    margin: .5px 0;
    padding:0 .5px
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary {
    left: .5px;
    width:calc(100% - 1px)
}

.mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles {
    margin:.5px auto
}

.mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary {
    padding-bottom:calc(100% / 1.77778)
}

.mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary {
    padding-bottom:calc(100% / 1.5)
}

.mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary {
    padding-bottom:calc(100% / .66667)
}

.mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary {
    padding-bottom:calc(100% / 1.33333)
}

.mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary {
    padding-bottom:calc(100% / .75)
}

.mdc-grid-list--twoline-caption .mdc-grid-tile__secondary {
    height:68px
}

.mdc-grid-list--header-caption .mdc-grid-tile__secondary {
    top: 0;
    bottom:auto
}

.mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
    padding-left: 56px;
    padding-right: 8px
}

[dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary, .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
    padding-left: 8px;
    padding-right:56px
}

.mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
    left: 16px;
    right: initial;
    font-size: 24px
}

[dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon, .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
    left: initial;
    right:16px
}

.mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
    padding-left: 16px;
    padding-right: 56px
}

[dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary, .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
    padding-left: 56px;
    padding-right:16px
}

.mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
    left: initial;
    right: 16px;
    font-size: 24px
}

[dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon, .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
    left: 16px;
    right:initial
}

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

.mdc-grid-tile__primary {
    background-color: #f5f5f5;
    background-color: var(--mdc-theme-background, #f5f5f5);
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    position: relative;
    height:0
}

.mdc-grid-tile__primary-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover
}

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

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

.mdc-grid-tile__support-text {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin: 0;
    margin-top: 4px;
    padding:0
}

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

.mdc-icon-toggle {
    color: rgba(0, 0, 0, 0.54);
    color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54));
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    padding: 12px;
    outline: none;
    font-size: 1.5rem;
    cursor: pointer;
    user-select: none;
    will-change:initial
}

.mdc-icon-toggle::before, .mdc-icon-toggle::after {
    position: absolute;
    transition: opacity 250ms linear;
    border-radius: 50%;
    pointer-events: none;
    content: ""
}

.mdc-icon-toggle::before, .mdc-icon-toggle::after {
    background-color: rgba(0, 0, 0, 0.062);
    opacity:0
}

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

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

.mdc-icon-toggle.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-icon-toggle.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

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

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

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

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

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

.mdc-icon-toggle--theme-dark.mdc-icon-toggle::before, .mdc-icon-toggle--theme-dark.mdc-icon-toggle::after, .mdc-theme--dark .mdc-icon-toggle::before, .mdc-theme--dark .mdc-icon-toggle::after {
    background-color: rgba(255, 255, 255, 0.16);
    opacity:0
}

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

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

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

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded::after, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded::after {
    opacity:0
}

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

.mdc-icon-toggle--theme-dark.mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-theme--dark .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 83ms mdc-ripple-fg-opacity-out;
    transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

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

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

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

.mdc-icon-toggle--primary::before, .mdc-icon-toggle--primary::after {
    background-color: rgba(5, 22, 77, 0.14);
    opacity:0
}

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

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

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

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

.mdc-icon-toggle--primary.mdc-ripple-upgraded::after {
    opacity:0
}

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

.mdc-icon-toggle--primary.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 83ms mdc-ripple-fg-opacity-out;
    transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

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

.mdc-icon-toggle--accent::before, .mdc-icon-toggle--accent::after {
    background-color: rgba(51, 51, 51, 0.14);
    opacity:0
}

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

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

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

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

.mdc-icon-toggle--accent.mdc-ripple-upgraded::after {
    opacity:0
}

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

.mdc-icon-toggle--accent.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 83ms mdc-ripple-fg-opacity-out;
    transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

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

.mdc-icon-toggle--theme-dark.mdc-icon-toggle--disabled, .mdc-theme--dark .mdc-icon-toggle--disabled {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5))
}

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

.mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    padding: var(--mdc-layout-grid-margin-desktop, 24px);
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-tablet, 16px);
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding:var(--mdc-layout-grid-margin-phone, 16px)
}

.mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
    display: flex;
    flex-flow: row wrap;
    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: 24px;
        grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }
}

@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))
    }
}

@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))
    }
}

.mdc-layout-grid__cell {
    width: calc(33.33333% - 24px);
    width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
    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);
    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
    }
}

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

.mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-desktop {
    width: calc(8.33333% - 24px);
    width:calc(8.33333% - 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.66667% - 24px);
    width:calc(16.66667% - 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.33333% - 24px);
    width:calc(33.33333% - 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.66667% - 24px);
    width:calc(41.66667% - 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.33333% - 24px);
    width:calc(58.33333% - 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.66667% - 24px);
    width:calc(66.66667% - 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.33333% - 24px);
    width:calc(83.33333% - 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.66667% - 24px);
    width:calc(91.66667% - 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
    }
}

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

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

.mdc-layout-grid__cell--span-1, .mdc-layout-grid__cell--span-1-tablet {
    width: calc(12.5% - 16px);
    width:calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-tablet {
    width: calc(25% - 16px);
    width:calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-tablet {
    width: calc(37.5% - 16px);
    width:calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-tablet {
    width: calc(50% - 16px);
    width:calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-tablet {
    width: calc(62.5% - 16px);
    width:calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-tablet {
    width: calc(75% - 16px);
    width:calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-tablet {
    width: calc(87.5% - 16px);
    width:calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-tablet {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-tablet {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-tablet {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-tablet {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

.mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-tablet {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px))
}

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

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

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

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

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

.mdc-layout-grid__cell--span-2, .mdc-layout-grid__cell--span-2-phone {
    width: calc(50% - 16px);
    width:calc(50% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-3, .mdc-layout-grid__cell--span-3-phone {
    width: calc(75% - 16px);
    width:calc(75% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-4, .mdc-layout-grid__cell--span-4-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-5, .mdc-layout-grid__cell--span-5-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-6, .mdc-layout-grid__cell--span-6-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-7, .mdc-layout-grid__cell--span-7-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-8, .mdc-layout-grid__cell--span-8-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-9, .mdc-layout-grid__cell--span-9-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-10, .mdc-layout-grid__cell--span-10-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-11, .mdc-layout-grid__cell--span-11-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--span-12, .mdc-layout-grid__cell--span-12-phone {
    width: calc(100% - 16px);
    width:calc(100% - var(--mdc-layout-grid-gutter-phone, 16px))
}

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

.mdc-layout-grid__cell--order-1 {
    order:1
}

.mdc-layout-grid__cell--order-2 {
    order:2
}

.mdc-layout-grid__cell--order-3 {
    order:3
}

.mdc-layout-grid__cell--order-4 {
    order:4
}

.mdc-layout-grid__cell--order-5 {
    order:5
}

.mdc-layout-grid__cell--order-6 {
    order:6
}

.mdc-layout-grid__cell--order-7 {
    order:7
}

.mdc-layout-grid__cell--order-8 {
    order:8
}

.mdc-layout-grid__cell--order-9 {
    order:9
}

.mdc-layout-grid__cell--order-10 {
    order:10
}

.mdc-layout-grid__cell--order-11 {
    order:11
}

.mdc-layout-grid__cell--order-12 {
    order:12
}

.mdc-layout-grid__cell--align-top {
    align-self:flex-start
}

@supports (display: grid) {
    .mdc-layout-grid__cell--align-top {
        align-self:start
    }
}

.mdc-layout-grid__cell--align-middle {
    align-self:center
}

.mdc-layout-grid__cell--align-bottom {
    align-self:flex-end
}

@supports (display: grid) {
    .mdc-layout-grid__cell--align-bottom {
        align-self:end
    }
}

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

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

    20% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        transform:translateX(0)
    }

    59.15% {
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        transform:translateX(83.67142%)
    }

    100% {
        transform:translateX(200.61106%)
    }
}

@keyframes primary-indeterminate-scale {
    0% {
        transform:scaleX(0.08)
    }

    36.65% {
        animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
        transform:scaleX(0.08)
    }

    69.15% {
        animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
        transform:scaleX(0.66148)
    }

    100% {
        transform:scaleX(0.08)
    }
}

@keyframes secondary-indeterminate-translate {
    0% {
        animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
        transform:translateX(0)
    }

    25% {
        animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
        transform:translateX(37.65191%)
    }

    48.35% {
        animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
        transform:translateX(84.38617%)
    }

    100% {
        transform:translateX(160.27778%)
    }
}

@keyframes secondary-indeterminate-scale {
    0% {
        animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
        transform:scaleX(0.08)
    }

    19.15% {
        animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
        transform:scaleX(0.4571)
    }

    44.15% {
        animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
        transform:scaleX(0.72796)
    }

    100% {
        transform:scaleX(0.08)
    }
}

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

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

    20% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        transform:translateX(0)
    }

    59.15% {
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        transform:translateX(-83.67142%)
    }

    100% {
        transform:translateX(-200.61106%)
    }
}

@keyframes secondary-indeterminate-translate-reverse {
    0% {
        animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
        transform:translateX(0)
    }

    25% {
        animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
        transform:translateX(-37.65191%)
    }

    48.35% {
        animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
        transform:translateX(-84.38617%)
    }

    100% {
        transform:translateX(-160.27778%)
    }
}

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

.mdc-linear-progress {
    position: relative;
    width: 100%;
    height: 4px;
    transform: translateZ(0);
    transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    overflow:hidden
}

.mdc-linear-progress__bar {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: none;
    transform-origin: top left;
    transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)
}

.mdc-linear-progress__bar-inner {
    background-color: #05164d;
    background-color: var(--mdc-theme-primary, #05164d);
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    animation:none
}

.mdc-linear-progress--accent .mdc-linear-progress__bar-inner {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-linear-progress__buffering-dots {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: buffering 250ms infinite linear;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    background-size:10px 4px
}

.mdc-linear-progress__buffer {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: top left;
    transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    background-color:#e6e6e6
}

.mdc-linear-progress__secondary-bar {
    visibility:hidden
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
    transition:none
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
    left: -145.166611%;
    animation:primary-indeterminate-translate 2s infinite linear
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
    animation:primary-indeterminate-scale 2s infinite linear
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
    left: -54.888891%;
    animation: secondary-indeterminate-translate 2s infinite linear;
    visibility:visible
}

.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
    animation:secondary-indeterminate-scale 2s infinite linear
}

.mdc-linear-progress--reversed .mdc-linear-progress__bar, .mdc-linear-progress--reversed .mdc-linear-progress__buffer {
    right: 0;
    transform-origin:center right
}

.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
    animation-name:primary-indeterminate-translate-reverse
}

.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
    animation-name:secondary-indeterminate-translate-reverse
}

.mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
    animation:buffering-reverse 250ms infinite linear
}

.mdc-linear-progress--closed {
    opacity:0
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
    right: -145.166611%;
    left:auto
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
    right: -54.888891%;
    left:auto
}

.mdc-list {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.75rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    margin: 0;
    padding: 8px 16px 0;
    line-height: 1.5rem;
    list-style-type:none
}

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

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

.mdc-list-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height:48px
}

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

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

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

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

.mdc-list-item__text {
    display: inline-flex;
    flex-direction:column
}

.mdc-list-item__text__secondary {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.54);
    color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))
}

.mdc-list-item__text__secondary--theme-dark, .mdc-theme--dark .mdc-list-item__text__secondary {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    left: -16px;
    right: initial;
    position: relative;
    width: 100%;
    padding: 0 16px;
    overflow:hidden
}

.mdc-list-item.mdc-ripple-upgraded::before, .mdc-list-item.mdc-ripple-upgraded::after {
    position: absolute;
    transition: opacity 250ms linear;
    border-radius: 50%;
    pointer-events: none;
    content: ""
}

.mdc-list-item.mdc-ripple-upgraded::before, .mdc-list-item.mdc-ripple-upgraded::after {
    background-color: rgba(0, 0, 0, 0.06);
    opacity:0
}

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

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

.mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

.mdc-list-item.mdc-ripple-upgraded::before, .mdc-list-item.mdc-ripple-upgraded::after {
    top: calc(50% - 100%);
    left: calc(50% - 100%);
    width: 200%;
    height:200%
}

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

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

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

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

[dir="rtl"] .mdc-list-item.mdc-ripple-upgraded, .mdc-list-item.mdc-ripple-upgraded[dir="rtl"] {
    left: initial;
    right:-16px
}

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

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded::before, .mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded::after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded::before, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded::after {
    background-color: rgba(255, 255, 255, 0.12);
    opacity:0
}

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

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

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

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity:0
}

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

.mdc-list--theme-dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-theme--dark .mdc-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 83ms mdc-ripple-fg-opacity-out;
    transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

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

.mdc-list--theme-dark .mdc-list-divider, .mdc-theme--dark .mdc-list-divider {
    border-bottom-color:rgba(255, 255, 255, 0.2)
}

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

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

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

.mdc-list-group__subheader {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
    margin:.75rem 0
}

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

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

.mdc-simple-menu {
    display: none;
    position: absolute;
    min-width: 170px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    transform: scale(0);
    transform-origin: top left;
    border-radius: 2px;
    background-color: white;
    white-space: nowrap;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    will-change: transform, opacity;
    z-index: 4;
    box-shadow:0 0px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2)
}

.mdc-simple-menu--theme-dark, .mdc-theme--dark .mdc-simple-menu {
    background-color:#424242
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-simple-menu .mdc-list-item {
    position: relative;
    padding: 0 16px;
    outline: none;
    color: inherit;
    text-decoration: none;
    user-select: none;
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.75rem;
    text-decoration: inherit;
    text-transform:inherit
}

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

.mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-divider, .mdc-theme--dark .mdc-simple-menu .mdc-list-divider {
    border-color:rgba(255, 255, 255, 0.12)
}

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

.mdc-simple-menu--theme-dark.mdc-simple-menu .mdc-list-item__start-detail, .mdc-theme--dark .mdc-simple-menu .mdc-list-item__start-detail {
    color:rgba(255, 255, 255, 0.54)
}

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

.mdc-simple-menu .mdc-list-item::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 120ms cubic-bezier(0, 0, 0.2, 1);
    border-radius: inherit;
    background: currentColor;
    content: "";
    opacity: 0;
    pointer-events:none
}

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

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

.mdc-simple-menu .mdc-list-item[aria-disabled="true"] {
    cursor: default;
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))
}

.mdc-select--theme-dark .mdc-simple-menu .mdc-list-item[aria-disabled="true"], .mdc-theme--dark .mdc-simple-menu .mdc-list-item[aria-disabled="true"] {
    color: rgba(255, 255, 255, 0.5);
    color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5))
}

.mdc-simple-menu .mdc-list-item[aria-disabled="true"]:focus::before, .mdc-simple-menu .mdc-list-item[aria-disabled="true"]:active::before {
    opacity:0
}

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

.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;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    padding: 14px;
    cursor: pointer;
    will-change:opacity, transform, border-color, background-color, color
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, 0.54);
    border-color:var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54))
}

.mdc-radio--theme-dark .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle, .mdc-theme--dark .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(255, 255, 255, 0.7);
    border-color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

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

.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-radio .mdc-radio__background::before {
    background-color:#333
}

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

.mdc-radio::before, .mdc-radio::after {
    position: absolute;
    transition: opacity 250ms linear;
    border-radius: 50%;
    pointer-events: none;
    content: ""
}

.mdc-radio::before, .mdc-radio::after {
    background-color: rgba(51, 51, 51, 0.14);
    opacity:0
}

@supports (background-color: color(green a(10%))) {
    .mdc-radio::before, .mdc-radio::after {
        background-color:color(var(--mdc-theme-secondary, #333) a(14%))
    }
}

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

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

.mdc-radio.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-radio.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

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

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

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

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

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

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

.mdc-radio__background {
    display: inline-block;
    position: absolute;
    left: 14px;
    box-sizing: border-box;
    width: 41.66667%;
    height:41.66667%
}

.mdc-radio__background::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0, 0);
    transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-width: 2px;
    border-style: solid;
    border-radius:50%
}

.mdc-radio__inner-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    transform: scale(0, 0);
    transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), background-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border-radius:50%
}

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

.mdc-radio__native-control:checked + .mdc-radio__background, .mdc-radio__native-control:disabled + .mdc-radio__background {
    transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle, .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
    transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle, .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
    transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

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

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
    transform: scale(0.5);
    transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)
}

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

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

.mdc-radio--theme-dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, .mdc-theme--dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle, .mdc-radio--theme-dark [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle, .mdc-theme--dark [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(255, 255, 255, 0.3)
}

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

.mdc-radio--theme-dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, .mdc-theme--dark .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle, .mdc-radio--theme-dark [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, .mdc-theme--dark [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
    background-color:rgba(255, 255, 255, 0.3)
}

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

.mdc-ripple-surface {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
    outline: none;
    overflow:hidden
}

.mdc-ripple-surface::before, .mdc-ripple-surface::after {
    position: absolute;
    transition: opacity 250ms linear;
    border-radius: 50%;
    pointer-events: none;
    content: ""
}

.mdc-ripple-surface::before, .mdc-ripple-surface::after {
    background-color: rgba(0, 0, 0, 0.06);
    opacity:0
}

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

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

.mdc-ripple-surface.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-ripple-surface.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

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

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

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

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

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

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

.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
    background-color: rgba(5, 22, 77, 0.16);
    opacity:0
}

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

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

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

.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-ripple-surface--primary.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
    background-color: rgba(51, 51, 51, 0.16);
    opacity:0
}

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

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

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

.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-ripple-surface--accent.mdc-ripple-upgraded::after {
    opacity:0
}

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

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

.mdc-select {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.75rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    padding-left: 0;
    padding-right: 24px;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: calc(100% - 24px);
    height: 32px;
    transition: border-bottom-color 150ms 0ms cubic-bezier(0.4, 0, 0.6, 1), background-color 150ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
    appearance: none
}

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

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

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

[dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] {
    background-position:left center
}

.mdc-select--theme-dark, .mdc-theme--dark .mdc-select {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark, #fff);
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);
    border-bottom:1px solid rgba(255, 255, 255, 0.12)
}

.mdc-select--theme-dark:focus, .mdc-theme--dark .mdc-select:focus {
    border-bottom-color: #05164d;
    border-bottom-color: var(--mdc-theme-primary, #05164d);
    background-color:rgba(255, 255, 255, 0.09)
}

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

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

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

.mdc-select--disabled, .mdc-select[disabled] {
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);
    border-bottom-style: dotted;
    cursor: default;
    pointer-events: none;
    user-select:none
}

.mdc-select--theme-dark.mdc-select--disabled, .mdc-theme--dark .mdc-select--disabled {
    color: rgba(255, 255, 255, 0.5);
    color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5));
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);
    border-bottom:1px dotted rgba(255, 255, 255, 0.38)
}

.mdc-select--theme-dark.mdc-select[disabled], .mdc-theme--dark .mdc-select[disabled] {
    color: rgba(255, 255, 255, 0.5);
    color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5));
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.38%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);
    border-bottom:1px dotted rgba(255, 255, 255, 0.38)
}

.mdc-select__menu .mdc-list-item {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.75rem;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, 0.54);
    color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54))
}

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

.mdc-select--theme-dark .mdc-select__menu .mdc-list-item, .mdc-theme--dark .mdc-select__menu .mdc-list-item {
    color: rgba(255, 255, 255, 0.7);
    color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

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

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

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

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

.mdc-select--theme-dark .mdc-select__menu .mdc-list-group, .mdc-theme--dark .mdc-select__menu .mdc-list-group {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5))
}

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

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

.mdc-multi-select--theme-dark, .mdc-theme--dark .mdc-multi-select {
    border-color: rgba(255, 255, 255, 0.5);
    border-color:var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5))
}

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

.mdc-multi-select .mdc-list-group--theme-dark, .mdc-theme--dark .mdc-multi-select .mdc-list-group {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5))
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    100% {
        transform:scale(0.571)
    }
}

.mdc-slider {
    position: relative;
    width: 100%;
    height: 48px;
    cursor: pointer;
    touch-action: pan-x;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}

.mdc-slider:focus {
    outline:none
}

.mdc-slider__track-container {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #bdbdbd;
    overflow:hidden
}

.mdc-slider--theme-dark .mdc-slider__track-container, .mdc-theme--dark .mdc-slider__track-container {
    background-color:#5c5c5c
}

.mdc-slider__track {
    background-color: #05164d;
    background-color: var(--mdc-theme-primary, #05164d);
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: left top;
    will-change: transform
}

[dir="rtl"] .mdc-slider .mdc-slider__track, .mdc-slider[dir="rtl"] .mdc-slider__track {
    transform-origin:right top
}

.mdc-slider__track-marker-container {
    display: flex;
    margin-right: 0;
    margin-left: -1px;
    visibility: hidden
}

[dir="rtl"] .mdc-slider .mdc-slider__track-marker-container, .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container {
    margin-right: -1px;
    margin-left:0
}

.mdc-slider__track-marker-container::after {
    display: block;
    width: 2px;
    height: 2px;
    background-color: #5c5c5c;
    content: ""
}

.mdc-slider--theme-dark.mdc-slider__track-marker-container::after, .mdc-theme--dark .mdc-slider__track-marker-container::after {
    background-color:#bdbdbd
}

.mdc-slider__track-marker {
    flex:1
}

.mdc-slider__track-marker::after {
    display: block;
    width: 2px;
    height: 2px;
    background-color: #5c5c5c;
    content: ""
}

.mdc-slider--theme-dark.mdc-slider__track-marker::after, .mdc-theme--dark .mdc-slider__track-marker::after {
    background-color:#bdbdbd
}

.mdc-slider__track-marker:first-child::after {
    width:3px
}

.mdc-slider__thumb-container {
    position: absolute;
    top: 15px;
    left: 0;
    width: 21px;
    height: 100%;
    user-select: none;
    will-change:transform
}

.mdc-slider__thumb {
    fill: #05164d;
    fill: var(--mdc-theme-primary, #05164d);
    stroke: #05164d;
    stroke: var(--mdc-theme-primary, #05164d);
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0.571);
    transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
    stroke-width:3.5
}

.mdc-slider__focus-ring {
    background-color: #05164d;
    background-color: var(--mdc-theme-primary, #05164d);
    width: 21px;
    height: 21px;
    transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
    border-radius: 50%;
    opacity:0
}

.mdc-slider__pin {
    background-color: #05164d;
    background-color: var(--mdc-theme-primary, #05164d);
    color: #fff;
    color: var(--mdc-theme-text-primary-on-primary, #fff);
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-top: -2px;
    margin-left: -2px;
    transform: rotate(-45deg) scale(0) translate(0, 0);
    transition: transform 100ms ease-out;
    border-radius: 50% 50% 50% 0%;
    z-index:1
}

.mdc-slider__pin-value-marker {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    transform:rotate(45deg)
}

.mdc-slider--active .mdc-slider__thumb {
    transform:scale3d(1, 1, 1)
}

.mdc-slider--focus .mdc-slider__thumb {
    animation:mdc-slider-emphasize 266.67ms linear
}

.mdc-slider--focus .mdc-slider__focus-ring {
    transform: scale3d(1.55, 1.55, 1.55);
    opacity:.25
}

.mdc-slider--disabled {
    cursor:auto
}

.mdc-slider--disabled .mdc-slider__track {
    background-color:#bdbdbd
}

.mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__track, .mdc-theme--dark .mdc-slider--disabled .mdc-slider__track {
    background-color:#5c5c5c
}

.mdc-slider--disabled .mdc-slider__thumb {
    fill: #bdbdbd !important;
    stroke: #fff !important;
    stroke:var(--mdc-slider-bg-color-behind-component, #fff) !important
}

.mdc-slider--theme-dark.mdc-slider--disabled .mdc-slider__thumb, .mdc-theme--dark .mdc-slider--disabled .mdc-slider__thumb {
    fill: #5c5c5c !important;
    stroke: #333 !important;
    stroke:var(--mdc-slider-bg-color-behind-component, #333) !important
}

.mdc-slider--off .mdc-slider__track {
    opacity:0
}

.mdc-slider--off .mdc-slider__thumb {
    fill: #fff;
    fill: var(--mdc-slider-bg-color-behind-component, #fff);
    stroke:#bdbdbd
}

.mdc-slider--theme-dark.mdc-slider--off .mdc-slider__thumb, .mdc-theme--dark .mdc-slider--off .mdc-slider__thumb {
    fill: #333;
    fill: var(--mdc-slider-bg-color-behind-component, #333);
    stroke:#5c5c5c
}

.mdc-slider--off .mdc-slider__pin {
    background-color:#bdbdbd
}

.mdc-slider--theme-dark.mdc-slider--off .mdc-slider__pin, .mdc-theme--dark .mdc-slider--off .mdc-slider__pin {
    background-color:#5c5c5c
}

.mdc-slider--off.mdc-slider--focus .mdc-slider__thumb {
    fill:#dedede
}

.mdc-slider--theme-dark.mdc-slider--off.mdc-slider--focus .mdc-slider__thumb, .mdc-theme--dark .mdc-slider--off.mdc-slider--focus .mdc-slider__thumb {
    fill: #82848c;
    stroke:#82848c
}

.mdc-slider--off.mdc-slider--active.mdc-slider--focus .mdc-slider__thumb {
    stroke:#8c8c8c
}

.mdc-slider--theme-dark.mdc-slider--off.mdc-slider--active.mdc-slider--focus .mdc-slider__thumb, .mdc-theme--dark .mdc-slider--off.mdc-slider--active.mdc-slider--focus .mdc-slider__thumb {
    stroke:#5c5c5c
}

.mdc-slider--off .mdc-slider__focus-ring {
    background-color:#bdbdbd
}

.mdc-slider--in-transit .mdc-slider__thumb {
    transition-delay:140ms
}

.mdc-slider--in-transit .mdc-slider__thumb-container, .mdc-slider--in-transit .mdc-slider__track, .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container, .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
    transition:transform 80ms ease
}

.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
    transform:scale(calc(12 / 21))
}

.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
    transform:rotate(-45deg) scale(1) translate(19px, -20px)
}

.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
    animation:none
}

.mdc-slider--discrete.mdc-slider--focus .mdc-slider__focus-ring {
    transform: none;
    opacity:0
}

.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
    visibility:visible
}

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

.mdc-snackbar--theme-dark .mdc-snackbar, .mdc-theme--dark .mdc-snackbar {
    background-color:#fafafa
}

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

.mdc-snackbar--active:not(.mdc-snackbar--align-start) {
    transform:translate(-50%, 0)
}

.mdc-snackbar--action-on-bottom {
    flex-direction:column
}

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

.mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper {
    margin-left: auto;
    margin-right: 0;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: -12px;
    margin-bottom: 8px
}

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

.mdc-snackbar__text {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform: inherit;
    margin-left: 0;
    margin-right: auto;
    display: flex;
    align-items: center;
    height: 48px;
    transition: opacity .3s 0ms cubic-bezier(0.4, 0, 1, 1);
    opacity: 0;
    color: #fff
}

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

.mdc-snackbar--theme-dark .mdc-snackbar__text, .mdc-theme--dark .mdc-snackbar__text {
    color: rgba(0, 0, 0, 0.87);
    color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87))
}

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

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

.mdc-snackbar__action-button {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 2.25rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #333;
    color: var(--mdc-theme-secondary, #333);
    padding: 0;
    transition: opacity .3s 0ms cubic-bezier(0.4, 0, 1, 1);
    border: none;
    outline: none;
    background-color: transparent;
    opacity: 0;
    user-select: none;
    -webkit-appearance: none;
    visibility:hidden
}

.mdc-snackbar--theme-dark .mdc-snackbar__action-button, .mdc-theme--dark .mdc-snackbar__action-button {
    color: #05164d;
    color:var(--mdc-theme-primary, #05164d)
}

.mdc-snackbar__action-button:hover {
    cursor:pointer
}

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

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

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

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

.mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before {
    background-color:#b4b4b4
}

.mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob {
    background-color:#fff
}

.mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before {
    background-color:#9e9e9e
}

.mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before, .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before {
    background-color:#fff
}

.mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob, .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob {
    background-color:#bdbdbd
}

.mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before, .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before {
    background-color:#f1f1f1
}

.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-switch__native-control {
    position: absolute;
    top: -14px;
    left: -14px;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-top: -3px;
    transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    cursor: pointer;
    z-index:2
}

.mdc-switch__native-control:checked {
    transform:translateX(14px)
}

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

.mdc-switch__background::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 7px;
    content: ""
}

.mdc-switch--theme-dark .mdc-switch__background::before, .mdc-theme--dark .mdc-switch__background::before {
    opacity:.3
}

.mdc-switch__background .mdc-switch__knob {
    box-shadow: 0 0px 4px rgba(0, 0, 0, .14), 0 3px 4px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .2);
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    transform: translateX(0);
    transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 10px;
    z-index:1
}

.mdc-switch__background .mdc-switch__knob::before {
    position: absolute;
    top: -14px;
    left: -14px;
    width: 48px;
    height: 48px;
    transform: scale(0);
    transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 24px;
    opacity: .2;
    content: ""
}

.mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before {
    position: absolute;
    width: 48px;
    height: 48px;
    transform: scale(1);
    transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius:24px
}

.mdc-switch--theme-dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before, .mdc-theme--dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before {
    opacity:.14
}

.mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob {
    transform: translateX(14px);
    transition:transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1)
}

.mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before {
    opacity:.15
}

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

.mdc-switch__native-control:disabled ~ .mdc-switch__background::before {
    background-color:#b4b4b4
}

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

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

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

.mdc-tab {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    display: table-cell;
    position: relative;
    box-sizing: border-box;
    min-width: 160px;
    min-height: 48px;
    padding: 0 24px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.54);
    color:var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54))
}

.mdc-tab:hover {
    color: rgba(0, 0, 0, 0.87);
    color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87))
}

.mdc-tab:focus {
    outline-color: rgba(0, 0, 0, 0.54);
    outline-color:var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54))
}

.mdc-tab-bar--theme-dark .mdc-tab, .mdc-theme--dark .mdc-tab {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

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

.mdc-tab-bar--theme-dark .mdc-tab:focus, .mdc-theme--dark .mdc-tab:focus {
    outline-color: rgba(255, 255, 255, 0.7);
    outline-color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

.mdc-tab__icon {
    display: block;
    margin: 0 auto;
    width: 24px;
    height:24px
}

.mdc-tab-bar--icons-with-text .mdc-tab__icon {
    margin-top:4px
}

.mdc-tab__icon-text {
    display: block;
    margin:0 auto
}

.mdc-tab__icon + .mdc-tab__icon-text {
    padding-top:6px
}

.mdc-tab--active {
    color: rgba(0, 0, 0, 0.87);
    color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87))
}

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

.mdc-tab--active::before {
    bottom:0
}

.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab {
    position:relative
}

.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    width: calc(100% - 4px);
    height: 2px;
    content: "";
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.87);
    background-color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87))
}

.mdc-tab-bar--theme-dark.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after, .mdc-theme--dark .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
    background-color: #fff;
    background-color:var(--mdc-theme-text-primary-on-dark, #fff)
}

.mdc-toolbar .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
    background-color: #fff;
    background-color:var(--mdc-theme-text-primary-on-primary, #fff)
}

.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active::after, .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:active::after, .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:hover::after {
    display:block
}

.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):hover::after {
    opacity:.38
}

.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab--active, .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab:not(.mdc-tab--active):active::after {
    opacity:.87
}

.mdc-tab-bar--icons-with-text:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
    top:70px
}

.mdc-tab.mdc-ripple-upgraded {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}

.mdc-tab.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {
    position: absolute;
    transition: opacity 250ms linear;
    border-radius: 50%;
    pointer-events: none;
    content: ""
}

.mdc-tab.mdc-ripple-upgraded::before, .mdc-tab.mdc-ripple-upgraded::after {
    background-color: rgba(0, 0, 0, 0.06);
    opacity:0
}

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

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

.mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity:0
}

.mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    animation:300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards
}

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

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

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

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

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

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

.mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::after, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::after {
    background-color: rgba(255, 255, 255, 0.16);
    opacity:0
}

@supports (background-color: color(green a(10%))) {
    .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded::after, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::before, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded::after {
        background-color:color(var(--mdc-theme-text-primary-on-dark, #fff) a(16%))
    }
}

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

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

.mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity:0
}

.mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    animation:300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-tab-bar--theme-dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-theme--dark .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 83ms mdc-ripple-fg-opacity-out;
    transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-toolbar .mdc-tab.mdc-ripple-upgraded::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::after {
    background-color: rgba(255, 255, 255, 0.16);
    opacity:0
}

@supports (background-color: color(green a(10%))) {
    .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::before, .mdc-toolbar .mdc-tab.mdc-ripple-upgraded::after {
        background-color:color(var(--mdc-theme-text-primary-on-primary, #fff) a(16%))
    }
}

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

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

.mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
    opacity:0
}

.mdc-toolbar .mdc-tab.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
    animation:300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards
}

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

.mdc-tab.mdc-ripple-upgraded:focus {
    outline:none
}

.mdc-tab-bar {
    display: table;
    position: relative;
    height: 48px;
    margin: 0 auto;
    text-transform:uppercase
}

.mdc-tab-bar__indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.87);
    background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    transform-origin: left top;
    transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
    will-change: transform;
    visibility:hidden
}

.mdc-tab-bar--theme-dark .mdc-tab-bar__indicator, .mdc-theme--dark .mdc-tab-bar__indicator {
    background-color: #fff;
    background-color:var(--mdc-theme-text-primary-on-dark, #fff)
}

.mdc-toolbar .mdc-tab-bar .mdc-tab {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-primary, rgba(255, 255, 255, 0.7))
}

.mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab, .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

.mdc-toolbar .mdc-tab-bar .mdc-tab--active, .mdc-toolbar .mdc-tab-bar .mdc-tab:hover {
    color: #fff;
    color:var(--mdc-theme-text-primary-on-primary, #fff)
}

.mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab--active, .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab--active, .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab:hover, .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab:hover {
    color: #fff;
    color:var(--mdc-theme-text-primary-on-dark, #fff)
}

.mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator {
    background-color: #fff;
    background-color:var(--mdc-theme-text-primary-on-primary, #fff)
}

.mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator, .mdc-theme--dark .mdc-toolbar .mdc-tab-bar .mdc-tab-bar__indicator {
    background-color: #fff;
    background-color:var(--mdc-theme-text-primary-on-dark, #fff)
}

.mdc-tab-bar--icons-with-text {
    height:72px
}

.mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator, .mdc-toolbar .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator {
    background-color: #05164d;
    background-color:var(--mdc-theme-primary, #05164d)
}

.mdc-tab-bar--theme-dark .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator, .mdc-theme--dark .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator, .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator, .mdc-theme--dark .mdc-toolbar .mdc-tab-bar--indicator-primary .mdc-tab-bar__indicator {
    background-color: #05164d;
    background-color:var(--mdc-theme-primary, #05164d)
}

.mdc-tab-bar--indicator-primary.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after, .mdc-toolbar .mdc-tab-bar--indicator-primary.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
    background-color: #05164d;
    background-color:var(--mdc-theme-primary, #05164d)
}

.mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator, .mdc-toolbar .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-tab-bar--theme-dark .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator, .mdc-theme--dark .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator, .mdc-tab-bar--theme-dark .mdc-toolbar .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator, .mdc-theme--dark .mdc-toolbar .mdc-tab-bar--indicator-accent .mdc-tab-bar__indicator {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-tab-bar--indicator-accent.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after, .mdc-toolbar .mdc-tab-bar--indicator-accent.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab::after {
    background-color: #333;
    background-color:var(--mdc-theme-secondary, #333)
}

.mdc-tab-bar-scroller {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    background-color: inherit;
    overflow:hidden
}

.mdc-tab-bar-scroller__scroll-frame {
    display: flex;
    position: relative;
    flex: 1;
    justify-content: flex-start;
    overflow:hidden
}

.mdc-tab-bar-scroller__scroll-frame__tabs {
    transition: transform 240ms 0ms cubic-bezier(0, 0, 0.2, 1);
    will-change:transform
}

.mdc-tab-bar-scroller__indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    cursor: pointer;
    visibility: hidden;
    color: rgba(0, 0, 0, 0.54);
    color:var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54))
}

.mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator, .mdc-theme--dark .mdc-tab-bar-scroller__indicator {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

.mdc-tab-bar-scroller__indicator:hover {
    color: rgba(0, 0, 0, 0.87);
    color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87))
}

.mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator:hover, .mdc-theme--dark .mdc-tab-bar-scroller__indicator:hover {
    color: #fff;
    color:var(--mdc-theme-text-primary-on-dark, #fff)
}

.mdc-tab-bar-scroller__indicator__inner {
    color: inherit;
    text-decoration: inherit;
    cursor:inherit
}

.mdc-tab-bar-scroller__indicator__inner:focus {
    outline-color: inherit
}

[dir="rtl"] .mdc-tab-bar-scroller .mdc-tab-bar-scroller__indicator__inner, .mdc-tab-bar-scroller[dir="rtl"] .mdc-tab-bar-scroller__indicator__inner {
    transform:rotate(180deg)
}

.mdc-tab-bar-scroller__indicator__inner:hover {
    color:inherit
}

.mdc-tab-bar--theme-dark .mdc-tab-bar-scroller__indicator__inner:hover, .mdc-theme--dark .mdc-tab-bar-scroller__indicator__inner:hover {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

.mdc-tab-bar-scroller__indicator--enabled {
    visibility:visible
}

@keyframes invalid-shake-float-above-standard {
    0% {
        transform:translateX(0) translateY(-100%) scale(0.75, 0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        transform:translateX(10px) translateY(-100%) scale(0.75, 0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        transform:translateX(-5px) translateY(-100%) scale(0.75, 0.75)
    }

    100% {
        transform:translateX(0) translateY(-100%) scale(0.75, 0.75)
    }
}

@keyframes invalid-shake-float-above-box {
    0% {
        transform:translateX(0) translateY(-50%) scale(0.75, 0.75)
    }

    33% {
        animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
        transform:translateX(10px) translateY(-50%) scale(0.75, 0.75)
    }

    66% {
        animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
        transform:translateX(-5px) translateY(-50%) scale(0.75, 0.75)
    }

    100% {
        transform:translateX(0) translateY(-50%) scale(0.75, 0.75)
    }
}

.mdc-textfield {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    will-change:opacity, transform, color
}

.mdc-textfield__input {
    color: rgba(0, 0, 0, 0.87);
    color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.04em;
    width: 100%;
    padding: 0 0 7px;
    transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    background: none;
    font-size: inherit;
    appearance:none
}

.mdc-textfield__input::placeholder {
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38));
    transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity:1
}

.mdc-textfield__input:hover {
    border-color:#000
}

.mdc-textfield__input:focus {
    outline:none
}

.mdc-textfield__input:focus::placeholder {
    color:rgba(255, 255, 255, 0.3)
}

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

.mdc-textfield__input--theme-dark, .mdc-theme--dark .mdc-textfield__input {
    color: #fff;
    color: var(--mdc-theme-text-primary-on-dark, #fff);
    border-bottom:1px solid rgba(255, 255, 255, 0.5)
}

.mdc-textfield__input--theme-dark:hover, .mdc-theme--dark .mdc-textfield__input:hover {
    border-bottom:1px solid #fff
}

.mdc-textfield__input--theme-dark::placeholder, .mdc-theme--dark .mdc-textfield__input::placeholder {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5))
}

.mdc-textfield__input--theme-dark:focus::placeholder, .mdc-theme--dark .mdc-textfield__input:focus::placeholder {
    color:rgba(0, 0, 0, 0.38)
}

.mdc-textfield__bottom-line {
    background-color: #05164d;
    background-color: var(--mdc-theme-primary, #05164d);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    transform: scaleX(0);
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    z-index:2
}

.mdc-textfield__bottom-line--active {
    transform:scaleX(1)
}

.mdc-textfield .mdc-textfield__input:focus ~ .mdc-textfield__bottom-line {
    opacity:1
}

.mdc-textfield__label {
    position: absolute;
    bottom: 8px;
    left: 0;
    transform-origin: left top;
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    color: rgba(0, 0, 0, 0.5);
    cursor: text
}

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

.mdc-textfield--theme-dark .mdc-textfield__label, .mdc-theme--dark .mdc-textfield__label {
    color:rgba(255, 255, 255, 0.6)
}

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

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

.mdc-textfield--box {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    will-change: transform, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    display: inline-flex;
    position: relative;
    height: 56px;
    background-color: rgba(0, 0, 0, 0.04);
    overflow:hidden
}

.mdc-textfield--box::before, .mdc-textfield--box::after {
    position: absolute;
    transition: opacity 250ms linear;
    border-radius: 50%;
    pointer-events: none;
    content: ""
}

.mdc-textfield--box::before, .mdc-textfield--box::after {
    background-color: rgba(0, 0, 0, 0.04);
    opacity:0
}

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

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

.mdc-textfield--box.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-textfield--box.mdc-ripple-upgraded::after {
    opacity:0
}

.mdc-textfield--box.mdc-ripple-upgraded--foreground-activation::after {
    animation:300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards
}

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

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

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

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

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

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

.mdc-textfield--theme-dark.mdc-textfield--box, .mdc-theme--dark .mdc-textfield--box {
    background-color:rgba(255, 255, 255, 0.1)
}

.mdc-textfield--theme-dark.mdc-textfield--box::before, .mdc-textfield--theme-dark.mdc-textfield--box::after, .mdc-theme--dark .mdc-textfield--box::before, .mdc-theme--dark .mdc-textfield--box::after {
    background-color: rgba(255, 255, 255, 0.05);
    opacity:0
}

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

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

.mdc-textfield--theme-dark.mdc-textfield--box.mdc-ripple-upgraded--background-active-fill::before, .mdc-theme--dark .mdc-textfield--box.mdc-ripple-upgraded--background-active-fill::before {
    transition-duration: 120ms;
    opacity:1
}

.mdc-textfield--theme-dark.mdc-textfield--box.mdc-ripple-upgraded::after, .mdc-theme--dark .mdc-textfield--box.mdc-ripple-upgraded::after {
    opacity:0
}

.mdc-textfield--theme-dark.mdc-textfield--box.mdc-ripple-upgraded--foreground-activation::after, .mdc-theme--dark .mdc-textfield--box.mdc-ripple-upgraded--foreground-activation::after {
    animation:300ms mdc-ripple-fg-radius-in forwards, 83ms mdc-ripple-fg-opacity-in forwards
}

.mdc-textfield--theme-dark.mdc-textfield--box.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-theme--dark .mdc-textfield--box.mdc-ripple-upgraded--foreground-deactivation::after {
    animation: 83ms mdc-ripple-fg-opacity-out;
    transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-textfield--box .mdc-textfield__input {
    align-self: flex-end;
    box-sizing: border-box;
    height: 100%;
    padding:20px 16px 0
}

.mdc-textfield--box .mdc-textfield__label {
    left: 16px;
    right: initial;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 48px);
    color: rgba(0, 0, 0, 0.6);
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    overflow: hidden;
    will-change: transform
}

[dir="rtl"] .mdc-textfield--box .mdc-textfield__label, .mdc-textfield--box .mdc-textfield__label[dir="rtl"] {
    left: initial;
    right:16px
}

.mdc-textfield--theme-dark .mdc-textfield--box .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--box .mdc-textfield__label {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

.mdc-textfield--box .mdc-textfield__label--float-above {
    transform:translateY(-50%) scale(0.75, 0.75)
}

.mdc-textfield--box .mdc-textfield__label--float-above.mdc-textfield__label--shake {
    animation:invalid-shake-float-above-box 250ms 100ms
}

.mdc-textfield--box.mdc-textfield--disabled {
    color: rgba(255, 255, 255, 0.3);
    border-bottom: none;
    background-color:rgba(0, 0, 0, 0.02)
}

.mdc-textfield--theme-dark.mdc-textfield--box.mdc-textfield--disabled, .mdc-theme--dark .mdc-textfield--box.mdc-textfield--disabled {
    background-color: #303030;
    color: rgba(0, 0, 0, 0.38);
    border-bottom:none
}

.mdc-textfield--box.mdc-textfield--disabled .mdc-textfield__label {
    bottom:20px
}

.mdc-textfield--box.mdc-textfield--disabled .mdc-textfield__icon {
    color:rgba(0, 0, 0, 0.3)
}

.mdc-textfield--box.mdc-textfield--disabled .mdc-textfield__icon--theme-dark, .mdc-theme--dark .mdc-textfield--box.mdc-textfield--disabled .mdc-textfield__icon {
    color:rgba(255, 255, 255, 0.3)
}

.mdc-textfield--box.mdc-textfield--dense .mdc-textfield__input {
    padding:12px 12px 0
}

.mdc-textfield--box.mdc-textfield--dense .mdc-textfield__label {
    left: 12px;
    right: initial;
    bottom: 20px
}

[dir="rtl"] .mdc-textfield--box.mdc-textfield--dense .mdc-textfield__label, .mdc-textfield--box.mdc-textfield--dense .mdc-textfield__label[dir="rtl"] {
    left: initial;
    right:12px
}

.mdc-textfield--box.mdc-textfield--dense .mdc-textfield__label--float-above {
    transform:translateY(calc(-75% - 2px)) scale(0.923, 0.923)
}

.mdc-textfield--with-leading-icon .mdc-textfield__icon, .mdc-textfield--with-trailing-icon .mdc-textfield__icon {
    position: absolute;
    bottom: 16px;
    cursor:pointer
}

.mdc-textfield--theme-dark .mdc-textfield--with-leading-icon .mdc-textfield__icon, .mdc-theme--dark .mdc-textfield--with-leading-icon .mdc-textfield__icon, .mdc-textfield--theme-dark .mdc-textfield--with-trailing-icon .mdc-textfield__icon, .mdc-theme--dark .mdc-textfield--with-trailing-icon .mdc-textfield__icon {
    color: rgba(255, 255, 255, 0.7);
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7))
}

.mdc-textfield--with-leading-icon .mdc-textfield__input {
    padding-left: 48px;
    padding-right: 15px
}

[dir="rtl"] .mdc-textfield--with-leading-icon .mdc-textfield__input, .mdc-textfield--with-leading-icon .mdc-textfield__input[dir="rtl"] {
    padding-left: 15px;
    padding-right:48px
}

.mdc-textfield--with-leading-icon .mdc-textfield__icon {
    left: 15px;
    right: initial
}

[dir="rtl"] .mdc-textfield--with-leading-icon .mdc-textfield__icon, .mdc-textfield--with-leading-icon .mdc-textfield__icon[dir="rtl"] {
    left: initial;
    right:15px
}

.mdc-textfield--with-leading-icon .mdc-textfield__label {
    left: 48px;
    right: initial
}

[dir="rtl"] .mdc-textfield--with-leading-icon .mdc-textfield__label, .mdc-textfield--with-leading-icon .mdc-textfield__label[dir="rtl"] {
    left: initial;
    right:48px
}

.mdc-textfield--with-trailing-icon .mdc-textfield__input {
    padding-left: 15px;
    padding-right: 48px
}

[dir="rtl"] .mdc-textfield--with-trailing-icon .mdc-textfield__input, .mdc-textfield--with-trailing-icon .mdc-textfield__input[dir="rtl"] {
    padding-left: 48px;
    padding-right:15px
}

.mdc-textfield--with-trailing-icon .mdc-textfield__icon {
    left: initial;
    right: 15px
}

[dir="rtl"] .mdc-textfield--with-trailing-icon .mdc-textfield__icon, .mdc-textfield--with-trailing-icon .mdc-textfield__icon[dir="rtl"] {
    left: 15px;
    right: initial
}

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

.mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__icon, .mdc-textfield--with-trailing-icon.mdc-textfield--dense .mdc-textfield__icon {
    bottom: 16px;
    transform:scale(0.8)
}

.mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__input {
    padding-left: 38px;
    padding-right: 12px
}

[dir="rtl"] .mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__input, .mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__input[dir="rtl"] {
    padding-left: 12px;
    padding-right:38px
}

.mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__icon {
    left: 12px;
    right: initial
}

[dir="rtl"] .mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__icon, .mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__icon[dir="rtl"] {
    left: initial;
    right:12px
}

.mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__label {
    left: 38px;
    right: initial
}

[dir="rtl"] .mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__label, .mdc-textfield--with-leading-icon.mdc-textfield--dense .mdc-textfield__label[dir="rtl"] {
    left: initial;
    right:38px
}

.mdc-textfield--with-trailing-icon.mdc-textfield--dense .mdc-textfield__input {
    padding-left: 12px;
    padding-right: 38px
}

[dir="rtl"] .mdc-textfield--with-trailing-icon.mdc-textfield--dense .mdc-textfield__input, .mdc-textfield--with-trailing-icon.mdc-textfield--dense .mdc-textfield__input[dir="rtl"] {
    padding-left: 38px;
    padding-right:12px
}

.mdc-textfield--with-trailing-icon.mdc-textfield--dense .mdc-textfield__icon {
    left: initial;
    right: 12px
}

[dir="rtl"] .mdc-textfield--with-trailing-icon.mdc-textfield--dense .mdc-textfield__icon, .mdc-textfield--with-trailing-icon.mdc-textfield--dense .mdc-textfield__icon[dir="rtl"] {
    left: 12px;
    right:initial
}

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

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

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

.mdc-textfield--invalid .mdc-textfield__label {
    color:#c02
}

.mdc-textfield--invalid .mdc-textfield__input {
    border-color:#c02
}

.mdc-textfield--invalid .mdc-textfield__bottom-line {
    background-color:#c02
}

.mdc-textfield--invalid.mdc-textfield--textarea {
    border-color:#c02
}

.mdc-textfield__label--float-above.mdc-textfield__label--shake {
    animation:invalid-shake-float-above-standard 250ms 100ms
}

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

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

.mdc-textfield--disabled {
    pointer-events:none
}

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

.mdc-textfield--theme-dark.mdc-textfield--disabled .mdc-textfield__input, .mdc-theme--dark .mdc-textfield--disabled .mdc-textfield__input {
    border-bottom:1px dotted rgba(255, 255, 255, 0.3)
}

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

.mdc-textfield--theme-dark .mdc-textfield--disabled .mdc-textfield__input, .mdc-theme--dark .mdc-textfield--disabled .mdc-textfield__input, .mdc-textfield--theme-dark .mdc-textfield--disabled .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--disabled .mdc-textfield__label {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5))
}

.mdc-textfield--theme-dark.mdc-textfield--disabled + .mdc-textfield-helptext, .mdc-theme--dark .mdc-textfield--disabled + .mdc-textfield-helptext {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5))
}

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

.mdc-textfield--invalid.mdc-textfield--disabled .mdc-textfield__label {
    color: rgba(0, 0, 0, 0.38);
    color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))
}

.mdc-textfield--theme-dark .mdc-textfield--invalid.mdc-textfield--disabled .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--invalid.mdc-textfield--disabled .mdc-textfield__label {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5))
}

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

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

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

.mdc-textfield--textarea {
    border-radius: 4px;
    display: flex;
    height: initial;
    transition: none;
    border: 1px solid rgba(0, 0, 0, 0.73);
    overflow:hidden
}

.mdc-textfield--textarea .mdc-textfield__label {
    border-radius:4px 4px 0 0
}

.mdc-textfield--textarea .mdc-textfield__input {
    border-radius:2px
}

.mdc-textfield--theme-dark .mdc-textfield--textarea, .mdc-theme--dark .mdc-textfield--textarea {
    border-color:#fff
}

.mdc-textfield--textarea .mdc-textfield__input {
    padding: 16px;
    padding-top: 32px;
    border:1px solid transparent
}

.mdc-textfield--textarea .mdc-textfield__input:focus {
    border-color: #05164d;
    border-color:var(--mdc-theme-primary, #05164d)
}

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

.mdc-textfield--theme-dark .mdc-textfield--textarea .mdc-textfield__input:hover, .mdc-theme--dark .mdc-textfield--textarea .mdc-textfield__input:hover {
    border-bottom-color:transparent
}

.mdc-textfield--theme-dark .mdc-textfield--textarea .mdc-textfield__input:focus, .mdc-theme--dark .mdc-textfield--textarea .mdc-textfield__input:focus {
    border-color: #333;
    border-color:var(--mdc-theme-secondary, #333)
}

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

.mdc-textfield--textarea .mdc-textfield__label {
    left: 1px;
    right: initial;
    top: 18px;
    bottom: auto;
    padding: 8px 16px;
    background-color: #fff
}

[dir="rtl"] .mdc-textfield--textarea .mdc-textfield__label, .mdc-textfield--textarea .mdc-textfield__label[dir="rtl"] {
    left: initial;
    right:1px
}

.mdc-textfield--theme-dark .mdc-textfield--textarea .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--textarea .mdc-textfield__label {
    background-color:#303030
}

.mdc-textfield--textarea .mdc-textfield__label--float-above {
    transform:translateY(-50%) scale(0.923, 0.923)
}

.mdc-textfield--textarea.mdc-textfield--disabled {
    border-style: solid;
    border-color: rgba(35, 31, 32, 0.26);
    background-color:#f9f9f9
}

.mdc-textfield--theme-dark .mdc-textfield--textarea.mdc-textfield--disabled, .mdc-theme--dark .mdc-textfield--textarea.mdc-textfield--disabled {
    border-color: rgba(255, 255, 255, 0.3);
    background-color:#2f2f2f
}

.mdc-textfield--textarea.mdc-textfield--disabled .mdc-textfield__label {
    background-color:#f9f9f9
}

.mdc-textfield--theme-dark .mdc-textfield--textarea.mdc-textfield--disabled .mdc-textfield__label, .mdc-theme--dark .mdc-textfield--textarea.mdc-textfield--disabled .mdc-textfield__label {
    background-color:#2f2f2f
}

.mdc-textfield--textarea:not(.mdc-textfield--upgraded) .mdc-textfield__input {
    padding-top:16px
}

.mdc-textfield--textarea.mdc-textfield--focused {
    border-color: #05164d;
    border-color:var(--mdc-theme-primary, #05164d)
}

.mdc-textfield--fullwidth {
    width:100%
}

.mdc-textfield--fullwidth:not(.mdc-textfield--textarea) {
    display: block;
    box-sizing: border-box;
    height: 56px;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    outline:none
}

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

.mdc-textfield--fullwidth--theme-dark, .mdc-theme--dark .mdc-textfield--fullwidth {
    border-bottom:1px solid rgba(255, 255, 255, 0.12)
}

.mdc-textfield:not(.mdc-textfield--upgraded):not(.mdc-textfield--textarea) .mdc-textfield__input {
    transition: border-bottom-color 180ms cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom:1px solid rgba(0, 0, 0, 0.12)
}

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

.mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:disabled {
    color: rgba(0, 0, 0, 0.38);
    border-bottom-style:dotted
}

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

.mdc-textfield--theme-dark:not(.mdc-textfield--upgraded) .mdc-textfield__input:not(:focus), .mdc-theme--dark .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:not(:focus) {
    border-color:rgba(255, 255, 255, 0.12)
}

.mdc-textfield--theme-dark:not(.mdc-textfield--upgraded) .mdc-textfield__input:disabled, .mdc-theme--dark .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:disabled {
    color: rgba(0, 0, 0, 0.38);
    border-color: rgba(255, 255, 255, 0.3);
    background-color:#2f2f2f
}

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

.mdc-textfield--box:not(.mdc-textfield--upgraded) {
    height:56px
}

.mdc-textfield--box:not(.mdc-textfield--upgraded)::before, .mdc-textfield--box:not(.mdc-textfield--upgraded)::after {
    border-radius:0
}

.mdc-textfield--box:not(.mdc-textfield--upgraded) .mdc-textfield__input {
    padding-top:0
}

.mdc-textfield-helptext {
    color: rgba(0, 0, 0, 0.38);
    color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38));
    margin: 0;
    transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    font-size: .75rem;
    will-change:opacity
}

.mdc-textfield-helptext--theme-dark, .mdc-theme--dark .mdc-textfield-helptext {
    color: rgba(255, 255, 255, 0.5);
    color:var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5))
}

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

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

.mdc-textfield--focused + .mdc-textfield-helptext:not(.mdc-textfield-helptext--validation-msg) {
    opacity:1
}

.mdc-textfield--box + .mdc-textfield-helptext {
    margin-right: 16px;
    margin-left:16px
}

.mdc-textfield-helptext--persistent {
    transition: none;
    opacity: 1;
    will-change:initial
}

.mdc-textfield--invalid + .mdc-textfield-helptext--validation-msg {
    opacity: 1;
    color:#c02
}

.mdc-textfield--theme-dark.mdc-textfield--invalid + .mdc-textfield-helptext--validation-msg, .mdc-theme--dark .mdc-textfield--invalid + .mdc-textfield-helptext--validation-msg {
    color:#ff6e6e
}

.mdc-form-field > .mdc-textfield + label {
    align-self:flex-start
}

:root {
    --mdc-theme-primary: #05164d;
    --mdc-theme-primary-light: #0e3cd3;
    --mdc-theme-primary-dark: #092990;
    --mdc-theme-secondary: #333;
    --mdc-theme-secondary-light: #7a7a7a;
    --mdc-theme-secondary-dark: #575757;
    --mdc-theme-background: #f5f5f5;
    --mdc-theme-text-primary-on-primary: #fff;
    --mdc-theme-text-secondary-on-primary: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-primary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-primary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-primary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-primary-light: #fff;
    --mdc-theme-text-secondary-on-primary-light: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-primary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-primary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-primary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-primary-dark: #fff;
    --mdc-theme-text-secondary-on-primary-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-primary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-primary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-primary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-secondary: #fff;
    --mdc-theme-text-secondary-on-secondary: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-secondary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-secondary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-secondary: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-secondary-light: #fff;
    --mdc-theme-text-secondary-on-secondary-light: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-secondary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-secondary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-secondary-light: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-secondary-dark: #fff;
    --mdc-theme-text-secondary-on-secondary-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-secondary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-secondary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-secondary-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
    --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
    --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
    --mdc-theme-text-primary-on-dark: #fff;
    --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
    --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
    --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5)
}

.mdc-theme--background {
    background-color: #f5f5f5;
    background-color:var(--mdc-theme-background, #f5f5f5)
}

.mdc-theme--primary {
    color: #05164d !important;
    color:var(--mdc-theme-primary, #05164d) !important
}

.mdc-theme--primary-light {
    color: #0e3cd3 !important;
    color:var(--mdc-theme-primary-light, #0e3cd3) !important
}

.mdc-theme--primary-dark {
    color: #092990 !important;
    color:var(--mdc-theme-primary-dark, #092990) !important
}

.mdc-theme--secondary {
    color: #333 !important;
    color:var(--mdc-theme-secondary, #333) !important
}

.mdc-theme--secondary-light {
    color: #7a7a7a !important;
    color:var(--mdc-theme-secondary-light, #7a7a7a) !important
}

.mdc-theme--secondary-dark {
    color: #575757 !important;
    color:var(--mdc-theme-secondary-dark, #575757) !important
}

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

.mdc-theme--text-secondary-on-primary {
    color: rgba(255, 255, 255, 0.7) !important;
    color:var(--mdc-theme-text-secondary-on-primary, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-primary {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-hint-on-primary, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-primary {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-disabled-on-primary, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-primary {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-icon-on-primary, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-primary-on-primary-light {
    color: #fff !important;
    color:var(--mdc-theme-text-primary-on-primary-light, #fff) !important
}

.mdc-theme--text-secondary-on-primary-light {
    color: rgba(255, 255, 255, 0.7) !important;
    color:var(--mdc-theme-text-secondary-on-primary-light, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-primary-light {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-hint-on-primary-light, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-primary-light {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-disabled-on-primary-light, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-primary-light {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-icon-on-primary-light, rgba(255, 255, 255, 0.5)) !important
}

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

.mdc-theme--text-secondary-on-primary-dark {
    color: rgba(255, 255, 255, 0.7) !important;
    color:var(--mdc-theme-text-secondary-on-primary-dark, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-primary-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-hint-on-primary-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-primary-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-disabled-on-primary-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-primary-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-icon-on-primary-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-primary-on-secondary {
    color: #fff !important;
    color:var(--mdc-theme-text-primary-on-secondary, #fff) !important
}

.mdc-theme--text-secondary-on-secondary {
    color: rgba(255, 255, 255, 0.7) !important;
    color:var(--mdc-theme-text-secondary-on-secondary, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-secondary {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-hint-on-secondary, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-secondary {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-disabled-on-secondary, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-secondary {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-icon-on-secondary, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-primary-on-secondary-light {
    color: #fff !important;
    color:var(--mdc-theme-text-primary-on-secondary-light, #fff) !important
}

.mdc-theme--text-secondary-on-secondary-light {
    color: rgba(255, 255, 255, 0.7) !important;
    color:var(--mdc-theme-text-secondary-on-secondary-light, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-secondary-light {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-hint-on-secondary-light, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-secondary-light {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-disabled-on-secondary-light, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-secondary-light {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-icon-on-secondary-light, rgba(255, 255, 255, 0.5)) !important
}

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

.mdc-theme--text-secondary-on-secondary-dark {
    color: rgba(255, 255, 255, 0.7) !important;
    color:var(--mdc-theme-text-secondary-on-secondary-dark, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-secondary-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-hint-on-secondary-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-secondary-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-disabled-on-secondary-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-secondary-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-icon-on-secondary-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-primary-on-background {
    color: rgba(0, 0, 0, 0.87) !important;
    color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important
}

.mdc-theme--text-secondary-on-background {
    color: rgba(0, 0, 0, 0.54) !important;
    color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important
}

.mdc-theme--text-hint-on-background {
    color: rgba(0, 0, 0, 0.38) !important;
    color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-disabled-on-background {
    color: rgba(0, 0, 0, 0.38) !important;
    color:var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-icon-on-background {
    color: rgba(0, 0, 0, 0.38) !important;
    color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-primary-on-light {
    color: rgba(0, 0, 0, 0.87) !important;
    color:var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important
}

.mdc-theme--text-secondary-on-light {
    color: rgba(0, 0, 0, 0.54) !important;
    color:var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important
}

.mdc-theme--text-hint-on-light {
    color: rgba(0, 0, 0, 0.38) !important;
    color:var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-disabled-on-light {
    color: rgba(0, 0, 0, 0.38) !important;
    color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important
}

.mdc-theme--text-icon-on-light {
    color: rgba(0, 0, 0, 0.38) !important;
    color:var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important
}

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

.mdc-theme--text-secondary-on-dark {
    color: rgba(255, 255, 255, 0.7) !important;
    color:var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important
}

.mdc-theme--text-hint-on-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-disabled-on-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--text-icon-on-dark {
    color: rgba(255, 255, 255, 0.5) !important;
    color:var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important
}

.mdc-theme--primary-bg {
    background-color: #05164d !important;
    background-color:var(--mdc-theme-primary, #05164d) !important
}

.mdc-theme--primary-light-bg {
    background-color: #0e3cd3 !important;
    background-color:var(--mdc-theme-primary-light, #0e3cd3) !important
}

.mdc-theme--primary-dark-bg {
    background-color: #092990 !important;
    background-color:var(--mdc-theme-primary-dark, #092990) !important
}

.mdc-theme--secondary-bg {
    background-color: #333 !important;
    background-color:var(--mdc-theme-secondary, #333) !important
}

.mdc-theme--secondary-light-bg {
    background-color: #7a7a7a !important;
    background-color:var(--mdc-theme-secondary-light, #7a7a7a) !important
}

.mdc-theme--secondary-dark-bg {
    background-color: #575757 !important;
    background-color:var(--mdc-theme-secondary-dark, #575757) !important
}

.mdc-toolbar {
    background-color: #05164d;
    background-color: var(--mdc-theme-primary, #05164d);
    color: #fff;
    color: var(--mdc-theme-text-primary-on-primary, #fff);
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    width:100%
}

.mdc-toolbar__row {
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height:64px
}

.mdc-toolbar__section {
    display: inline-flex;
    flex: 1;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    height: 100%;
    z-index:1
}

.mdc-toolbar__section--align-start {
    justify-content: flex-start;
    order:-1
}

.mdc-toolbar__section--align-end {
    justify-content: flex-end;
    order:1
}

.mdc-toolbar__title {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 2rem;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 24px;
    margin-right: 0;
    align-self: center;
    padding: 16px 0;
    line-height: 1.5rem;
    z-index: 1
}

[dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] {
    margin-left: 0;
    margin-right:24px
}

.mdc-toolbar__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border: none;
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    color: #fff;
    color: var(--mdc-theme-text-primary-on-primary, #fff);
    padding-right: 12px;
    padding-left: 12px;
    cursor:pointer
}

.mdc-toolbar__icon:last-of-type {
    padding-left: 12px;
    padding-right: 24px
}

[dir="rtl"] .mdc-toolbar__icon:last-of-type, .mdc-toolbar__icon:last-of-type[dir="rtl"] {
    padding-left: 24px;
    padding-right:12px
}

.mdc-toolbar__menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border: none;
    background-color: inherit;
    color: inherit;
    text-decoration: none;
    color: #fff;
    color: var(--mdc-theme-text-primary-on-primary, #fff);
    padding-right: 24px;
    padding-left: 24px;
    cursor:pointer
}

.mdc-toolbar__menu-icon + .mdc-toolbar__title {
    margin-left: 8px;
    margin-right: 0
}

[dir="rtl"] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir="rtl"] {
    margin-left: 0;
    margin-right:8px
}

.mdc-toolbar--fixed {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    left: 0;
    z-index:4
}

.mdc-toolbar--flexible {
    --mdc-toolbar-ratio-to-extend-flexible: 4
}

.mdc-toolbar--flexible .mdc-toolbar__row:first-child {
    height: 256px;
    height:calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4))
}

.mdc-toolbar--flexible .mdc-toolbar__row:first-child::after {
    position: absolute;
    content: ""
}

.mdc-toolbar--flexible-default-behavior .mdc-toolbar__title {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2.5rem;
    text-decoration: inherit;
    text-transform: inherit;
    align-self: flex-end;
    line-height:1.5rem
}

.mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease;
    opacity:1
}

.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after {
    opacity:0
}

.mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title {
    font-weight:500
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12), 0px 0px 0px 0px rgba(0, 0, 0, .2);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change:box-shadow
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized {
    box-shadow:0 2px 4px rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .2)
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized {
    box-shadow:0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12), 0px 0px 0px 0px rgba(0, 0, 0, .2)
}

.mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row {
    box-shadow:0 2px 4px rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .2)
}

.mdc-toolbar-fixed-adjust {
    margin-top:64px
}

.mdc-toolbar__section--shrink-to-fit {
    flex:none
}

.mdc-typography {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing:antialiased
}

.mdc-typography--display4 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 7rem;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 7rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--display4 {
    margin:-1rem 0 3.5rem -0.085em
}

.mdc-typography--display3 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 3.5rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 3.5rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--display3 {
    margin:-8px 0 64px -0.07em
}

.mdc-typography--display2 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.813rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 3rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--display2 {
    margin:-0.5rem 0 4rem -0.07em
}

.mdc-typography--display1 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.125rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2.5rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--display1 {
    margin:-0.5rem 0 4rem -0.07em
}

.mdc-typography--headline {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--headline {
    margin:-0.5rem 0 1rem -0.06em
}

.mdc-typography--title {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    line-height: 2rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--title {
    margin:-0.5rem 0 1rem -0.05em
}

.mdc-typography--subheading2 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.75rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--subheading2 {
    margin:-0.5rem 0 1rem -0.06em
}

.mdc-typography--subheading1 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.938rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--subheading1 {
    margin:-0.313rem 0 0.813rem -0.06em
}

.mdc-typography--body2 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.5rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--body2 {
    margin:-0.25rem 0 0.75rem 0
}

.mdc-typography--body1 {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--body1 {
    margin:-0.25rem 0 0.75rem 0
}

.mdc-typography--caption {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.25rem;
    text-decoration: inherit;
    text-transform:inherit
}

.mdc-typography--adjust-margin.mdc-typography--caption {
    margin:-0.5rem 0 1rem -0.04em
}

.mdc-typography--button {
    font-family: "Lufthansa Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 2.25rem;
    text-decoration: none;
    text-transform:uppercase
}

.mdc-typography--adjust-margin.mdc-typography--button {
    margin: inherit
}

/**
 * www.miles-and-more.com
 */
.mdc-button {
    text-transform:none
}

.mdc-button__icon {
    font-size: inherit;
    margin-right:5px
}

.mdc-checkbox {
    --mdc-ripple-left: 11px !important;
    --mdc-ripple-top:11px !important
}

.mdc-checkbox + label {
    letter-spacing:normal
}

.mdc-checkbox + label.is-disabled {
    color:var(--cgrey2)
}

.mdc-dialog__backdrop {
    background-color: rgba(var(--cgrey1--rgb), .5);
    z-index:0
}

.mdc-dialog__surface {
    background: var(--ccardbg);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    max-width: none;
    min-width: auto;
    width: 100%;
    z-index:3
}

.mdc-dialog__body {
    color: var(--cbodytext);
    flex: 1 1 auto;
    margin: 0;
    min-height: 24px;
    padding:0
}

.mdc-dialog__body--scrollable {
    border: none;
    overflow-x: hidden;
    overflow-y:auto
}

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

.mdc-dialog__header {
    margin-right: 24px;
    padding:0
}

.mdc-dialog__header__title {
    font-size: 20px;
    font-weight: 300;
    color: var(--cbodytext);
    font-weight: 700;
    line-height:26px
}

.mdc-dialog__footer {
    flex: 1 0 auto;
    padding:0
}

.mdc-dialog__footer__button:first-child {
    margin-right:8px
}

.mdc-temporary-drawer__drawer {
    background-color:var(--ccardbg)
}

.mdc-temporary-drawer {
    z-index:4
}

.mdc-list-item {
    height: 56px;
    line-height:inherit
}

.mdc-list-item:focus, .mdc-list-item:hover {
    background-color:var(--cbodybg)
}

.mdc-list-item[disabled] {
    color: var(--cinactive) !important;
    pointer-events:none
}

.mdc-simple-menu {
    position: absolute;
    z-index: 3;
    left: 0 !important;
    padding-bottom: 8px;
    padding-top: 8px;
    top: 49px !important;
    transform-origin: 0 !important;
    width:auto
}

.form__select--custom .mdc-simple-menu {
    display:inline-block
}

.form__select--custom .mdc-simple-menu .mdc-list-item .form__element {
    display:none
}

.form__select--custom .mdc-simple-menu--open .mdc-list-item .form__element {
    display:block
}

.mdc-radio {
    --mdc-ripple-left: 11px !important;
    --mdc-ripple-top:11px !important
}

.mdc-radio__native-control {
    z-index:1
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
    border-color:var(--clink)
}

.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border-color:var(--chighlight)
}

.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
    background-color: var(--chighlight);
    border:1px solid var(--chighlight)
}

.mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
    border-color:var(--cgrey4)
}

.mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle, [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
    background-color:var(--cgrey4)
}

.mdc-select {
    background-color: initial;
    background-position: calc(100% - 16px) 50%;
    height: 39px;
    letter-spacing:normal
}

.mdc-select:focus {
    background: none;
    border-color:#333
}

.mdc-select--disabled, .mdc-select[disabled] {
    border-bottom-style:solid
}

.mdc-select.form__select--native[disabled] {
    color:var(--ctextinactive)
}

.mdc-select .mdc-select__selected-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    margin-top:9px
}

.mdc-select.mdc-select--disabled .mdc-select__selected-text {
    color:var(--ctextinactive)
}

.mdc-select .mdc-select__menu {
    max-height: 295px;
    z-index:4
}

.mdc-select .mdc-select__menu .mdc-list-item {
    letter-spacing:0
}

.mdc-select--disabled {
    background:none
}

.form__selectlistWrapper .mdc-list {
    overflow-y: scroll;
    padding-top:0
}

.form__selectlistWrapper .mdc-list--non-interactive {
    pointer-events:none
}

.form__selectlistWrapper .mdc-list--non-interactive .mdc-list-item {
    color:var(--ctextinactive)
}

.form__selectlistWrapper .mdc-list-item {
    color: var(--clink);
    height: 56px;
    line-height: inherit;
    padding:0 16px
}

.form__selectlistWrapper .mdc-list-item:hover {
    background-color:var(--cbodybg)
}

.form__selectlistWrapper .mdc-list-item.mdc-list-item--selected {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--clink);
    background-color:var(--cbodybg)
}

.mdc-slider__pin {
    z-index:1
}

.mdc-switch__native-control {
    z-index:2
}

.mdc-switch__background .mdc-switch__knob {
    z-index:auto
}

.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background:before {
    background-color: var(--csuccess);
    opacity:.7
}

.mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob {
    background-color:var(--csuccess)
}

.mdc-switch .mdc-switch__native-control[disabled] ~ .mdc-switch__background .mdc-switch__knob, .mdc-switch .mdc-switch__native-control[disabled] ~ .mdc-switch__background:before {
    background-color:var(--cgrey4)
}

.mdc-tab-bar-scroller {
    flex:1
}

.mdc-tab-bar {
    height: 48px;
    margin: 0;
    text-transform:none
}

.mdc-tab-bar .mdc-tab--active:after, .mdc-tab-bar .mdc-tab--active:hover:after {
    display:none !important
}

.mdc-tab-bar__indicator {
    display:none
}

.mdc-tab {
    box-sizing: initial;
    font-size: inherit;
    line-height: inherit;
    min-width: 0;
    padding:0 12px
}

.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--box) {
    margin-top:0
}

.mdc-textfield {
    font-size: inherit;
    will-change:color
}

.mdc-textfield ::placeholder {
    opacity:0
}

.mdc-textfield.mdc-textfield--focused ::placeholder {
    opacity:1
}

.mdc-textfield:not(.mdc-textfield--upgraded):not(.mdc-textfield--textarea) .mdc-textfield__input {
    border:none
}

.mdc-textfield .mdc-textfield__input {
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color:var(--cbodytext)
}

.mdc-textfield .mdc-textfield__input::placeholder {
    color:var(--ctextinactive) !important
}

.mdc-textfield .mdc-textfield--focused .mdc-textfield__label {
    color:var(--chighlight)
}

.mdc-textfield .mdc-textfield--focused.mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline):not(.mdc-textfield--box):after {
    background-color:var(--chighlight)
}

.mdc-textfield .mdc-textfield__icon {
    bottom: 0;
    color: var(--clink);
    right:0
}

.mdc-textfield .mdc-textfield--textarea {
    height: auto !important;
    margin-top:20px !important
}

.mdc-textfield .mdc-textfield--textarea .mdc-textfield__label {
    bottom: auto;
    top:2px
}

.mdc-textfield .mdc-textfield--textarea .form__textarea {
    width:100%
}

.mdc-textfield__label--float-above {
    transform:translateY(calc(-100% - 4px)) scale(1)
}

.mdc-textfield--with-trailing-icon .mdc-textfield__input {
    padding-left:0
}

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

.mdc-textfield--invalid ~ .mdc-textfield-helptext {
    display:none
}

.mdc-toolbar__section, .mdc-toolbar__title {
    z-index:1
}

.mdc-toolbar--fixed {
    z-index:4
}

.mdc-temporary-drawer .mdc-list-item {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: var(--clink);
    text-decoration:none
}

.mdc-temporary-drawer .mdc-list-item.highlight {
    color:var(--chighlight)
}

.mdc-temporary-drawer .mdc-list-item > * {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap
}

.mdc-simple-menu .mdc-list-item {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: var(--cbodytext);
    padding-right:32px
}

.mamcom--hcMode .mdc-button.mdc-ripple-upgraded--background-focused:before {
    opacity:0
}

@media (min-width: 960px), print {
    .mdc-dialog__body {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: var(--cbodytext);
        margin: 30px 0 32px;
        font-size: 16px;
        line-height:22px
    }

    .mdc-dialog__header {
        margin:0
    }

    .mdc-dialog__header__title {
        font-size: 24px;
        line-height:30px
    }

    .mdc-dialog__footer {
        margin:0
    }

    .mdc-dialog__footer__button:first-child {
        margin-right:16px
    }

    .mdc-select .mdc-select__selected-text {
        font-size: 16px;
        line-height:22px
    }

    .mdc-select .mdc-select__menu .mdc-list-item {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        color: var(--clink);
        font-size: 16px;
        line-height:22px
    }

    .mdc-select .mdc-select__menu .mdc-list-item:before {
        background:none
    }

    .mdc-select .mdc-select__menu .mdc-list-item[aria-selected=true] {
        color:var(--chighlight)
    }

    .form__selectlistWrapper .mdc-list-item.mdc-list-item--selected, .mdc-select .mdc-select__menu .mdc-list-item {
        font-size: 16px;
        line-height:22px
    }

    .mdc-tab-bar {
        height:56px
    }

    .mdc-temporary-drawer .mdc-list-item {
        font-size: 24px;
        line-height:30px
    }

    .mdc-simple-menu .mdc-list-item {
        font-size: 18px;
        line-height: 24px
    }
}
/**
 * www.miles-and-more.com
 */
:where(html) {
    line-height:1.15
}

:where(h1) {
    font-size: 2em;
    margin-block-end: .67em;
    margin-block-start:.67em
}

:where(dl, ol, ul) :where(dl, ol, ul) {
    margin-block-end: 0;
    margin-block-start:0
}

:where(hr) {
    box-sizing: initial;
    color: inherit;
    height:0
}

:where(pre) {
    font-family: monospace, monospace;
    font-size:1em
}

:where(abbr[title]) {
    text-decoration: underline;
    text-decoration:underline dotted
}

:where(b, strong) {
    font-weight:bolder
}

:where(code, kbd, samp) {
    font-family: monospace, monospace;
    font-size:1em
}

:where(small) {
    font-size:80%
}

:where(table) {
    border-color: currentColor;
    text-indent:0
}

:where(button, input, select) {
    margin:0
}

:where(button) {
    text-transform:none
}

:where(button, input:is([type=button i], [type=reset i], [type=submit i])) {
    -webkit-appearance:button
}

:where(progress) {
    vertical-align:initial
}

:where(select) {
    text-transform:none
}

:where(textarea) {
    margin:0
}

:where(input[type=search i]) {
    -webkit-appearance: textfield;
    outline-offset:-2px
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height:auto
}

::-webkit-input-placeholder {
    color: inherit;
    opacity:.54
}

::-webkit-search-decoration {
    -webkit-appearance:none
}

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

:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
    border-style: none;
    padding:0
}

:where(button, input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
    outline:1px dotted ButtonText
}

:where(:-moz-ui-invalid) {
    box-shadow:none
}

:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width:fit-content
}

:where(dialog:not([open])) {
    display:none
}

:where(summary) {
    display:list-item
}

html {
    max-width: 100%;
    min-height: 100%;
    touch-action: pan-y;
    width:100vw
}

body, fieldset, figure, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0;
    padding:0
}

:root {
    --caccent1: #1e449c;
    --caccent1--rgb: 30, 68, 156;
    --caccent2: #7eadf8;
    --caccent2--rgb: 126, 173, 248;
    --caccent3: #b7ddf8;
    --caccent3--rgb: 183, 221, 248;
    --caemdanger: #e14132;
    --caemdanger--rgb: 225, 65, 50;
    --caemdisabled: #d0d0d0;
    --caemdisabled--rgb: 208, 208, 208;
    --caemwarning: #fa7d73;
    --caemwarning--rgb: 250, 125, 115;
    --cazul: #1e449c;
    --cazul--rgb: 30, 68, 156;
    --cbodybg: #f5f5f5;
    --cbodybg--rgb: 245, 245, 245;
    --cbodybg2: #fff;
    --cbodybg2--rgb: 255, 255, 255;
    --cbodytext: #333;
    --cbodytext--rgb: 51, 51, 51;
    --cbodytextinverted: #fff;
    --cbodytextinverted--rgb: 255, 255, 255;
    --cbrand: #05164d;
    --cbrand--rgb: 5, 22, 77;
    --cbrandsecondary: #2a5fea;
    --cbrandsecondary--rgb: 42, 95, 234;
    --cbuttondefaultbg: #fff;
    --cbuttondefaultbg--rgb: 255, 255, 255;
    --cbuttonprimarybg: #05164d;
    --cbuttonprimarybg--rgb: 5, 22, 77;
    --ccardbg: #fff;
    --ccardbg--rgb: 255, 255, 255;
    --ccardbgbrand: #05164d;
    --ccardbgbrand--rgb: 5, 22, 77;
    --cdivider: #f5f5f5;
    --cdivider--rgb: 245, 245, 245;
    --cgrey0: #000;
    --cgrey0--rgb: 0, 0, 0;
    --cgrey00: #fff;
    --cgrey00--rgb: 255, 255, 255;
    --cgrey1: #333;
    --cgrey1--rgb: 51, 51, 51;
    --cgrey2: #878787;
    --cgrey2--rgb: 135, 135, 135;
    --cgrey3: #b4b4b4;
    --cgrey3--rgb: 180, 180, 180;
    --cgrey4: #ebebeb;
    --cgrey4--rgb: 235, 235, 235;
    --cgrey5: #f5f5f5;
    --cgrey5--rgb: 245, 245, 245;
    --cgrey6: #cdcdcd;
    --cgrey6--rgb: 205, 205, 205;
    --chighlight: #1e449c;
    --chighlight--rgb: 30, 68, 156;
    --cinactive: #ebebeb;
    --cinactive--rgb: 235, 235, 235;
    --cinputbg: #f5f5f5;
    --cinputbg--rgb: 245, 245, 245;
    --clink: #05164d;
    --clink--rgb: 5, 22, 77;
    --clinkinverted: #fff;
    --clinkinverted--rgb: 255, 255, 255;
    --clistdivider: #ebebeb;
    --clistdivider--rgb: 235, 235, 235;
    --cloadingspinner: #2a5fea;
    --cloadingspinner--rgb: 42, 95, 234;
    --cloadingspinnererror: #c02;
    --cloadingspinnererror--rgb: 204, 0, 34;
    --cloadingspinnersuccess: #1e449c;
    --cloadingspinnersuccess--rgb: 30, 68, 156;
    --cnotificationblue: #eaeffa;
    --cnotificationblue--rgb: 234, 239, 250;
    --cnowrap: #fad782;
    --cnowrap--rgb: 250, 215, 130;
    --cpagetitle: #05164d;
    --cpagetitle--rgb: 5, 22, 77;
    --cstatusbase: #05164d;
    --cstatusbase--rgb: 5, 22, 77;
    --cstatusftl: #757575;
    --cstatusftl--rgb: 117, 117, 117;
    --cstatusftllight: #ededed;
    --cstatusftllight--rgb: 237, 237, 237;
    --cstatushon: #282828;
    --cstatushon--rgb: 40, 40, 40;
    --cstatussen: #8f7231;
    --cstatussen--rgb: 143, 114, 49;
    --cstatussenlight: #ded2b9;
    --cstatussenlight--rgb: 222, 210, 185;
    --cstroke: #b4b4b4;
    --cstroke--rgb: 180, 180, 180;
    --cstrokeinverted: #fff;
    --cstrokeinverted--rgb: 255, 255, 255;
    --csuccess: #094;
    --csuccess--rgb: 0, 153, 68;
    --ctextinactive: #b4b4b4;
    --ctextinactive--rgb: 180, 180, 180;
    --ctextsecondary: #707070;
    --ctextsecondary--rgb: 112, 112, 112;
    --cwarn: #c02;
    --cwarn--rgb:204, 0, 34
}

body.user-is-tabbing :focus {
    outline:2px solid var(--chighlight)
}

.is-shown-aem-edit {
    display:none
}

.aem-AuthorLayer-Edit .is-shown-aem-edit {
    display:block
}

.aem-AuthorLayer-Edit .is-hidden-aem-edit, .aem-AuthorLayer-Preview .is-hidden-aem-preview, .is-shown-aem-preview {
    display:none
}

.aem-AuthorLayer-Preview .is-shown-aem-preview {
    display:block
}

.mamcomAEMPlaceholder {
    background-color: hsla(0, 0%, 100%, .25);
    color: rgba(0, 0, 0, .3);
    font-size: 14px;
    text-align:center
}

.mamcomAEMPlaceholder__border {
    border:.125rem solid rgba(0, 0, 0, .3)
}

:root {
    --awesomeplete-item-color: var(--clink);
    --awesomeplete-item-hover-color: var(--awesomeplete-item-color);
    --awesomeplete-item-hover-background: var(--cdivider);
    --awesomeplete-item-hover-font-weight:inherit
}

.awesomplete {
    position: absolute;
    top: 20px;
    width:100%
}

.awesomplete [hidden] {
    display:none
}

.plugincustomscrollbar__container[hidden] ~ .awesomplete__suggestedResults--visible, ul[hidden] ~ .awesomplete__suggestedResults--visible {
    display:block
}

.plugincustomscrollbar__container[hidden] ~ .awesomplete__overlayTrigger, ul[hidden] ~ .awesomplete__overlayTrigger {
    display:none
}

.awesomplete ul {
    -ms-overflow-style: none;
    padding:8px 0
}

.awesomplete mark {
    background-color: inherit;
    color: inherit;
    font-weight:700
}

.awesomplete .visually-hidden {
    clip: rect(0, 0, 0, 0);
    position:absolute
}

.awesomplete__subtext {
    color: var(--ctextsecondary);
    display: block;
    margin-left:4px
}

.awesomplete__itemExtraSpacing, .awesomplete__overlayTriggerText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--clink);
    display:block
}

.awesomplete__itemExtraSpacing--selected, .awesomplete__overlayTriggerText--selected {
    background:var(--cgrey5)
}

.awesomplete__itemExtraSpacing--flex, .awesomplete__overlayTriggerText--flex {
    display: flex;
    justify-content: space-between;
    width:100%
}

.awesomplete__suggestedResults {
    position: relative;
    z-index: 3;
    display: none;
    max-height: none;
    overflow-y:hidden
}

.awesomplete__suggestedResultsLabel {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    align-items: center;
    color: var(--ctextsecondary);
    display: flex;
    height: 48px;
    padding: 16px 16px 0;
    pointer-events:auto
}

.awesomplete > ul.awesomplete__noVerticalScroll {
    overflow-y:hidden
}

.awesomplete__noResultsMessage {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 48px;
    padding:0 16px
}

.awesomplete__overlayTrigger {
    position: relative;
    z-index: 3;
    background-color: var(--ccardbg);
    border-top: 1px solid var(--cgrey4);
    box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
    cursor: pointer;
    display: block;
    overflow-y: hidden;
    padding-top: 0;
    pointer-events:none
}

.awesomplete__overlayTriggerText {
    font-weight: 700;
    pointer-events:auto
}

.awesomplete .plugincustomscrollbar__container, .awesomplete > ul, .awesomplete__noResultsMessage, .awesomplete__overlayTrigger, .awesomplete__suggestedResults {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    position: relative;
    z-index: 3;
    background-color: var(--ccardbg);
    box-shadow: .05em .2em .6em rgba(0, 0, 0, .2);
    left: 0;
    list-style: none;
    max-height: 224px;
    min-width: 100%;
    overflow-y: scroll;
    width:100%
}

.awesomplete .plugincustomscrollbar__container:empty, .awesomplete > ul:empty, .awesomplete__noResultsMessage:empty, .awesomplete__overlayTrigger:empty, .awesomplete__suggestedResults:empty {
    display:none
}

.awesomplete__suggestedResultsItem {
    display: flex;
    justify-content:space-between
}

.awesomplete__suggestedResultsItem--alignDefault {
    justify-content:flex-start
}

.awesomplete__mobileLayerHeading {
    margin-bottom:34px !important
}

.awesomplete__mobileLayerDescription {
    margin-bottom:20px
}

.awesomplete__countryName {
    display:block
}

.awesomplete__overlayTriggerText, .awesomplete ul > li {
    align-items: center;
    color: var(--awesomeplete-item-color);
    cursor: pointer;
    display: flex;
    list-style-type: none;
    padding:14px 48px 14px 16px
}

.awesomplete__overlayTriggerText.awesomplete__sectionSeparator, .awesomplete ul > li.awesomplete__sectionSeparator {
    border-bottom: 1px solid var(--cgrey0);
    height: 0;
    opacity: .1;
    padding:0
}

.awesomplete__overlayTriggerText[aria-selected=true], .awesomplete ul > li[aria-selected=true] {
    background-color: var(--cbodybg);
    color:var(--chighlight)
}

.awesomplete__overlayTriggerText[aria-selected=true] .awesomplete__itemExtraSpacing, .awesomplete__overlayTriggerText[aria-selected=true] .awesomplete__subtext, .awesomplete ul > li[aria-selected=true] .awesomplete__itemExtraSpacing, .awesomplete ul > li[aria-selected=true] .awesomplete__subtext {
    color:var(--chighlight)
}

.awesomplete__overlayTriggerText:hover, .awesomplete ul > li:hover {
    background: var(--awesomeplete-item-hover-background);
    color: var(--awesomeplete-item-hover-color);
    font-weight:var(--awesomeplete-item-hover-font-weight)
}

.awesomplete__overlay {
    margin: 40px 0;
    overflow:visible
}

.awesomplete__overlay .plugincustomscrollbar__container .form__selectlist--custom {
    overflow-y:visible
}

.awesomplete__overlayAirports .os-scrollbar-vertical, .awesomplete__overlayAirports .plugincustomscrollbar__container, .awesomplete__overlayAirports [class^=mamcomicon], .awesomplete__overlayCities .plugincustomscrollbar__container, .awesomplete__overlayCities [class^=mamcomicon], .awesomplete__overlayCountries .plugincustomscrollbar__container, .awesomplete__overlayCountries [class^=mamcomicon], .awesomplete__overlaySeparator {
    display:none
}

.awesomplete__itemNotSelectable {
    pointer-events:none
}

.awesomplete__sectionTitleLabel {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    align-items: center;
    color: var(--ctextsecondary);
    display: flex;
    height:48px
}

.awesomplete__sectionTitle[aria-selected=true] {
    background-color: var(--cbodybg2) !important;
    color:var(--cbodytext) !important
}

.mdc-dialog__surface.awesomplete__overlaySurface {
    padding:32px 24px
}

.awesomplete__overlaySurface .plugindialog__body {
    margin:0
}

.awesomplete__overlaySurface .mdc-dialog__header__title {
    font-weight: 300;
    color: var(--cbodytext);
    font-size: 34px;
    line-height:40px
}

.awesomplete__overlaySurface .mdc-dialog__footer__button {
    margin-right: 0;
    width:100%
}

.awesomplete__overlaySurface .plugindialog__closeButton {
    right: 16px;
    top:16px
}

.awesomplete__iconWrapper {
    margin-right: 12px;
    min-width:20px
}

.dropdowndestinationsatlas__base .form__element:not(.is-invalid) .form__textfield.mdc-textfield--focused .form__label.mdc-textfield__label, .dropdownfixedoptiontags__base .form__element:not(.is-invalid) .form__textfield.mdc-textfield--focused .form__label.mdc-textfield__label {
    color:var(--chighlight)
}

.dropdowndestinationsatlas__base .mdc-textfield__icon {
    bottom: 0;
    color: var(--cbrand);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 0;
    width:48px
}

.form__phonenumber .awesomplete__subtext {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--clink);
    margin-left: 0;
    margin-right: 4px;
    order:-1
}

.form__phonenumber .awesomplete__iconWrapper {
    order:-2
}

.backlink__anchor {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--clink);
    align-items: center;
    display: inline-flex;
    transform:translateX(-14px)
}

.backlink__anchor [class^=mamcomicon] {
    display: flex;
    transform:scaleX(-1)
}

.parsysComponent .backlink__anchor {
    grid-column:3/span 8
}

.backlink__iconWrapper {
    align-items: center;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width:48px
}

.backlink__text {
    display: inline-block;
    margin-top:2px
}

.button {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--clink);
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    margin: 0;
    border-radius: 2px;
    height: 38px;
    -webkit-hyphens: none;
    hyphens: none;
    padding:0 24px
}

.button:hover {
    background:var(--clistdivider)
}

.button.button--large {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: var(--clink);
    height:48px
}

.button.button--success {
    color:var(--csuccess)
}

.button.button--warning {
    color:var(--cwarn)
}

.button.button--fullWidth {
    width:100%
}

.button.button--statusFTL {
    color:var(--cstatusftl)
}

.button.button--statusSEN {
    color:var(--cstatussen)
}

.button.button--statusHON {
    color:var(--cstatushon)
}

.button .button__text {
    display: inline-flex;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space:nowrap
}

.button.button--link {
    align-items: center;
    display: inline-flex;
    justify-content:center
}

.button.button--filled {
    background: var(--cbodytextinverted);
    color:var(--clink)
}

.button.button--filled:hover {
    background:var(--clistdivider)
}

.button.button--filled.button[disabled]:not(.pluginsubmitbutton--submittedAnimated) {
    background: var(--cinactive);
    color:var(--ctextinactive)
}

.button.button--filled.button--primary {
    background: var(--cbuttonprimarybg);
    color:var(--cbodytextinverted)
}

.button.button--filled.button--primary:hover {
    background:#041341
}

.button.button--filled.button--statusFTL, .button.button--filled.button--statusHON, .button.button--filled.button--statusSEN {
    color:var(--cbodytextinverted)
}

.button.button--filled.button--statusFTL {
    background:var(--cstatusftl)
}

.button.button--filled.button--statusFTL:hover {
    background:#636363
}

.button.button--filled.button--statusSEN {
    background:var(--cstatussen)
}

.button.button--filled.button--statusSEN:hover {
    background:#7a612a
}

.button.button--filled.button--statusHON {
    background:var(--cstatushon)
}

.button.button--filled.button--statusHON:hover {
    background:#222
}

.chip, .cursor--pointer {
    cursor:pointer
}

.chip {
    background: rgba(0, 0, 0, .08);
    border-radius: 16px;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    overflow: hidden;
    padding: 7px 12px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    will-change:transform, opacity
}

.chip:after, .chip:before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    height: 200%;
    left: -50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -50%;
    transform-origin: center center;
    width:200%
}

.chip:focus:before, .chip:hover:before {
    opacity:.04
}

.chip:focus {
    outline:none
}

.chip [class^=mamcomicon] {
    color: var(--ctextinactive);
    height: 20px;
    margin-left: 12px;
    min-width: 20px;
    padding: 0;
    transform: rotate(-45deg);
    transform-origin: 50% 53%;
    transition: transform .1s linear;
    width:20px
}

.chip .chip__text {
    align-items: center;
    display: flex;
    pointer-events:none
}

.chip [class^=mamcomicon] svg {
    bottom:auto
}

.chip--active {
    background: var(--chighlight) !important;
    color:var(--ccardbg)
}

.chip--active [class^=mamcomicon] {
    color: var(--cbodytextinverted);
    transform: none;
    transform-origin:initial
}

.chip:first-child {
    margin-left:0 !important
}

.mamcomcomponent--initAPIError [data-component] > :not(.apiError):not(.mamcomcomponent__heading) {
    display:none
}

.mamcomcomponent--initAPIError [data-component] > :not(.apiError):not(.mamcomcomponent__heading)[class * =__header] {
    display:block !important
}

.mamcomcomponent--initAPIError [data-component] > :not(.apiError):not(.mamcomcomponent__heading)[class * =__header] > :not(.mamcomcomponent__heading) {
    display:none
}

.mamcomcomponent--initAPIError [data-component] > :not(.apiError):not(.mamcomcomponent__heading)[class * =__header]:first-of-type {
    display:none !important
}

.mamcomcomponent--initAPIError [data-component] > a {
    display:block !important
}

.mamcomcomponent--initAPIError [data-component] > a > :not(.apiError):not(.mamcomcomponent__heading) {
    display:none
}

.mamcomcomponent--initAPIError [data-component] > a > [class * =__header] {
    display:block !important
}

.mamcomcomponent--initAPIError [data-component] > a > [class * =__header] > :not(.mamcomcomponent__heading) {
    display:none
}

.mamcomcontentwrapper--default {
    background-color: var(--cbodybg2);
    padding-top:16px
}

.mamcomcontentwrapper--profile {
    background-color: var(--cbodybg);
    padding:16px 0
}

.mamcomcontentwrapper--profile + .mamcomcontentwrapper--default {
    padding-top:80px
}

.mamcomcontentwrapper .mamcomcomponent {
    margin-bottom:80px
}

.mamcomcontentwrapper .mamcomcomponent .base:not(:last-child) .mamcomcomponent {
    margin-bottom:48px
}

.mamcomcontentwrapper .mamcomcomponent .base:last-child .mamcomcomponent {
    margin-bottom:0
}

.mamcomcontentwrapper .mamcomcomponent .mamcomcomponent .base:not(:last-child) .mamcomcomponent {
    margin-bottom:40px
}

.mamcomcontentwrapper .mamcomcomponent .mamcomcomponent .base:last-child .mamcomcomponent {
    margin-bottom:0
}

.mamcomcontentwrapper .mamcomcomponent.mamcomcomponent--spacing-h3, .mamcomcontentwrapper .mamcomcomponent.mamcomcomponent--spacing-small {
    margin-bottom:48px
}

.mamcomcontentwrapper .mamcomcomponent.mamcomcomponent--spacing-h4 {
    margin-bottom:40px
}

.mamcomdevmockedcustomerdatawarning {
    background: #ff0;
    color: #000;
    padding:10px
}

.mamcomdevmockedcustomerdatawarning summary {
    font-weight:bold
}

.mamcomdevmockedcustomerdatawarning section {
    margin-left: 10px;
    margin-top:10px
}

.mamcomdevmockedcustomerdatawarning ul {
    margin: 10px;
    padding:0 10px
}

.flag-icon {
    height: 15px;
    width:20px
}

.flag-iconWrapper {
    left: 5px;
    position: absolute;
    top:1px
}

.form__input-withFlag {
    padding-left:25px
}

.form__elementWithFlag {
    position:relative
}

.grid1 .gridblockfull, .grid2 .gridblockfull, .grid3 .gridblockfull, .grid4 .gridblockfull {
    grid-column:1/span 4
}

.grid1, .grid2, .grid3, .grid4 {
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

.grid1 {
    grid-column-gap:0
}

.grid2, .grid3, .grid4 {
    grid-column-gap:16px
}

.gridcontainer1 {
    margin-left: 16px;
    margin-right:16px
}

.gridcontainer2, .gridcontainer3, .mixedcontainer__columns .gridcontainer1, .mixedcontainer__mixedContainer .gridcontainer1 {
    margin-left: 0;
    margin-right: 0
}

.mamcomcomponent__heading--h1, [role=heading][aria-level="1"] {
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
    color:var(--cpagetitle)
}

.mamcomcomponent__heading--h2 {
    margin-bottom: 34px
}

.mamcomcomponent__heading--h2, [role=heading][aria-level="2"] {
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    color:var(--cbodytext)
}

.mamcomcomponent__heading--h3 {
    margin-bottom: 20px
}

.mamcomcomponent__heading--h3, [role=heading][aria-level="3"] {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color:var(--cbodytext)
}

.mamcomcomponent__heading--h4 {
    margin-bottom: 20px
}

.mamcomcomponent__heading--h4, [role=heading][aria-level="4"] {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color:var(--cbodytext)
}

[class^=mamcomicon] {
    display: inline-block;
    height: 32px;
    padding: 8px;
    pointer-events: none;
    white-space: nowrap;
    width:32px
}

[class^=mamcomicon] svg {
    fill: currentColor;
    height: inherit;
    pointer-events: none;
    stroke: currentColor;
    stroke-width: 0;
    width:inherit
}

.mamcomicon--xs {
    height: 16px;
    padding: 4px;
    width:16px
}

.mamcomicon--l {
    height: 48px;
    padding: 12px;
    width:48px
}

.mamcomicon--xl {
    height: 64px;
    padding: 16px;
    width:64px
}

.mamcomicon--baseline {
    align-self: center;
    display: inline-flex;
    position:relative
}

[class^=mamcomicon][type=button] {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    cursor: pointer;
    pointer-events:auto
}

figure.imageFluid img, img.imageFluid {
    height: auto;
    max-width:100%
}

@keyframes mamcomslideinfrombottom {
    0.00% {
        transform:translateY(100%)
    }

    to {
        transform:translateY(0)
    }
}

@keyframes mamcomslideouttotop {
    0.00% {
        transform:translateY(0)
    }

    to {
        transform:translateY(-100%)
    }
}

@keyframes mamcomslideinfromtop {
    0.00% {
        transform:translateY(-100%)
    }

    to {
        transform:translateY(0)
    }
}

@keyframes mamcomslideinfromtopandappear {
    0.00% {
        opacity: 0;
        transform:translateY(-100%)
    }

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

@keyframes mamcomslideinfrombottomandappeartooltip {
    0.00% {
        opacity: 0;
        transform:translateY(0)
    }

    to {
        opacity: 1;
        top: -30px;
        transform:translateY(-100%)
    }
}

@keyframes mamcomslideinfrombottomandappear {
    0.00% {
        opacity: 0;
        transform:translateY(100%)
    }

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

@keyframes mamcomslideoutfrombottomanddisappear {
    0.00% {
        opacity: 1;
        transform:translateY(100%)
    }

    to {
        opacity: 0;
        transform:translateY(0)
    }
}

@keyframes mamcomslideandfadeouttop {
    0.00% {
        max-height: auto;
        opacity: 1;
        overflow: hidden;
        transform-origin:top
    }

    20.00% {
        opacity:0
    }

    to {
        max-height: 0;
        opacity:0
    }
}

@keyframes mamcomloadingspinnerrotate {
    to {
        transform:rotate(1turn)
    }
}

@keyframes mamcomloadingspinnerdash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset:0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset:-35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset:-124
    }
}

@keyframes mamcomfadein {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes mamcomloadingCarouselDots {
    0% {
        width:0
    }

    to {
        width:100%
    }
}

@keyframes mamcombouncingScrollIndicatorArrow {
    0.00% {
        transform:translateY(0)
    }

    to {
        transform:translateY(10%)
    }
}

.loadingSpinner {
    animation: mamcomloadingspinnerrotate 2s linear infinite;
    display: block;
    height: 64px;
    margin: 40px auto;
    width:64px
}

.loadingSpinner .loadingSpinner__circleWrapper {
    stroke: var(--cloadingspinner);
    stroke-linecap:round
}

.loadingSpinner .loadingSpinner__circleWrapper circle {
    animation:mamcomloadingspinnerdash 1.5s ease-in-out infinite
}

.loadingSpinner--simple {
    animation:mamcomloadingspinnerrotate 1s linear infinite
}

.loadingSpinner--simple .loadingSpinner__circleWrapper circle {
    animation:none
}

.button .loadingSpinner {
    display: block;
    height: 28px;
    margin: 0;
    width:28px
}

.button .loadingSpinner .loadingSpinner__circleWrapper {
    stroke:var(--cstrokeinverted)
}

.memberstatus--BASE .memberstatus__background {
    background:var(--cstatusbase)
}

.memberstatus--BASE .memberstatus__color {
    color:var(--cstatusbase)
}

.memberstatus--INST .memberstatus__background {
    background:var(--cstatusbase)
}

.memberstatus--INST .memberstatus__color {
    color:var(--cstatusbase)
}

.memberstatus--HON .memberstatus__background {
    background:var(--cstatushon)
}

.memberstatus--HON .memberstatus__color {
    color:var(--cstatushon)
}

.memberstatus--FTL .memberstatus__background {
    background:var(--cstatusftl)
}

.memberstatus--FTL .memberstatus__color {
    color:var(--cstatusftl)
}

.memberstatus--SEN .memberstatus__background {
    background:var(--cstatussen)
}

.memberstatus--SEN .memberstatus__color {
    color:var(--cstatussen)
}

.notification__base {
    background-color: var(--cnotificationblue);
    border-radius: 2px;
    display:flex
}

.notification__base--close {
    padding-left:16px
}

.notification__base--close .notification__text {
    margin-top:8px
}

.notification__base--container {
    padding-left: 16px;
    padding-right: 16px;
    padding-top:8px
}

.notification__base--container .notification__text {
    width:100%
}

.notification__base--container p + p {
    border-top: 1px solid var(--cstroke);
    margin-top: 20px;
    padding-top:8px
}

.notification__base--plain {
    padding-left: 16px;
    padding-right: 16px;
    padding-top:8px
}

.notification__base--icon {
    padding-left: 8px;
    padding-right:16px
}

.notification__base--icon .notification__text {
    margin-top:14px
}

.notification__base--icon .notification__text > p:last-of-type, .notification__base--icon .notification__textLink {
    display:inline-block
}

.notification__base--icon .notification__textLink .mamcomcomponent {
    margin-bottom:0 !important
}

.notification__base--icon .notification__textLink .link__anchor {
    font-weight:700
}

.notification__base .notification__iconWrapper {
    margin-right:8px
}

.notification__base .notification__heading {
    font-weight:700
}

.notification__base .notification__text {
    margin-bottom:14px
}

.notification__base .notification__closeIconWrapper {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-left: 8px;
    width:48px
}

.notification__base .notification__textLink {
    margin-left:4px
}

.notification__base .notification__textLink .mamcomcomponent .link__contentWrapper .link__anchor {
    display:inline-block
}

.notification__base .notification__textLink .mamcomcomponent .link__contentWrapper .link__anchor .link__icon:not(.link__icon--hidden):not(.link__bulletIcon) {
    display: inline-block;
    position:relative
}

.notification__base .notification__textLink .mamcomcomponent .link__contentWrapper .link__anchor .link__icon:not(.link__icon--hidden):not(.link__bulletIcon) .mamcomicon-ico23 {
    left: -16px;
    position: absolute;
    top:-30px
}

.footerindicator__base {
    background-color: var(--cnotificationblue);
    box-sizing: border-box;
    color: var(--cbodytext);
    padding: 22px 0;
    width:100%
}

.footerindicator__wrapper {
    display: flex;
    justify-content: space-between;
    position:relative
}

.footerindicator__wrapper [class^=mamcomicon] {
    color: var(--clink);
    margin-top:2px
}

.footerindicator__text {
    padding-right:20px
}

.footerindicator__text a {
    color: var(--cbodytext);
    font-weight: 400;
    text-decoration:underline
}

html.os-html, html.os-html > .os-host {
    box-sizing: border-box;
    display: block;
    height: 100% !important;
    margin: 0 !important;
    min-height: 100% !important;
    min-width: 100% !important;
    overflow: hidden;
    position: absolute !important;
    width:100% !important
}

html.os-html > .os-host > .os-padding {
    position:absolute
}

body.os-dragging, body.os-dragging * {
    cursor:default
}

.os-host, .os-host-textarea {
    align-content: flex-start;
    align-items: flex-start;
    flex-flow: column nowrap;
    justify-content: flex-start;
    overflow: visible !important;
    position:relative
}

.os-host-flexbox {
    display: flex;
    overflow:hidden !important
}

.os-host-flexbox > .os-size-auto-observer {
    height:inherit !important
}

.os-host-flexbox > .os-content-glue {
    flex-grow: 1;
    flex-shrink:0
}

.os-host-flexbox > .os-content-glue, .os-host-flexbox > .os-size-auto-observer {
    flex: 0 1 auto;
    min-height: 0;
    min-width:0
}

#os-dummy-scrollbar-size {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 500px;
    opacity: 0;
    overflow: scroll;
    position: fixed;
    visibility: hidden;
    width:500px
}

#os-dummy-scrollbar-size > div {
    height: 200%;
    margin: 10px 0;
    width:200%
}

#os-dummy-scrollbar-size, .os-viewport {
    -ms-overflow-style:scrollbar !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    background: transparent !important;
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    width:0 !important
}

.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width:100%
}

.os-padding {
    bottom: 0;
    box-sizing: inherit;
    direction: inherit;
    height: auto !important;
    left: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
    z-index:0
}

.os-host-overflow > .os-padding, .os-viewport {
    overflow:hidden
}

.os-viewport {
    bottom: 0;
    box-sizing: inherit !important;
    direction: inherit !important;
    left: 0;
    margin: 0;
    outline: none !important;
    padding: 0;
    position: absolute;
    resize: none !important;
    right: 0;
    top:0
}

.os-content-arrange {
    min-height: 1px;
    min-width: 1px;
    pointer-events: none;
    position: absolute;
    z-index:-1
}

.os-content {
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    position: relative;
    visibility: visible;
    width:100%
}

.os-content > .os-textarea {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    direction: inherit !important;
    float: none !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    outline: 0 none transparent !important;
    overflow: hidden !important;
    padding: 0;
    position: absolute !important;
    resize: none !important;
    top: 0 !important;
    z-index:1
}

.os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea {
    right:0 !important
}

.os-content > .os-textarea-cover {
    pointer-events: none;
    z-index:-1
}

.os-content > .os-textarea[wrap=off] {
    margin: 0 !important;
    white-space:pre !important
}

.os-text-inherit {
    color: inherit;
    cursor: text;
    direction: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-align: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-overflow: inherit;
    text-shadow: inherit;
    text-transform: inherit;
    unicode-bidi: inherit;
    word-spacing:inherit
}

.os-resize-observer, .os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:-1
}

.os-resize-observer-host {
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box;
    padding:inherit
}

.os-resize-observer-host:after {
    content: ""
}

.os-resize-observer-host:after, .os-resize-observer-host > .os-resize-observer {
    border: inherit;
    box-sizing: initial;
    display: block;
    height: 200%;
    margin: 0;
    padding: inherit;
    width:200%
}

.os-resize-observer.observed, object.os-resize-observer {
    box-sizing:border-box !important
}

.os-size-auto-observer {
    box-sizing: inherit !important;
    flex: 0;
    flex-basis: 0px;
    flex-grow: inherit;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: inherit;
    z-index:-1
}

.os-size-auto-observer > .os-resize-observer {
    height: 100%;
    min-height: 1px;
    min-width: 1px;
    width:100%
}

.os-resize-observer-item {
    bottom: 0;
    direction: ltr !important;
    flex: none !important;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index:-1
}

.os-resize-observer-item-final {
    flex: none !important;
    left: 0;
    position: absolute;
    top: 0;
    transition:none !important
}

.os-resize-observer {
    animation-duration: 1ms;
    animation-name:hs-resize-observer-dummy-animation
}

.os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner {
    transition:opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
}

html.os-html > .os-host > .os-scrollbar {
    position: absolute;
    z-index:999999
}

.os-scrollbar, .os-scrollbar-corner {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    position: absolute;
    z-index:2
}

.os-scrollbar-corner {
    bottom: 0;
    right:0
}

.os-scrollbar {
    pointer-events:none
}

.os-scrollbar-track {
    border: none !important;
    padding: 0 !important;
    position:relative
}

.os-scrollbar-handle, .os-scrollbar-track {
    height: 100%;
    pointer-events: auto;
    width:100%
}

.os-scrollbar-handle {
    position:absolute
}

.os-scrollbar-handle-off, .os-scrollbar-track-off {
    pointer-events:none
}

.os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * {
    pointer-events:none !important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity:0 !important
}

.os-scrollbar-vertical {
    right: 0;
    top:0
}

.os-host-rtl > .os-scrollbar-corner, .os-host-rtl > .os-scrollbar-vertical {
    left: 0;
    right:auto
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-padding + .os-scrollbar-corner, .os-scrollbar-auto-hidden {
    opacity: 0;
    pointer-events: none;
    visibility:hidden
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {
    bottom: 0;
    top:0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {
    left: 0;
    right:0
}

.os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize {
    transform:scaleX(-1)
}

.os-host-overflow {
    overflow:hidden !important
}

@keyframes hs-resize-observer-dummy-animation {
    0% {
        z-index:0
    }

    to {
        z-index:-1
    }
}

.os-theme-none > .os-scrollbar-corner, .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical {
    display:none !important
}

.os-theme-none > .os-scrollbar-corner-resize {
    display: block !important;
    min-height: 10px;
    min-width:10px
}

.os-theme-dark > .os-scrollbar-horizontal {
    height: 10px;
    right:10px
}

.os-theme-dark > .os-scrollbar-vertical {
    bottom: 10px;
    width:10px
}

.os-theme-dark.os-host-rtl > .os-scrollbar-horizontal {
    left: 10px;
    right:0
}

.os-theme-dark > .os-scrollbar-corner {
    background-color: initial;
    height: 10px;
    width:10px
}

.os-theme-dark > .os-scrollbar {
    background: transparent;
    box-sizing: border-box;
    padding:2px
}

.os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-dark > .os-scrollbar > .os-scrollbar-track {
    background:transparent
}

.os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
    min-height:30px
}

.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    transition:background-color .3s
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    border-radius:10px
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
    background:rgba(0, 0, 0, .4)
}

.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
    background:rgba(0, 0, 0, .55)
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
    background:rgba(0, 0, 0, .7)
}

.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before {
    bottom: 0;
    content: "";
    display: block;
    left: -6px;
    position: absolute;
    right: -2px;
    top:0
}

.os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {
    display:none
}

.os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -2px;
    right:-6px
}

[hidden] {
    display:none !important
}

.is-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space:nowrap
}

.clearfix:after, .clearfix:before {
    content: " ";
    display:table
}

.clearfix:after {
    clear:both
}

.is-notscrollable {
    height: 100%;
    overflow: hidden;
    width:100%
}

.UtilDarkOverlay:before {
    position: fixed;
    z-index: 1;
    background-color: rgba(var(--cgrey1--rgb), .8);
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top:0
}

.is-hidden-mb1-up, .is-hidden-mb4-down {
    display:none !important
}

.is-hidden-loggedIn {
    display:block
}

.customer-is-loggedIn .is-hidden-loggedIn, .is-shown-loggedIn {
    display:none
}

.customer-is-loggedIn .is-shown-loggedIn, .is-hidden-identified {
    display:block
}

.customer-is-identified .is-hidden-identified, .is-shown-identified {
    display:none
}

.customer-is-identified .is-shown-identified, .is-hidden-authenticated {
    display:block
}

.customer-is-authenticated .is-hidden-authenticated, .is-shown-authenticated {
    display:none
}

.customer-is-authenticated .is-shown-authenticated {
    display:block
}

.is-hidden-absolute-nowrap {
    height: auto;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    width:auto
}

.tags__heading {
    margin-bottom:14px
}

.tags__list {
    display: flex;
    flex-wrap: wrap;
    list-style:none
}

.tags__list .tags__item {
    margin-bottom: 8px;
    margin-right:8px
}

.tags__list .tags__link {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    background-color: var(--cgrey4);
    border-radius: 4px;
    display: block;
    padding: 6px 8px;
    text-decoration:none
}

.tags__list .tags__link:hover {
    background-color: var(--cgrey6);
    color:var(--cbodytext)
}

.tags__list .tags__link:active {
    background-color: var(--chighlight);
    color:var(--clinkinverted)
}

.mamcomFadeInPreparation {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.5, 0, .1, 1);
    transition-duration: .3s;
    transition-delay: 0s;
    opacity:0
}

.mamcomFadeIn {
    opacity:1
}

.mamcomFadeIn.funnelview__feedback {
    transition-delay:.3s
}

.mamcomFadeIn.mcalcexpert__footer, .mamcomFadeIn.mcalcexpert__step {
    transition-delay:.8s
}

:root {
    --rte-link-font-weight: 400;
    --rte-link-text-decoration:underline
}

body {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-hyphens: auto;
    hyphens:auto
}

a, b, blockquote, strong {
    font-weight:700
}

a {
    color: var(--clink);
    text-decoration:none
}

a.highlight, a:hover {
    color:var(--chighlight)
}

a.linksecondary {
    font-weight:400
}

.rteLink {
    font-weight: var(--rte-link-font-weight);
    text-decoration:var(--rte-link-text-decoration)
}

.nowrap {
    -webkit-hyphens: none;
    hyphens: none;
    white-space:nowrap
}

.videoWrapper {
    height: 0;
    max-width: 100%;
    padding-bottom: 56.25%;
    position:relative
}

.videoWrapper embed, .videoWrapper iframe, .videoWrapper object {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:100%
}

.form__label.mdc-textfield__label--float-above {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color:var(--ctextsecondary)
}

.mdc-form-field > .form__label {
    padding-left:0
}

.mdc-textfield--invalid ~ .form__elementValidationMessage {
    display: block;
    opacity:1
}

.mdc-textfield--focused .form__label:after, .mdc-textfield--focused .mdc-textfield__input:required + .mdc-textfield__label:after, .mdc-textfield--focused .mdc-textfield__label--float-above {
    color:var(--caccent1)
}

.form__element.is-valid .mdc-textfield--focused .form__label:after, .form__element.is-valid .mdc-textfield--focused .mdc-textfield__label--float-above {
    color:var(--ctextsecondary)
}

.form__element.is-invalid .mdc-textfield__input:required + .mdc-textfield__label:after, .form__element.is-invalid .mdc-textfield__label--float-above {
    color:var(--cwarn)
}

.mdc-textfield--disabled ~ .form__elementValidationMessage {
    display:none
}

.form__container {
    padding-bottom:20px
}

.form__container--noValidationStyles .form__element.is-invalid .form__textfield, .form__container--noValidationStyles .form__element.is-valid .form__textfield {
    border-bottom:1px solid var(--cgrey3)
}

.form__container--noValidationStyles .form__element.is-invalid .form__textfield:focus:after, .form__container--noValidationStyles .form__element.is-invalid .form__textfield:hover:after, .form__container--noValidationStyles .form__element.is-valid .form__textfield:focus:after, .form__container--noValidationStyles .form__element.is-valid .form__textfield:hover:after {
    border-color:var(--cgrey3)
}

.form__container--noValidationStyles .form__element.is-invalid .form__label, .form__container--noValidationStyles .form__element.is-valid .form__label {
    color:var(--cgrey1)
}

.form__container--noValidationStyles .form__element.is-invalid .form__label.mdc-textfield__label--float-above, .form__container--noValidationStyles .form__element.is-valid .form__label.mdc-textfield__label--float-above {
    color:var(--ctextsecondary)
}

.form__container--noValidationStyles .form__element.is-invalid .form__iconClear, .form__container--noValidationStyles .form__element.is-invalid .form__iconValidation, .form__container--noValidationStyles .form__element.is-valid .form__iconClear, .form__container--noValidationStyles .form__element.is-valid .form__iconValidation {
    display:none
}

.form__footer {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--ctextsecondary);
    line-height: 20px;
    margin-top:48px
}

.form__description {
    font-size: 18px;
    line-height: 24px;
    margin-bottom:26px
}

.form__description, .form__headline {
    font-weight: 300;
    color:var(--cbodytext)
}

.form__headline {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 30px;
    margin-top:0
}

.form__subHeadline {
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-bottom:26px
}

.form__infoText {
    margin-bottom:26px
}

.form__stepHeadline {
    margin-bottom:30px
}

.form__actions {
    display: flex;
    justify-content:center
}

.form__actions .button {
    width:100%
}

.form__textfield {
    margin-bottom: 0;
    position: relative;
    width:100%
}

.form__textfield:after {
    border-bottom: 1px solid var(--cstroke);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width:100%
}

.form__textfield.mdc-textfield--focused:after, .form__textfield.mdc-textfield--focused:hover.form__textfield.mdc-textfield--focused:after {
    border-bottom: 2px solid var(--chighlight);
    height:2px
}

.form__label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.form__label > * {
    pointer-events:none
}

.mdc-textfield__icon {
    transform:translateY(5px)
}

.form__iconClear, .form__iconValidation {
    color: var(--csuccess);
    position: absolute;
    right: 0;
    top: 0;
    transform:translateY(4px)
}

.form__iconClear--doubleIcon, .form__iconValidation--doubleIcon {
    right:48px
}

.form__iconClear {
    color:var(--clink)
}

.form__elementWrapper {
    align-items: flex-start;
    display: flex;
    position:relative
}

.form__elementWrapper .form__element {
    margin-bottom:32px
}

.form__elementWrapper .form__element.is-invalid .form__select .form__selectLabel, .form__elementWrapper .form__element.is-valid .form__select .form__selectLabel {
    display:block
}

.form__elementWrapper .form__select--focused {
    outline:2px solid Highlight
}

.form__element {
    position: relative;
    width:100%
}

.form__element .form__iconValidation {
    display:none
}

.form__element .form__iconValidation [class^=mamcomicon] {
    color:var(--csuccess)
}

.form__element .form__iconClear {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-duration: .25s;
    transition-delay: .1s;
    opacity: 0;
    pointer-events:none
}

.form__element .form__iconClear [class^=mamcomicon] {
    color:var(--clink)
}

.form__element.is-valid .form__iconValidation {
    display:block
}

.form__element.is-invalid .form__iconValidation {
    display:none
}

.form__element .mdc-textfield--focused .form__iconClear {
    opacity: 1;
    pointer-events:auto
}

.form__element.is-valid .mdc-textfield--with-trailing-icon .form__input, .form__element .mdc-textfield--focused.mdc-textfield--with-trailing-icon .form__input {
    padding-right:96px
}

.form__element .mdc-textfield__icon--closeToValue {
    left: 0;
    position:absolute
}

.form__labelCheckboxGroup, .form__labelRadioGroup {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color:var(--ctextsecondary)
}

.form__radioGroup .form__element {
    margin-bottom: 0;
    margin-right: 24px;
    width:auto
}

.form__checkboxElementWrapper {
    align-items: flex-start;
    display:flex
}

.form__checkboxLabel, .form__radioLabel {
    margin-top:14px
}

.form__checkboxLabel {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.form__checkboxLabel--large {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color:var(--cbodytext)
}

.form__checkboxLabel--medium {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color:var(--cbodytext)
}

.form__elementValidationMessage {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    color: var(--cwarn);
    display:none
}

.errorMessageBackendValidation, .form__elementValidationMessage:not(:empty) {
    margin-bottom: 2px;
    margin-top:2px
}

.errorMessageBackendValidation {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    color:var(--cwarn)
}

.form__element.is-invalid .form__elementValidationMessage {
    display: block;
    opacity:1
}

.form__element.is-invalid .form__elementValidationMessage--transparent {
    opacity:0
}

.form__element.is-invalid .form__select--native, .form__element.is-invalid .form__textfield--native {
    border-width:2px
}

.form__element.is-invalid .form__select:after, .form__element.is-invalid .form__textfield:after {
    border-bottom: 2px solid var(--cwarn);
    height:2px
}

.form__element.is-invalid .form__label, .form__element.is-invalid .form__label:after {
    color:var(--cwarn)
}

.form__element.form__element.is-valid .form__select:after, .form__element.form__element.is-valid .form__textfield:after {
    border-bottom: 2px solid var(--csuccess);
    height:2px
}

.form__element.form__element.is-valid .form__select.mdc-textfield--focused .form__iconValidation, .form__element.form__element.is-valid .form__textfield.mdc-textfield--focused .form__iconValidation {
    display:none
}

.form__element.form__element.is-valid .form__select--nativeWrapper:after {
    border-bottom: 2px solid var(--csuccess);
    height:2px
}

.disableValidationUI .mdc-textfield--invalid .mdc-textfield__label {
    color:var(--cbodytext)
}

.disableValidationUI .mdc-textfield--invalid .mdc-textfield__label..mdc-textfield__label--float-above {
    color:var(--ctextsecondary)
}

.form__group {
    display: flex;
    position:relative
}

.form__group--standard .form__selectWrapper {
    margin-top:8px
}

.form__group--standard .form__groupElement {
    margin-right:32px
}

.form__group--standard .form__groupElement:last-child {
    margin-right:0
}

.form__inputOnGrey {
    background: var(--cgrey4);
    padding:30px
}

.form__inputOnGrey + .form__inputOnGrey {
    margin-top: -30px;
    padding-top:0
}

.form__switchBase {
    display:table
}

.form__switchBase .form__switchInputContainer {
    display: table-cell;
    height: 48px;
    width:48px
}

.form__switchBase .form__switchLabel {
    display:table-cell
}

.form__switchBase .form__switchBackground {
    margin: auto;
    top: 50%;
    transform:translateY(-50%)
}

.form__switchBase .form__switchInput {
    height: 48px;
    left: 0;
    margin-top: 0;
    top: 0;
    width:48px
}

.apiError .form__switchBackground:before {
    background-color: var(--cwarn) !important;
    opacity:.7
}

.apiError .form__switchBackground .form__switchKnob {
    background-color:var(--cwarn) !important
}

.form__switchInputContainer, .form__switchLabel {
    vertical-align:middle
}

.form__selectWrapper {
    position: relative;
    width:100%
}

.form__selectWrapper:hover .form__select:not(.mdc-select--disabled):not([disabled]):after {
    border-bottom: 2px solid var(--cbodytext);
    height:2px
}

.form__selectWrapper .form__select {
    position:relative
}

.form__selectWrapper .form__select:after {
    border-bottom: 1px solid var(--cgrey3);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width:100%
}

.form__selectWrapper .form__select--custom {
    display:none
}

.form__selectWrapper .form__selectLabel {
    bottom:10px
}

.form__selectWrapper .form__select--custom, .form__selectWrapper .form__select--nativeWrapper {
    height:48px
}

.form__selectWrapper .form__select--native {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    -webkit-appearance: none;
    appearance: none;
    height: 100%;
    max-width: none;
    padding-top:14px
}

.form__selectWrapper [class^=mamcomicon] {
    color: var(--clink);
    padding-right: 6px;
    position: absolute;
    right: 0;
    top:6px
}

.form__select--nativeWrapper {
    position: relative;
    width:100%
}

.form__select--nativeWrapper:after {
    border-bottom: 1px solid var(--cgrey3);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width:100%
}

.form__select {
    border: none;
    min-width: 50px;
    position: relative;
    width:100% !important
}

.form__errorMessage, .form__sambaError {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    color: var(--cwarn);
    margin-bottom:20px
}

.form__selectlistWrapper {
    position: relative;
    width:100%
}

.form__selectlistWrapper .form__selectlist--custom {
    display:none
}

.form__selectlistWrapper .form__selectlist--native {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    -webkit-appearance: none;
    appearance: none;
    max-width:none
}

.form__selectlistWrapper [class^=mamcomicon] {
    color: var(--clink);
    padding-right: 6px;
    position: absolute;
    right: 0;
    top:0
}

.form__selectlistWrapper .form__selectlist--nativeWrapper {
    width:100%
}

.form__selectlistWrapper .form__selectlist {
    min-width: 50px;
    position: relative;
    width:100% !important
}

.form__input {
    -webkit-hyphens: none;
    hyphens: none;
    overflow: hidden;
    padding-right: 48px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100%
}

.form__input::-ms-clear {
    display:none
}

.form__input[type=number] {
    -webkit-appearance: textfield;
    appearance:textfield
}

.form__input[type=number]::-webkit-inner-spin-button, .form__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin:0
}

.form__fieldset {
    border:none
}

.form__fieldsetLegend {
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-bottom:18px
}

.form__inputModifierLabelActive {
    display:none
}

.form__inputModifierLabels {
    bottom: -4px;
    color: var(--clink);
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: 0;
    width:48px
}

.form__inputModifierLabels .mdc-textfield__icon {
    bottom: auto;
    left: 50%;
    right: auto;
    top: 50%;
    transform:translate(-50%, -50%)
}

.form__inputModifier[type=checkbox]:checked + .form__inputModifierLabels .form__inputModifierLabelActive {
    display: inline-block;
    display:inline-flex
}

.form__inputModifier[type=checkbox]:checked + .form__inputModifierLabels .form__inputModifierLabelInactive {
    display:none
}

.form__checkboxElementWrapper, .form__radioElementWrapper {
    align-items: flex-start;
    display:flex
}

.form__helpText {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--ctextsecondary);
    margin-top:2px
}

.form__helpTextCounter {
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    color: var(--cbodytext);
    position: absolute;
    right: 0;
    top:50px
}

.form__stepperWrapper {
    grid-column: 1/span 12;
    height: 48px;
    margin-bottom: 48px;
    position:relative
}

.form__stepper {
    align-items: center;
    counter-reset: step stepA11y;
    display: flex;
    flex-direction: row;
    height: 48px;
    justify-content: space-between;
    list-style-type: none;
    margin-left: -8px;
    margin-right: -8px;
    position:relative
}

.form__stepperLine {
    background-color: var(--ctextinactive);
    height: 1px;
    position: absolute;
    top: 50%;
    width:100%
}

.form__step {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--ctextinactive);
    align-items: center;
    background-color: var(--cbodybg2);
    display: flex;
    position: relative;
    z-index:1
}

.form__step:after, .form__step:before {
    content: "";
    display: block;
    height: 28px;
    width:8px
}

.form__step .form__stepText {
    display:none
}

.form__step.is-active .form__stepIcon {
    background-color: var(--chighlight);
    transition-delay:.5s
}

.form__step.is-active .form__stepText {
    color:var(--chighlight)
}

.form__step.is-valid .form__stepIcon {
    background-color:var(--clink)
}

.form__step.is-valid .form__stepIcon:before {
    display:none
}

.form__step.is-valid [class^=mamcomicon] {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.5, 0, .1, 1);
    transition-duration: .3s;
    transition-delay: 0s;
    opacity:1
}

.form__step.is-valid .form__stepText {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color:var(--clink)
}

.form__stepIcon {
    transition-property: background-color;
    transition-timing-function: cubic-bezier(.5, 0, .1, 1);
    transition-duration: .3s;
    transition-delay: 0s;
    align-items: center;
    background-color: var(--cstroke);
    border-radius: 50%;
    color: var(--ccardbg);
    counter-increment: step;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    min-height: 28px;
    min-width: 28px;
    position: relative;
    text-align: center;
    width:28px
}

.form__stepIcon:before {
    content:counter(step)
}

.form__stepIcon [class^=mamcomicon] {
    opacity: 0;
    position:absolute
}

.form__step--presentation {
    align-items: center;
    display:flex
}

.form__step--a11y {
    counter-increment:stepA11y
}

.form__step--a11y:before {
    content:counter(stepA11y)
}

.form__stepperHeadline {
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-bottom: 34px;
    margin-top:24px
}

.form__stepText {
    margin-left:8px
}

.flag-icon-typeahead {
    left: 0;
    position: absolute;
    top: 0;
    width:20px
}

.flag-icon-typeahead:not(:empty) + .form__input {
    padding-left:34px
}

.form__textarea {
    height: 21px;
    overflow: hidden;
    padding-right: 48px;
    resize:none
}

.mdc-tab.listFilterTrigger {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color:var(--clink)
}

.mdc-tab.listFilterTrigger:hover {
    color:var(--#1E449C)
}

.mdc-tab.listFilterTrigger {
    padding-right:0
}

.mdc-tab.listFilterTrigger:link, .mdc-tab.listFilterTrigger:visited {
    color:var(--clink)
}

.mdc-tab.listFilterSort {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color:var(--clink)
}

.mdc-tab.listFilterSort:hover {
    color:var(--#1E449C)
}

.mdc-tab.listFilterSort:link, .mdc-tab.listFilterSort:visited {
    color:var(--clink)
}

.mdc-tab.listFilterSort--ascending, .mdc-tab.listFilterSort--descending {
    color:var(--chighlight)
}

.mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab.listFilterSort:not(.mdc-tab--active):hover:after, .mdc-tab-bar:not(.mdc-tab-bar-upgraded) .mdc-tab.listFilterTrigger:not(.mdc-tab--active):hover:after {
    opacity:0
}

.mdc-tab.listFilterSort--active, .mdc-tab.listFilterTrigger--active {
    color:var(--chighlight)
}

.listFilterSort {
    cursor: pointer;
    display: inline-flex;
    margin-left: 70px;
    padding: 0;
    -webkit-user-select: none;
    user-select:none
}

.listFilterSort .listFilterSortArrows {
    visibility:hidden
}

.listFilterSort--ascending .listFilterSortArrows, .listFilterSort--descending .listFilterSortArrows, .listFilterSort:focus .listFilterSortArrows, .listFilterSort:hover .listFilterSortArrows {
    visibility:visible
}

.listFilterSort:focus {
    outline:none
}

.listFilterSort--ascending .listFilterSortArrow.listFilterSortArrow--ascending, .listFilterSort--descending .listFilterSortArrow.listFilterSortArrow--descending, .listFilterSort:focus {
    color:var(--chighlight)
}

.listFilterSortArrows {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position:relative
}

.listFilterSortArrows .listFilterSortArrow {
    color: var(--ctextinactive);
    height: 14px;
    padding: 0;
    position: relative;
    width:14px
}

.listFilterSortArrows .listFilterSortArrow--ascending {
    top: 0;
    transform:rotate(180deg)
}

.listFilterSortArrows .listFilterSortArrow--descending {
    top:-8px
}

.listFilterSorting {
    display: flex;
    justify-content:space-around
}

.listFilterSorting .listFilterSort {
    margin:0
}

.listFilterTrigger {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    align-items: center;
    display: flex;
    min-width: 0;
    overflow: visible;
    text-align: right;
    -webkit-user-select: none;
    user-select:none
}

.listFilterTrigger .listFilterTriggerText {
    display: inline-block;
    pointer-events:none
}

.listFilterTrigger .listFilterTriggerActiveFiltersIndicator {
    background-color: var(--caccent1);
    border-radius: 17px;
    color: var(--cbodytextinverted);
    font-size: 14px;
    left: 25px;
    line-height: 17px;
    min-width: 9px;
    padding: 0 4px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top:7px
}

.listFilterTriggerText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: inherit;
    pointer-events:none
}

.listFilterClose {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    width:48px
}

.listFilterClose [class^=mamcomicon] {
    color:var(--cbrand)
}

.listFilterClose:hover [class^=mamcomicon] {
    color:var(--chighlight)
}

.listFilterContentScroll {
    overflow: auto;
    overflow-x:hidden
}

.listFilterContent {
    box-sizing: border-box;
    display: inline-block;
    width:100%
}

.listFilterContent .form__element, .listFilterContent .form__elementWrapper {
    margin-bottom:0
}

.listFilterContent .awesomplete {
    position: absolute;
    top: 20px;
    width:100%
}

.listFilterContentSection {
    margin-bottom:48px
}

.listFilterContentSectionTitle {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    display: block;
    margin-bottom:16px
}

.listFilterContainer.listFilterContainer--layer {
    position:relative
}

.listFilterContainer.listFilterContainer--layer .listFilter {
    box-shadow: 0 2px 4px rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .2);
    padding: 24px 0 0;
    position: absolute;
    right: -24px;
    width: 328px;
    z-index:3
}

.listFilterContainer.listFilterContainer--layer .listFilter .listFilterContentScroll {
    max-height:48vh
}

.listFilterContainer.listFilterContainer--layer .listFilter .listFilterContent, .listFilterContainer.listFilterContainer--layer .listFilter .listFilterHeader {
    padding:0 24px
}

.listFilterContainer.listFilterContainer--layer .listFilter .listFilterActions {
    border-top: 1px solid var(--cinactive);
    padding:24px
}

.listFilterContainer.listFilterContainer--layer .listFilter--large .listFilterContent {
    max-height:58vh
}

.listFilterContainer.listFilterContainer--fixed .listFilter .listFilterContent {
    align-content: space-between;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    overflow:visible
}

.listFilterContainer.listFilterContainer--fixed .listFilter .listFilterContentSection {
    width:100%
}

.listFilterContainer.listFilterContainer--fixed .listFilter .listFilterActions, .listFilterContainer.listFilterContainer--fixed .listFilter .listFilterClose, .listFilterContainer.listFilterContainer--fixed .listFilter .listFilterHeader {
    display:none
}

.listFilter {
    background-color: var(--cbodybg2);
    box-sizing:border-box
}

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

.listFilterHeaderTitle {
    margin-bottom:0
}

.listFilterReset {
    cursor:pointer
}

.listFilterActions {
    display: flex;
    justify-content:space-between
}

.listFilterActions .button {
    align-items: center;
    display: flex;
    justify-content: center;
    width:100%
}

.listFilterActions .button .button__text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display:inline-block
}

.pluginaccordion__base {
    list-style: none;
    overflow:hidden
}

.pluginaccordion__expandButton {
    position: absolute;
    right: 0;
    transition:transform .4s ease
}

.pluginaccordion__panel {
    outline: none;
    position:relative
}

.pluginaccordion__panel--is-expanded .pluginaccordion__headline .pluginaccordion__expandButton, .pluginaccordion__panel--is-expanded .pluginaccordion__headline .pluginaccordion__headlineText {
    color:var(--chighlight)
}

.pluginaccordion__panel--is-expanded .pluginaccordion__headline .pluginaccordion__expandButton {
    margin-left: 0;
    transform:rotate(-135deg)
}

.pluginaccordion__panel--is-expanded:not(:first-child) {
    margin-top:16px
}

body.user-is-tabbing .pluginaccordion__panel:focus {
    box-shadow:inset 2px 2px 0 var(--chighlight), inset -2px -2px 0 var(--chighlight)
}

.pluginaccordion__expandable {
    transition-property: max-height;
    transition-timing-function: cubic-bezier(.5, 0, .1, 1);
    transition-duration: .3s;
    transition-delay: 0s;
    max-height: 0;
    overflow:hidden
}

.pluginaccordion__headline {
    color: var(--clink);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    outline: none;
    padding-right:48px
}

.pluginaccordion__headline--highlight > .pluginaccordion__headlineText {
    color:var(--chighlight)
}

.mamcomcomponent__heading.pluginaccordion__headlineText, .pluginaccordion__headlineText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--clink);
    padding:14px 0
}

.plugindatepicker__content {
    background-color: var(--cbodybg2);
    padding: 0 24px;
    position:relative
}

.plugindatepicker .plugindialog__closeButton {
    left: 24px;
    top:24px
}

.plugindatepicker__nextButton, .plugindatepicker__prevButton {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    align-items: center;
    color: var(--clink);
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    width:48px
}

.plugindatepicker__prevButton {
    left:5px
}

.plugindatepicker__nextButton {
    right:5px
}

.plugindatepicker__navButton--inactive {
    color:var(--ctextinactive)
}

.plugindatepicker__calendarRow {
    display:flex
}

.plugindatepicker__calendarItem {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    list-style: none;
    width:40px
}

.plugindatepicker__weekDays {
    display: flex;
    font-weight: 600;
    margin-top:24px
}

.plugindatepicker__weekDay {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    list-style: none;
    width:40px
}

.plugindatepicker__calendarItemInactiveMonth {
    color:var(--cinactive)
}

.plugindatepicker__calendarTitle {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--cbodytext);
    align-items: center;
    display: flex;
    height: 48px;
    justify-content:center
}

.plugindatepicker__calendarItemButton {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: var(--clink);
    cursor: pointer;
    font-size: inherit;
    height: 40px;
    line-height: inherit;
    outline: none;
    position: relative;
    width:40px
}

.plugindatepicker__calendarItemButton--currentDate {
    color: var(--chighlight);
    font-weight: 600;
    text-decoration:underline
}

.plugindatepicker__calendarItemButton--inactive {
    color: var(--ctextinactive);
    cursor:auto
}

.plugindatepicker__calendarItemButton--hovered, .plugindatepicker__calendarItemButton--selected {
    background-color: var(--chighlight);
    color: var(--cbodytextinverted);
    font-weight:600
}

.plugindatepicker__calendarItemButton span {
    display: inline-flex;
    pointer-events:none
}

.plugindatepicker__calendarItemButtonRangeStart {
    background-color: var(--chighlight);
    color: var(--cbodytextinverted);
    font-weight:600
}

.plugindatepicker__calendarItemButtonRangeStart:before {
    border: 20px solid transparent;
    border-left: 6px solid var(--chighlight);
    content: "";
    display: block;
    height: 0;
    left: 40px;
    position: absolute;
    top: 0;
    width:0
}

.plugindatepicker__calendarItemButtonRangeStart.plugindatepicker__calendarItemButtonRangeEnd:before {
    content:none
}

.plugindatepicker__calendarItemButtonRangeStart.plugindatepicker__calendarItemButtonInRange {
    background-color:var(--chighlight)
}

.plugindatepicker__calendarItemButtonRangeEnd:not(.plugindatepicker__calendarItemButtonRangeStart) {
    background-color: var(--chighlight);
    color: var(--cbodytextinverted);
    font-weight:600
}

.plugindatepicker__calendarItemButtonRangeEnd:not(.plugindatepicker__calendarItemButtonRangeStart):before {
    border: 20px solid transparent;
    border-right: 6px solid var(--chighlight);
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 40px;
    top: 0;
    width:0
}

.plugindatepicker__calendarItemButtonRangeEnd--clearArrow:not(.plugindatepicker__calendarItemButtonRangeStart):before {
    content:none
}

.plugindatepicker__calendarItemButtonInRange {
    background-color:rgba(50, 98, 207, .2)
}

.plugindatepicker__dialogFooter {
    box-sizing: border-box;
    flex-wrap: nowrap;
    height: 86px;
    padding-left: 24px;
    padding-right:24px
}

.plugindatepicker__dialogFooter .mdc-dialog__footer__button:first-child {
    margin-right:16px
}

.plugindatepicker__dialogBodyWrapper {
    margin-bottom: 40px;
    margin-top: 16px;
    overflow: hidden;
    width:auto !important
}

.plugindatepicker__dialogBody {
    margin: 0;
    width:100%
}

.plugindatepicker__dialog .mdc-dialog__surface {
    max-height: 640px;
    overflow: hidden;
    padding:24px 0
}

.plugindatepicker__dialog .mdc-dialog__header {
    display: block;
    padding-left:24px
}

.plugindatepicker__dialog .plugindialog__closeButton {
    right: 8px;
    top:8px
}

.plugindatepicker__dialog .mdc-dialog__header__title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-right:32px
}

.plugindatepicker__dialog .plugindialog__bodyWrapper {
    margin-left: auto;
    margin-right:auto
}

.plugindatepicker__dialog .plugindialog__contentArea {
    height:auto
}

.plugininputvalidationflyout__rule {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    align-items: center;
    display: flex;
    list-style: none;
    margin-bottom: 4px;
    margin-left:0
}

.plugininputvalidationflyout__rule:not(.is-valid) .plugininputvalidationflyout__icon--valid {
    display:none
}

.plugininputvalidationflyout__rule:not(.is-valid) .plugininputvalidationflyout__icon--invalid {
    display:block
}

.plugininputvalidationflyout__rule.is-valid {
    color:var(--csuccess)
}

.plugininputvalidationflyout__rule.is-valid .plugininputvalidationflyout__icon--valid {
    display:block
}

.plugininputvalidationflyout__rule.is-valid .plugininputvalidationflyout__icon--invalid {
    display:none
}

.plugininputvalidationflyout__icon {
    align-self: flex-start;
    display: flex;
    height: 18px;
    justify-content: center;
    margin-right: 2px;
    min-width: 18px;
    padding: 4px;
    width:18px
}

.plugininputvalidationflyout__icon svg {
    stroke-width: 1px;
    width:14px
}

.plugindialog__closeButton {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    color: var(--clink);
    cursor: pointer;
    margin: 0 0 0 auto;
    position: absolute;
    right: 24px;
    top:24px
}

.plugindialog__footerButtonCancel {
    margin-right:16px
}

.plugindialog__contentAreaWrapper {
    display: flex;
    margin-left: 32px;
    margin-right: 32px;
    max-height: calc(100% - 32px);
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    z-index:3
}

.plugindialog__contentArea {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    width:100%
}

.plugindialog__bodyWrapper {
    display: flex;
    flex: 1 auto;
    flex-direction: column;
    height: 100%;
    margin: 0 0 24px;
    width:100%
}

.plugindialog__bodyWrapper--scrollable {
    overflow-y:hidden
}

.plugindialog__closeButton, .plugindialog__layerCloseButton {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    width:48px
}

.plugindialog__headerTitle:focus {
    outline:none
}

.plugindialog__surface {
    margin: 16px;
    max-height: calc(100vh - 32px);
    padding:24px
}

.plugindialog--layer [class^=mamcomicon] {
    color:var(--cbrand)
}

.plugindialog--layer .plugindialog__contentAreaWrapper {
    display: flex;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    max-height:none
}

.plugindialog--layer .plugindialog__surface {
    border-radius: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    padding: 48px 16px 0;
    width:100%
}

.plugindialog--layer .plugindialog__surface--extended {
    padding:48px 16px 0
}

.plugindialog--layer .plugindialog__surface .mdc-dialog__body--scrollable {
    max-height: 100%;
    overflow-x: hidden;
    overflow-y:auto
}

.plugindialog--layer .plugindialog__surface--nopadding {
    padding:0
}

.plugindialog--layer .plugindialog__layerCloseButton {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    right: 0;
    top: 0;
    z-index:4
}

.plugindialog--layer .plugindialog__contentArea {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    max-height: none;
    padding:0
}

.plugindialog--layer .plugindialog__contentArea--noFlex {
    display:block
}

.plugindialog--layer .plugindialog__contentArea--contentPositionTop {
    justify-content:flex-start
}

.plugindialog--layer .plugindialog__body {
    border: 0;
    flex: none;
    margin: 0;
    outline: 0;
    overflow:visible
}

.plugindialog--layer .plugindialog__bodyContent {
    box-sizing: border-box;
    display: inline-block;
    padding-bottom: 32px;
    width:100%
}

.plugindialog--layer .plugindialog__header {
    margin:0
}

.plugindialog--layer .plugindialog__headerTitle {
    margin-bottom:20px
}

.plugindialog--layer p + h2 {
    margin:32px 0
}

.plugindialog--layer p + ul {
    margin-top:20px
}

.plugindialog--layer ul + p {
    margin-top:32px
}

.plugindialog__backdrop--disabled {
    pointer-events:none
}

.slick-loading .slick-slide {
    visibility:hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height:auto
}

.slick-slider {
    box-sizing: border-box;
    display: block;
    position:relative
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform:translateZ(0)
}

.slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position:relative
}

.slick-slider .slick-list:focus {
    outline:none
}

.slick-slider .slick-list.dragging {
    cursor: pointer;
    cursor:hand
}

.slick-slider .slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top:0
}

.slick-slider .slick-track:after, .slick-slider .slick-track:before {
    content: "";
    display:table
}

.slick-slider .slick-track:after {
    clear:both
}

.slick-slider .slick-loading .slick-track {
    visibility:hidden
}

.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height:1px
}

.slick-slider .slick-slide img {
    display: block;
    max-width:100%
}

.slick-slider .slick-slide > div {
    height:100%
}

.slick-slider.slick-initialized .slick-slide {
    display:block
}

.slick-slider [dir=rtl] .slick-slide {
    float:right
}

.slick-slide.slick-loading img {
    display:none
}

.slick-slide.dragging img {
    pointer-events:none
}

.slick-arrow.slick-hidden {
    display:none
}

.slick-arrow {
    background: var(--cinactive);
    border: none;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    display: block;
    height: 56px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    z-index:1
}

.slick-arrow-extracontent {
    background: transparent;
    height: auto;
    transform:translateY(-52px) translateY(-100%)
}

.slick-arrow-extracontent:empty {
    display:none !important
}

.slick-arrow-extracontent--hide {
    visibility:hidden
}

.slick-prev {
    left:-40px
}

.slick-next {
    right:-40px
}

.plugincarousel-next, .plugincarousel-prev {
    color: var(--clink);
    position:relative
}

.slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    width:calc(100% - 32px)
}

.slick-dots li {
    flex-basis: 50px;
    height: 4px;
    margin: 0 2px;
    position: relative;
    width:auto
}

.slick-dots li:first-child {
    margin-left:0
}

.slick-dots li:last-child {
    margin-right:0
}

.slick-dots li button {
    background-color: var(--cbuttondefaultbg);
    border: none;
    color: transparent;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -1000em;
    top: 0;
    width:100%
}

.slick-dots .slick-active :not(.plugincarousel--animationStart) {
    background-color:var(--chighlight) !important
}

.slick-dots .slick-active .plugincarousel--animationStart:before {
    animation: mamcomloadingCarouselDots 8s linear 1;
    background-color: var(--chighlight);
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width:0
}

.slick-dots .slick-active .plugincarousel--animationPaused:before {
    animation-play-state:paused
}

.plugincustomscrollbar__container {
    width:100%
}

.os-scrollbar-corner {
    display:none
}

.os-theme-dark > .os-scrollbar-vertical {
    height: 100%;
    padding: 16px 2px;
    right:20px
}

.limited-handles .os-scrollbar-vertical .os-scrollbar-track .os-scrollbar-handle {
    background-color: var(--cstroke);
    border-radius: 8px;
    max-height: 90px;
    min-height: 90px;
    width:8px
}

.mdc-simple-menu.os-host {
    position:absolute
}

.mdc-simple-menu.os-host .os-scrollbar-vertical {
    right:16px
}

.mdc-simple-menu.os-host .mdc-list {
    overflow-y:visible
}

.pluginlistitemstransitions--in {
    opacity: 0;
    pointer-events: none;
    transform:translateY(7%)
}

.pluginlistitemstransitions--inRun {
    opacity: 1;
    transform: translateY(0);
    transition:transform .2s linear, opacity .2s linear
}

.pluginlistitemstransitions--out {
    pointer-events: none;
    transition:transform .2s linear, opacity .2s linear
}

.pluginlistitemstransitions--outRun {
    opacity: 0;
    transform:translateY(7%)
}

.pluginlistitemstransitions--inX {
    opacity: 0;
    transform:translateX(-7%)
}

.pluginlistitemstransitions--inXRun {
    opacity: 1;
    transform: translateX(0);
    transition:transform .2s linear, opacity .2s linear
}

.multipleselect .form__select--simpleMenu, .multipleselect .form__select--simpleMenu .mdc-list, .multipleselect .form__select--simpleMenu .mdc-list-item .form__element {
    width:auto
}

.multipleselect .form__select--simpleMenu .mdc-list-item {
    width:100%
}

.multipleselect .form__checkboxLabel {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--cbodytext);
    pointer-events:none
}

.multipleselect .form__checkboxLabel--active {
    color:var(--chighlight)
}

.multipleselect .mdc-checkbox {
    pointer-events:none
}

.multipleselect .mdc-list-item {
    overflow: visible
}
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    touch-action: none;
    user-select: none;
    box-sizing:border-box
}

.noUi-target {
    position: relative;
    direction:ltr
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index:1
}

.noUi-connects {
    overflow: hidden;
    z-index:0
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform-origin:0 0
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right:0
}

.noUi-vertical .noUi-origin {
    width:0
}

.noUi-horizontal .noUi-origin {
    height:0
}

.noUi-handle {
    position:absolute
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition:transform .3s
}

.noUi-state-drag * {
    cursor:inherit !important
}

.noUi-horizontal {
    height:18px
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 28px;
    left: -17px;
    top:-6px
}

.noUi-vertical {
    width:18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top:-17px
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -17px;
    left:auto
}

.noUi-target {
    background: #fafafa;
    border-radius: 4px;
    border: 1px solid #d3d3d3;
    box-shadow:inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius:3px
}

.noUi-connect {
    background:#3fb8af
}

.noUi-draggable {
    cursor:ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor:ns-resize
}

.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
    box-shadow:inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top:6px
}

.noUi-handle:after {
    left:17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top:14px
}

.noUi-vertical .noUi-handle:after {
    top:17px
}

[disabled] .noUi-connect {
    background:#b8b8b8
}

[disabled].noUi-handle, [disabled] .noUi-handle, [disabled].noUi-target {
    cursor:not-allowed
}

.noUi-pips, .noUi-pips * {
    box-sizing:border-box
}

.noUi-pips {
    position: absolute;
    color:#999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align:center
}

.noUi-value-sub {
    color: #ccc;
    font-size:10px
}

.noUi-marker {
    position: absolute;
    background:#ccc
}

.noUi-marker-large, .noUi-marker-sub {
    background:#aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width:100%
}

.noUi-value-horizontal {
    transform:translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform:translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height:5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height:10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height:15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left:100%
}

.noUi-value-vertical {
    transform: translateY(-50%);
    padding-left:25px
}

.noUi-rtl .noUi-value-vertical {
    transform:translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top:-1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width:10px
}

.noUi-marker-vertical.noUi-marker-large {
    width:15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space:nowrap
}

.noUi-horizontal .noUi-tooltip {
    transform: translate(-50%);
    left: 50%;
    bottom:120%
}

.noUi-vertical .noUi-tooltip {
    transform: translateY(-50%);
    top: 50%;
    right:120%
}

.rangeslider__inputsWrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top:40px
}

.rangeslider__inputsWrapper .rangeslider__input {
    max-width: 120px;
    padding-right:26px
}

.rangeslider__inputsWrapper .mdc-textfield__icon:not(.mdc-textfield__icon--closeToValue) {
    right:0
}

.rangeslider__inputsWrapper .mamcomicon-ico146 {
    color: var(--ctextinactive);
    height: 21px;
    padding: 0;
    transform: translateY(-6px);
    width:21px
}

.rangeslider__inputsWrapper .rangeslider__inputSeparator {
    margin-left: 28px;
    margin-right: 28px;
    margin-top:12px
}

.rangeslider__inputsWrapper .mdc-textfield--with-trailing-icon .mdc-textfield__icon {
    bottom:0
}

.rangeslider {
    height: 14px;
    padding: 0;
    top:1px
}

.rangeslider .rangeslider__tooltip, .rangeslider .rangeslider__tooltip--combined {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    background-color: var(--chighlight);
    border: none;
    border-radius: 32px;
    color: var(--cbodybg2);
    display: table;
    height: 32px;
    line-height: 32px !important;
    padding: 0 8px;
    text-align: center;
    top: -60px;
    transform: translateX(-50%);
    white-space:nowrap
}

.rangeslider .rangeslider__tooltip--combined:before, .rangeslider .rangeslider__tooltip:before {
    background-color: var(--chighlight);
    border-radius: 10px 10px 0;
    content: "";
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 15px;
    transform: rotate(45deg) translateZ(0);
    width: 20px;
    z-index:-1
}

.rangeslider .rangeslider__tooltip--combined:focus, .rangeslider .rangeslider__tooltip:focus {
    outline:0
}

.rangeslider .rangeslider__tooltip--combined.rangeslider__tooltip--noArrow:before, .rangeslider .rangeslider__tooltip.rangeslider__tooltip--noArrow:before {
    display:none
}

.rangeslider .rangeslider__tooltip {
    position:absolute
}

.rangeslider .rangeslider__tooltip, .rangeslider .rangeslider__tooltip--combined {
    top: -46px;
    transform:translateX(-50%)
}

.rangeslider .rangeslider__tooltipSeparator {
    margin:0 8px
}

.rangeslider.noUi-target {
    background-color: var(--cgrey4);
    border: none;
    border-radius: 7px;
    box-shadow: none;
    height: 14px;
    margin-bottom:6px
}

.rangeslider .noUi-connects {
    overflow:visible
}

.rangeslider.noUi-connect, .rangeslider .noUi-connect {
    background: var(--chighlight);
    border-radius: 7px 0 0 7px;
    opacity:.3
}

.rangeslider .noUi-handle {
    background-color: var(--chighlight);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2);
    cursor: pointer;
    height: 20px;
    left: -7px;
    outline: 0;
    right: -10px !important;
    top: -3px;
    width:20px
}

.rangeslider .noUi-handle:after, .rangeslider .noUi-handle:before {
    display:none
}

.rangeslider .noUi-handle:before {
    background: var(--chighlight);
    border-radius: 50%;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:100%
}

.rangeslider .noUi-pips .noUi-marker {
    background-color: var(--cstroke);
    height: 8px;
    width:1px
}

.rangeslider .noUi-pips .noUi-value {
    color:transparent
}

.rangeslider .noUi-pips .noUi-marker-large {
    background-color:initial
}

.rangeslider--inactive .rangeslider__tooltip, .rangeslider--inactive .rangeslider__tooltip--combined, .rangeslider--inactive .rangeslider__tooltip--combined:before, .rangeslider--inactive .rangeslider__tooltip:before {
    background-color:var(--cgrey3)
}

.rangeslider--inactive.noUi-connect, .rangeslider--inactive .noUi-connect {
    background-color: var(--cgrey3);
    color:#fff
}

.rangeslider--inactive .noUi-handle {
    background-color:var(--cgrey3)
}

.rangeslider--inactive .noUi-handle:before {
    background:var(--cgrey3)
}

.mdc-textfield__icon--closeToValue {
    width:22px
}

.mdc-textfield__icon--closeToValue .mamcomicon-ico146 {
    transform:translateY(0)
}

.pluginscrollblur__wrapper {
    position:relative
}

.pluginscrollblur__overlay {
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transition: opacity .25s linear;
    z-index:2
}

.pluginscrollblur__overlay[hidden] {
    display: block !important;
    opacity: 0;
    transition:opacity .1s linear
}

.pluginscrollblur__wrapper--horizontal {
    margin-right:-16px
}

.pluginscrollblur__wrapper--horizontal .pluginscrollblur__overlayEnd, .pluginscrollblur__wrapper--horizontal .pluginscrollblur__overlayStart {
    height: 100%;
    top: 0;
    width:30px
}

.pluginscrollblur__wrapper--horizontal .pluginscrollblur__overlayStart {
    background: linear-gradient(90deg, var(--cbodybg2), rgba(var(--cbodybg2--rgb), 0));
    left:0
}

.gridcontainer1 .pluginscrollblur__wrapper--horizontal .pluginscrollblur__overlayStart {
    margin-left:-16px
}

.pluginscrollblur__wrapper--horizontal .pluginscrollblur__overlayEnd {
    background: linear-gradient(270deg, var(--cbodybg2), rgba(var(--cbodybg2--rgb), 0));
    right:0
}

.pluginscrollblur__wrapper--vertical .pluginscrollblur__overlayEnd, .pluginscrollblur__wrapper--vertical .pluginscrollblur__overlayStart {
    height: 30px;
    left: 0;
    width:100%
}

.pluginscrollblur__wrapper--vertical .pluginscrollblur__overlayStart {
    background: linear-gradient(180deg, var(--cbodybg2), rgba(var(--cbodybg2--rgb), 0));
    top:0
}

.pluginscrollblur__wrapper--vertical .pluginscrollblur__overlayEnd {
    background: linear-gradient(0deg, var(--cbodybg2), rgba(var(--cbodybg2--rgb), 0));
    border-bottom: 1px solid var(--clistdivider);
    bottom:0
}

.pluginsubmitbutton--submitted, .travelid-button.pluginsubmitbutton--submitted {
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    overflow: visible;
    padding: 0;
    pointer-events: none;
    position: relative;
    transition:transform .2s ease-out, border-radius .1s ease-out .1s
}

.pluginsubmitbutton--submitted .button__text, .pluginsubmitbutton--submitted .travelid-button__text, .travelid-button.pluginsubmitbutton--submitted .button__text, .travelid-button.pluginsubmitbutton--submitted .travelid-button__text {
    visibility:hidden
}

.pluginsubmitbutton--submittedAnimated .button__text, .pluginsubmitbutton--submittedAnimated .travelid-button__text, .travelid-button.pluginsubmitbutton--submittedAnimated .button__text, .travelid-button.pluginsubmitbutton--submittedAnimated .travelid-button__text {
    display:none
}

.pluginsubmitbutton--submittedError, .pluginsubmitbutton--submittedSuccess, .travelid-button.pluginsubmitbutton--submittedError, .travelid-button.pluginsubmitbutton--submittedSuccess {
    background-color:initial !important
}

.pluginsubmitbutton--submittedError .button__text, .pluginsubmitbutton--submittedError .travelid-button__text, .pluginsubmitbutton--submittedSuccess .button__text, .pluginsubmitbutton--submittedSuccess .travelid-button__text, .pluginsubmitbutton__spinnerWrapper, .travelid-button.pluginsubmitbutton--submittedError .button__text, .travelid-button.pluginsubmitbutton--submittedError .travelid-button__text, .travelid-button.pluginsubmitbutton--submittedSuccess .button__text, .travelid-button.pluginsubmitbutton--submittedSuccess .travelid-button__text, .travelid-button.pluginsubmitbutton__spinnerWrapper {
    display:none
}

.pluginsubmitbutton--submitted .pluginsubmitbutton__spinnerWrapper, .pluginsubmitbutton--submitted .travelid-button.pluginsubmitbutton__spinnerWrapper {
    display:block
}

.pluginsubmitbutton__iconWrapper, .travelid-button.pluginsubmitbutton__iconWrapper {
    align-items: center;
    border-radius: 50%;
    color: var(--cstrokeinverted);
    display: inline-flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width:100%
}

.pluginsubmitbutton__iconWrapper--fadeIn, .travelid-button.pluginsubmitbutton__iconWrapper--fadeIn {
    animation:mamcomfadein .5s ease-in forwards
}

.pluginsubmitbutton__iconWrapper [class^=mamcomicon], .travelid-button.pluginsubmitbutton__iconWrapper [class^=mamcomicon] {
    color:inherit
}

.pluginsubmitbutton__iconWrapperError, .travelid-button.pluginsubmitbutton__iconWrapperError {
    background-color:var(--cloadingspinnererror)
}

.pluginsubmitbutton__iconWrapperSuccess, .travelid-button.pluginsubmitbutton__iconWrapperSuccess {
    background-color:var(--cloadingspinnersuccess)
}

.pluginsubmitbutton--reset, .travelid-button.pluginsubmitbutton--reset {
    border-radius: 2px;
    transform: scaleX(1) !important;
    transition:transform .2s ease-out .1s, border-radius .1s ease-out
}

.mamcomanimations__wrapperElement {
    overflow:hidden
}

.mamcomanimations__characterBlock {
    display:flex
}

.mamcomanimations__character--down {
    opacity:0
}

.mamcomanimations__character--notVisible {
    visibility:hidden
}

.mamcomanimations__character--disappearUp {
    opacity:0
}

.mamcomanimations__character--appearUp, .mamcomanimations__character--disappearUp {
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-duration: .25s;
    transition-delay: 0s;
    transform:translateY(-100%)
}

.mamcomanimations__character--appearUp {
    opacity:1
}

a > * {
    pointer-events:auto
}

@supports (display: grid) {
    a > * {
        pointer-events:none
    }
}

.errorhandler {
    background: #fff0f0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top:16px
}

.errorhandler li {
    list-style: none;
    padding-bottom:16px
}

.errorhandler p {
    margin-top:16px
}

.errorhandler h3 {
    color:var(--cwarn)
}

.errorhandler details {
    margin-top: 16px;
    overflow-x:scroll
}

.errorhandler details::-webkit-scrollbar {
    display:none
}

.errorhandler a {
    color:#000511
}

.errorhandler small {
    display: block;
    margin-top:16px
}

.apiError .apiErrorContent {
    background-color: var(--cnotificationblue);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    margin-top: 40px;
    padding:16px
}

.apiError .apiErrorText {
    margin-bottom: 50px;
    width:100%
}

.apiError--grid {
    grid-column:1/span 12
}

.partnerCard {
    list-style: none;
    position:relative
}

.partnerCard.slick-focused, .partnerCard:focus, .partnerCard:hover {
    box-shadow:0 2px 4px rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .2)
}

.partnerCard__logoRatioAspect {
    background-color: var(--cbodybg);
    border-radius: 2px;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
    position:relative
}

.partnerCard__logoWrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:100%
}

.partnerCard__logoWrapper .partnerlogosize-default {
    width: 100%;
    max-width: 100%;
    height:auto
}

@supports (display: grid) {
    .partnerCard__logoWrapper .partnerlogosize-default {
        width:100%
    }
}

.partnerCard__logoWrapper.partnerlogosize-b1 {
    min-width:220px
}

.partnerCard__logoWrapper .partnerlogosize-b1 {
    width: 100%;
    max-width: 220px !important;
    min-width: 220px;
    height:auto
}

@supports (display: grid) {
    .partnerCard__logoWrapper .partnerlogosize-b1 {
        width:220px
    }
}

.partnerCard__logoWrapper.partnerlogosize-b2 {
    min-width:169px
}

.partnerCard__logoWrapper .partnerlogosize-b2 {
    width: 100%;
    max-width: 169px !important;
    min-width: 169px;
    height:auto
}

@supports (display: grid) {
    .partnerCard__logoWrapper .partnerlogosize-b2 {
        width:169px
    }
}

.partnerCard__logoWrapper.partnerlogosize-b3 {
    min-width:130px
}

.partnerCard__logoWrapper .partnerlogosize-b3 {
    width: 100%;
    max-width: 130px !important;
    min-width: 130px;
    height:auto
}

@supports (display: grid) {
    .partnerCard__logoWrapper .partnerlogosize-b3 {
        width:130px
    }
}

.partnerCard__logoWrapper.partnerlogosize-b4 {
    min-width:100px
}

.partnerCard__logoWrapper .partnerlogosize-b4 {
    width: 100%;
    max-width: 100px !important;
    min-width: 100px;
    height:auto
}

@supports (display: grid) {
    .partnerCard__logoWrapper .partnerlogosize-b4 {
        width:100px
    }
}

.partnerCard__logoWrapper.partnerlogosize-b5 {
    min-width:77px
}

.partnerCard__logoWrapper .partnerlogosize-b5 {
    width: 100%;
    max-width: 77px !important;
    min-width: 77px;
    height:auto
}

@supports (display: grid) {
    .partnerCard__logoWrapper .partnerlogosize-b5 {
        width:77px
    }
}

.partnerCard__logoWrapper.partnerlogosize-b6 {
    min-width:60px
}

.partnerCard__logoWrapper .partnerlogosize-b6 {
    width: 100%;
    max-width: 60px !important;
    min-width: 60px;
    height:auto
}

@supports (display: grid) {
    .partnerCard__logoWrapper .partnerlogosize-b6 {
        width:60px
    }
}

.partnerCard__logoAlignment {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content:center
}

.partnerCard__link {
    display:block
}

.partnerCard__link [class^=mamcomicon] {
    position: relative;
    top:-3px
}

.partnerCard__name {
    color: var(--clink);
    display: block;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-top:16px
}

.partnerCard__name, .partnerCard__newPartner {
    font-size: 12px;
    line-height: 18px;
    font-weight:700
}

.partnerCard__newPartner {
    color: var(--cbodytextinverted);
    background-color: var(--cbrandsecondary);
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    padding: 6px 16px;
    position: absolute;
    right: 0;
    top: 12px;
    z-index:1
}

.tooltip__popupWrapper {
    width:100%
}

.tooltip__trigger {
    transform:translateY(4px)
}

.tooltip__trigger[class^=mamcomicon][type=button] {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    color: var(--clink);
    margin:8px
}

.flyout, .tooltip__popup {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: var(--cbodytext);
    position: absolute;
    z-index: 3;
    background: var(--cgrey4);
    box-sizing: border-box;
    margin-top: 8px;
    max-width: 280px;
    min-width: 50px;
    opacity: 0;
    padding: 16px;
    pointer-events: none;
    right: -8px;
    top:48px
}

.flyout.is-active, .tooltip__popup.is-active {
    animation-name: mamcomslideinfromtopandappear;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, .25, 1);
    animation-duration: .25s;
    pointer-events:auto
}

.flyout.is-active.tooltip__popup--above, .tooltip__popup.is-active.tooltip__popup--above {
    animation-name: mamcomslideinfrombottomandappeartooltip;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, .25, 1);
    animation-duration:.25s
}

.flyout.is-active {
    position: relative;
    left: 0;
    margin-top: 0;
    max-width: 100%;
    top:0
}

.flyout.is-active + .form__elementValidationMessage, .flyout.is-active:empty {
    display:none
}

.offer__base.slick-focused, .offer__base:focus, .offer__base:hover {
    box-shadow:0 2px 4px rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .12), 0 1px 10px rgba(0, 0, 0, .2)
}

.offer__base .offer__categoryTeaserDescription {
    -webkit-hyphens: auto;
    hyphens:auto
}

.offer__partnerLogo .partnerlogosize-default {
    width: 100%;
    max-width: 100%;
    height:auto
}

@supports (display: grid) {
    .offer__partnerLogo .partnerlogosize-default {
        width:100%
    }
}

.offer__partnerLogo.partnerlogosize-b1 {
    min-width:130px
}

.offer__partnerLogo .partnerlogosize-b1 {
    width: 100%;
    max-width: 130px !important;
    min-width: 130px;
    height:auto
}

@supports (display: grid) {
    .offer__partnerLogo .partnerlogosize-b1 {
        width:130px
    }
}

.offer__partnerLogo.partnerlogosize-b2 {
    min-width:100px
}

.offer__partnerLogo .partnerlogosize-b2 {
    width: 100%;
    max-width: 100px !important;
    min-width: 100px;
    height:auto
}

@supports (display: grid) {
    .offer__partnerLogo .partnerlogosize-b2 {
        width:100px
    }
}

.offer__partnerLogo.partnerlogosize-b3 {
    min-width:77px
}

.offer__partnerLogo .partnerlogosize-b3 {
    width: 100%;
    max-width: 77px !important;
    min-width: 77px;
    height:auto
}

@supports (display: grid) {
    .offer__partnerLogo .partnerlogosize-b3 {
        width:77px
    }
}

.offer__partnerLogo.partnerlogosize-b4 {
    min-width:59px
}

.offer__partnerLogo .partnerlogosize-b4 {
    width: 100%;
    max-width: 59px !important;
    min-width: 59px;
    height:auto
}

@supports (display: grid) {
    .offer__partnerLogo .partnerlogosize-b4 {
        width:59px
    }
}

.offer__partnerLogo.partnerlogosize-b5 {
    min-width:46px
}

.offer__partnerLogo .partnerlogosize-b5 {
    width: 100%;
    max-width: 46px !important;
    min-width: 46px;
    height:auto
}

@supports (display: grid) {
    .offer__partnerLogo .partnerlogosize-b5 {
        width:46px
    }
}

.offer__partnerLogo.partnerlogosize-b6 {
    min-width:35px
}

.offer__partnerLogo .partnerlogosize-b6 {
    width: 100%;
    max-width: 35px !important;
    min-width: 35px;
    height:auto
}

@supports (display: grid) {
    .offer__partnerLogo .partnerlogosize-b6 {
        width:35px
    }
}

.offer__partnerLogo {
    max-width: 130px;
    min-width: 130px !important;
    text-align:left
}

.offer__partnerLogo--hidden {
    margin-right:16px
}

.offer__partnerLogoImg {
    display: block;
    max-width:100px !important
}

.offer__mainBenefitWrapper {
    align-items: flex-end;
    display: flex;
    justify-content:space-between
}

.offer__mainBenefitWrapper .offer__mainBenefitIcon {
    height: 22px;
    position: relative;
    width:32px
}

.offer__mainBenefitWrapper .offer__mainBenefitIcon [class^=mamcomicon] {
    align-self: flex-end;
    position:absolute
}

.offer__mainBenefitWrapper .mamcomicon-ico23 {
    bottom: -15px;
    padding-left: 0;
    padding-right:0
}

.offer__mainBenefitWrapper .mamcomicon-ico201 {
    bottom: -5px;
    margin-left: 10px;
    padding:0
}

.offer__imageRatio {
    background-color: var(--cdivider);
    border-radius: 2px;
    height: 0;
    overflow: hidden;
    position:relative
}

.offer__imageRatio--34 {
    padding-top:133.33%
}

.offer__imageRatio--169 {
    padding-top:56.25%
}

.offer__imageWrapper {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:100%
}

.offer__imageWrapper .mamcomimage {
    max-width: 100%;
    width:100%
}

.offer__contentWrapper {
    position:relative
}

.offer__promoContent {
    display: flex;
    flex-direction: column;
    padding:16px 8px 20px
}

.offer__promoContent .offer__partnerLogo {
    margin-right: 16px;
    padding-bottom:16px
}

.offer__promoContent .offer__logoSeparator {
    background: var(--cinactive);
    display:none
}

.offer__promoContent .offer__headingWrapper {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color:var(--cbodytext)
}

.offer__promoContent .offer__earnOrSpend, .offer__promoContent .offer__mainBenefit {
    font-weight:700
}

.offer__promoContent .offer__earnOrSpend {
    display:block
}

.offer__promoContent .offer__mainBenefitWrapper {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--cbodytext);
    margin-top:22px
}

.offer__promoContent .offer__mainBenefitWrapper .mamcomicon-ico146 {
    bottom:-2px
}

.offer__standardContent {
    border: 4px solid var(--cdivider);
    padding:16px 8px 24px
}

.offer__standardContent .offer__textWrapper {
    padding-top:8px
}

.offer__standardContent .offer__headingWrapper {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    color: var(--cbodytext);
    margin-bottom:26px
}

.offer__standardContent .offer__earnOrSpend {
    word-wrap:break-word
}

.offer__standardContent .offer__earnOrSpend, .offer__standardContent .offer__mainBenefit {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color:var(--cbodytext)
}

.offer__categoryTeaser {
    background-color: var(--cbodybg);
    box-sizing: border-box;
    display: flex;
    flex-direction:column
}

.offer__categoryTeaser .offer__categoryTeaserIconWrapper {
    align-self:flex-end
}

.offer__categoryTeaser .offer__categoryTeaserIconWrapper .mamcomicon-ico25 {
    height: 48px;
    transform: rotate(90deg);
    width:48px
}

.offer__categoryTeaser .offer__categoryTeaserIconWrapper .mamcomicon-ico0 {
    display:none
}

.offer__categoryTeaserText {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--clink);
    flex-grow: 1;
    padding:16px 16px 0
}

.offer__categoryTeaserTitle {
    font-weight: 700;
    color: var(--clink);
    font-size: 14px;
    line-height:20px
}

.offer__flag {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--cbodytextinverted);
    background-color: var(--cbrandsecondary);
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    margin: 0;
    max-width: 75%;
    padding: 5px 12px;
    position: absolute;
    right: 0;
    top: 24px;
    z-index:1
}

.offer__flag, .offer__flag--text {
    font-size: 12px;
    line-height: 18px;
    font-weight:700
}

.offer__flag--text {
    display: none;
    color:var(--cbrandsecondary)
}

.offer__earnOrSpend:after {
    content: " "
}

.offer__lineClamp, .offer__link {
    display:block
}

.mileageexchangedialog__headerTitle {
    font-weight:400
}

.mileageexchangedialog__description {
    margin-bottom: 20px;
    margin-top:6px
}

.mileageexchangedialog__stepWrapper {
    margin-bottom:32px
}

.mileageexchangedialog__stepWrapper .mdc-select__selected-text {
    padding-bottom:7px
}

.mileageexchangedialog__stepWrapper .form__select--native {
    padding-top:14px
}

.mileageexchangedialog__stepWrapper .mdc-select {
    background-position-y:calc(100% - 13px)
}

.mileageexchangedialog__stepIconWrapper {
    margin-bottom: 16px;
    margin-top:16px
}

.mileageexchangedialog__stepIcon {
    background-color: var(--cgrey4);
    border-radius: 50%;
    color: var(--ctextsecondary);
    padding: 0;
    transform:rotate(90deg)
}

.mileageexchangedialog__base .plugindialog__contentAreaWrapper {
    padding:32px
}

.mileageexchangedialog__base .plugindialog__body, .mileageexchangedialog__base .plugindialog__header {
    margin-right:0
}

.mileageexchangedialog__base .plugindialog__footer {
    display:block
}

.mileageexchangedialog__base .plugindialog__footerButton {
    display: block;
    width:100%
}

.mileageexchangedialog__base .plugindialog__footerButton + .plugindialog__footerButton {
    margin-top:16px
}

.mileageexchangedialog__base .form__checkboxElementWrapper {
    margin-bottom: 24px;
    transform:translateX(-14px)
}

.loginoutage__notification {
    align-items: center;
    background-color: var(--cnotificationblue);
    color: var(--cbodytext);
    display: flex;
    margin-bottom: 32px;
    padding:8px 16px 12px 8px
}

.loginoutage__notification [class^=mamcomicon] {
    align-self: flex-start;
    margin-right:8px
}

@media screen and (min-width: 600px) {
    .grid1 .gridblockfull, .grid2 .gridblockfull, .grid3 .gridblockfull, .grid4 .gridblockfull {
        grid-column:1/span 12
    }

    .grid1, .grid2, .grid3, .grid4 {
        grid-template-columns:repeat(12, 1fr)
    }

    .grid1.grid-mb1, .grid2.grid-mb1, .grid3.grid-mb1, .grid4.grid-mb1 {
        grid-template-columns: none;
        grid-column-gap: 0;
        display:block
    }

    .gridcontainer1 {
        margin-left: 32px;
        margin-right:32px
    }

    .is-hidden-mb2-up {
        display:none !important
    }

    .plugindialog--layer .plugindialog__surface, .plugindialog--layer .plugindialog__surface--extended {
        padding:72px 72px 0
    }

    .plugindialog--layer .plugindialog__layerCloseButton {
        right: 24px;
        top:24px
    }

    .rangeslider__inputsWrapper .rangeslider__inputSeparator {
        margin-left: 40px;
        margin-right:40px
    }

    .gridcontainer1 .pluginscrollblur__wrapper--horizontal .pluginscrollblur__overlayStart {
        margin-left:-32px
    }

    .gridcontainer1 .pluginscrollblur__wrapper--horizontal .pluginscrollblur__overlayEnd {
        margin-right:-32px
    }

    .offer__promoContent {
        padding:16px 16px 20px
    }

    .offer__standardContent {
        padding-left: 16px;
        padding-right:16px
    }
}

@media screen and (min-width: 600px) and(max-width: 959px) {
    .grid1 {
        grid-column-gap:0
    }

    .grid2, .grid3 {
        grid-column-gap:16px
    }

    .grid4 {
        grid-column-gap:24px
    }
}

@media (min-width: 600px and max-width: 1279px) {
    .mamcomFadeInPreparation {
        transition-duration:.4s
    }

    .form__element .form__iconClear {
        transition-duration:.3s
    }

    .form__step.is-valid [class^=mamcomicon], .form__stepIcon, .pluginaccordion__expandable {
        transition-duration:.4s
    }

    .mamcomanimations__character--appearUp, .mamcomanimations__character--disappearUp {
        transition-duration:.3s
    }

    .flyout.is-active, .flyout.is-active.tooltip__popup--above, .tooltip__popup.is-active, .tooltip__popup.is-active.tooltip__popup--above {
        animation-duration:.3s
    }
}

@media (min-width: 960px), print {
    .awesomplete ul {
        padding-top:16px
    }

    .awesomplete__itemExtraSpacing, .awesomplete__overlayTriggerText {
        font-size: 16px;
        line-height:22px
    }

    .awesomplete__suggestedResults {
        max-height:none
    }

    .awesomplete__suggestedResultsLabel {
        font-size: 14px;
        line-height: 20px;
        height:56px
    }

    .awesomplete .plugincustomscrollbar__container, .awesomplete > ul, .awesomplete__noResultsMessage, .awesomplete__overlayTrigger, .awesomplete__suggestedResults {
        font-size: 16px;
        line-height: 22px;
        max-height:288px
    }

    .awesomplete__overlayTriggerText, .awesomplete ul > li {
        min-height: 56px;
        padding:0 48px 0 16px
    }

    .awesomplete__overlayTriggerText.awesomplete__sectionSeparator, .awesomplete ul > li.awesomplete__sectionSeparator {
        height:0
    }

    .mdc-dialog--open .awesomplete__overlayAirports .plugincustomscrollbar__container, .mdc-dialog--open .awesomplete__overlayCities .plugincustomscrollbar__container, .mdc-dialog--open .awesomplete__overlayCountries .plugincustomscrollbar__container {
        display:block
    }

    .awesomplete__overlay {
        display: grid;
        grid-template-columns: minmax(100px, 1fr) 112px minmax(100px, 1fr) 112px minmax(100px, 1fr);
        margin:42px 0 64px
    }

    .awesomplete__overlaySurface {
        padding:42px 40px 40px
    }

    .awesomplete__overlaySurface .mdc-dialog__header__title {
        font-weight: 300;
        color: var(--cbodytext);
        font-size: 36px;
        line-height:42px
    }

    .awesomplete__overlaySeparator {
        display: flex;
        flex-direction: column;
        grid-column: 2/span 1;
        grid-row: 2;
        justify-content: center;
        margin:0 32px
    }

    .awesomplete__overlaySeparator--last {
        grid-column:4/span 1
    }

    .awesomplete__overlayAirports, .awesomplete__overlayCities, .awesomplete__overlayCountries {
        grid-row:2
    }

    .awesomplete__overlayAirports .form__selectlistWrapper, .awesomplete__overlayCities .form__selectlistWrapper, .awesomplete__overlayCountries .form__selectlistWrapper {
        display:block
    }

    .awesomplete__overlayAirports .form__elementWrapper, .awesomplete__overlayCities .form__elementWrapper, .awesomplete__overlayCountries .form__elementWrapper {
        margin-bottom:0
    }

    .awesomplete__overlayAirports .form__selectlist, .awesomplete__overlayAirports .plugincustomscrollbar__container, .awesomplete__overlayCities .form__selectlist, .awesomplete__overlayCities .plugincustomscrollbar__container, .awesomplete__overlayCountries .form__selectlist, .awesomplete__overlayCountries .plugincustomscrollbar__container {
        border-radius: 2px;
        height: calc(100vh - 404px);
        padding:2px
    }

    .awesomplete__overlayAirports .plugincustomscrollbar__container, .awesomplete__overlayCities .plugincustomscrollbar__container, .awesomplete__overlayCountries .plugincustomscrollbar__container {
        box-shadow:0 0 2px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2)
    }

    .awesomplete__overlayAirports .plugincustomscrollbar__container .form__selectlist, .awesomplete__overlayCities .plugincustomscrollbar__container .form__selectlist, .awesomplete__overlayCountries .plugincustomscrollbar__container .form__selectlist {
        box-sizing:border-box
    }

    .awesomplete__overlayAirports .form__label, .awesomplete__overlayCities .form__label, .awesomplete__overlayCountries .form__label {
        display:none
    }

    .awesomplete__overlayAirports .form__element, .awesomplete__overlayCities .form__element, .awesomplete__overlayCountries .form__element {
        margin-bottom:0
    }

    .awesomplete__overlayAirports [class^=mamcomicon], .awesomplete__overlayCities [class^=mamcomicon], .awesomplete__overlayCountries [class^=mamcomicon] {
        display:inline-block
    }

    .awesomplete__overlayAirports .mdc-list-item, .awesomplete__overlayCities .mdc-list-item, .awesomplete__overlayCountries .mdc-list-item {
        display: block;
        line-height:56px
    }

    .awesomplete__overlayAirports .mdc-list-item.mdc-list-item--selected, .awesomplete__overlayCities .mdc-list-item.mdc-list-item--selected, .awesomplete__overlayCountries .mdc-list-item.mdc-list-item--selected {
        line-height:56px
    }

    .awesomplete__overlayCountries {
        grid-column:1/span 1
    }

    .awesomplete__overlayCountries .form__element {
        margin-right:auto
    }

    .awesomplete__overlayCities {
        grid-column:3/span 1
    }

    .awesomplete__overlayCities .form__element {
        margin-left: auto;
        margin-right:auto
    }

    .awesomplete__overlayAirports {
        grid-column:5/span 1
    }

    .awesomplete__overlayAirports .form__element {
        margin-left:auto
    }

    .awesomplete__overlayAirportsLabel, .awesomplete__overlayCitiesLabel, .awesomplete__overlayCountriesLabel {
        align-self: end;
        grid-row: 1;
        position:relative
    }

    .awesomplete__overlayAirportsLabel .form__label, .awesomplete__overlayCitiesLabel .form__label, .awesomplete__overlayCountriesLabel .form__label {
        font-weight: 300;
        color: var(--cbodytext);
        font-size: 24px;
        line-height: 30px;
        display: block;
        margin-bottom: 30px;
        padding-left: 0;
        position: static;
        transform:none
    }

    .awesomplete__overlayCountriesLabel {
        grid-column:1/span 1
    }

    .awesomplete__overlayCitiesLabel {
        grid-column:3/span 1
    }

    .awesomplete__overlayAirportsLabel {
        grid-column:5/span 1
    }

    .awesomplete__sectionTitleLabel {
        font-size: 14px;
        line-height: 20px;
        height:56px
    }

    .mdc-dialog__surface.awesomplete__overlaySurface {
        grid-column: 1/span 12;
        padding:40px
    }

    .awesomplete__overlaySurface .plugindialog__contentArea {
        max-height:calc(100vh - 80px)
    }

    .awesomplete__overlaySurface .mdc-dialog__footer__button {
        width:auto
    }

    .awesomplete__overlaySurface .plugindialog__closeButton {
        right: 24px;
        top:24px
    }

    .backlink__anchor, .form__phonenumber .awesomplete__subtext {
        font-size: 16px;
        line-height:22px
    }

    .backlink__anchor {
        padding-top:24px
    }

    .backlink__text {
        margin-top:0
    }

    .button {
        font-size: 16px;
        line-height: 22px;
        height:40px
    }

    .button.button--large {
        font-size: 18px;
        line-height: 24px;
        height:50px
    }

    .mamcomcontentwrapper--profile {
        padding:80px 0 40px
    }

    .mamcomcontentwrapper--profile + .mamcomcontentwrapper--default {
        padding-top:160px
    }

    .mamcomcontentwrapper .mamcomcomponent {
        margin-bottom:160px
    }

    .mamcomcontentwrapper .mamcomcomponent .base:not(:last-child) .mamcomcomponent {
        margin-bottom:80px
    }

    .mamcomcontentwrapper .mamcomcomponent .mamcomcomponent .base:not(:last-child) .mamcomcomponent {
        margin-bottom:48px
    }

    .mamcomcontentwrapper .mamcomcomponent.mamcomcomponent--spacing-h3, .mamcomcontentwrapper .mamcomcomponent.mamcomcomponent--spacing-small {
        margin-bottom:80px
    }

    .mamcomcontentwrapper .mamcomcomponent.mamcomcomponent--spacing-h4 {
        margin-bottom:48px
    }

    .gridblockstart1span5 {
        grid-column:1/span 5
    }

    .gridblockstart1span6 {
        grid-column:1/span 6
    }

    .gridblockstart1span8 {
        grid-column:1/span 8
    }

    .gridblockstart1span12 {
        grid-column:1/span 12
    }

    .gridblockstart3span4 {
        grid-column:3/span 4
    }

    .gridblockstart3span6 {
        grid-column:3/span 6
    }

    .gridblockstart3span7 {
        grid-column:3/span 7
    }

    .gridblockstart3span8 {
        grid-column:3/span 8
    }

    .gridblockstart5span4 {
        grid-column:5/span 4
    }

    .gridblockstart6span5 {
        grid-column:6/span 5
    }

    .gridblockstart7span4 {
        grid-column:7/span 4
    }

    .gridblockstart7span5 {
        grid-column:7/span 5
    }

    .gridblockstart7span6 {
        grid-column:7/span 6
    }

    .gridblockstart2span5 {
        grid-column:2/span 5
    }

    .gridblockstart2span6 {
        grid-column:2/span 6
    }

    .gridblockstart2span8 {
        grid-column:2/span 8
    }

    .gridblockstart2span9 {
        grid-column:2/span 9
    }

    .gridblockstart2span10 {
        grid-column:2/span 10
    }

    .gridblockstart4span6 {
        grid-column:4/span 6
    }

    .grid1.grid--mb2, .grid1.grid--mb2-down, .grid2.grid--mb2, .grid2.grid--mb2-down, .grid3.grid--mb2, .grid3.grid--mb2-down, .grid4.grid--mb2, .grid4.grid--mb2-down {
        grid-template-columns: none;
        grid-column-gap: 0;
        display:block
    }

    .gridcontainer1, .gridcontainer3 {
        margin-left: 32px;
        margin-right: 32px
    }

    .mamcomcomponent__heading--h1, [role=heading][aria-level="1"] {
        font-size: 48px;
        line-height:56px
    }

    .mamcomcomponent__heading--h2 {
        margin-bottom: 36px
    }

    .mamcomcomponent__heading--h2, [role=heading][aria-level="2"] {
        font-size: 30px;
        line-height:36px
    }

    .mamcomcomponent__heading--h3 {
        margin-bottom: 30px
    }

    .mamcomcomponent__heading--h3, [role=heading][aria-level="3"] {
        font-size: 24px;
        line-height:30px
    }

    .mamcomcomponent__heading--h4 {
        margin-bottom: 22px
    }

    .mamcomcomponent__heading--h4, [role=heading][aria-level="4"] {
        font-size: 16px;
        line-height:22px
    }

    .notification__base--close {
        padding-left: 32px;
        padding-right:16px
    }

    .notification__base--close .notification__text {
        margin-top:22px
    }

    .notification__base--container {
        padding-left: 32px;
        padding-right: 32px;
        padding-top:22px
    }

    .notification__base--container p + p {
        margin-top: 24px;
        padding-top:14px
    }

    .notification__base--plain {
        padding-left: 32px;
        padding-right: 32px;
        padding-top:22px
    }

    .notification__base--icon {
        padding-left: 16px;
        padding-right:32px
    }

    .notification__base--icon .notification__text {
        margin-top:28px
    }

    .notification__base .notification__iconWrapper {
        align-self: center;
        margin-right:16px
    }

    .notification__base .notification__text {
        margin-bottom:28px
    }

    .notification__base .notification__closeIconWrapper {
        margin-left: 16px;
        margin-top:14px
    }

    .footerindicator__wrapper {
        display: grid;
        grid-column-gap: 40px;
        grid-template-columns:repeat(12, 1fr)
    }

    .footerindicator__wrapper [class^=mamcomicon] {
        position: absolute;
        right:0
    }

    .footerindicator__text {
        grid-column: 1/span 10;
        padding-right:0
    }

    .is-hidden-mb3-up {
        display:none !important
    }

    .tags__heading {
        margin-bottom:22px
    }

    .tags__list .tags__link, body {
        font-size: 16px;
        line-height:22px
    }

    .form__footer, .form__label.mdc-textfield__label--float-above {
        font-size: 14px;
        line-height:20px
    }

    .form__description {
        font-size: 20px;
        line-height:26px
    }

    .form__headline {
        font-size: 30px;
        line-height:36px
    }

    .form__subHeadline {
        font-size: 20px;
        line-height:26px
    }

    .form__actions {
        justify-content:flex-end
    }

    .form__actions .button--primary {
        flex:inherit
    }

    .form__actions .button {
        flex-basis: auto;
        flex-grow: 0;
        width:auto
    }

    .form__textfield.mdc-textfield--focused:hover:after, .form__textfield:hover:after {
        border-bottom: 2px solid var(--cgrey1);
        height:2px
    }

    .form__label {
        font-size: 16px;
        line-height:22px
    }

    .form__labelCheckboxGroup, .form__labelRadioGroup {
        font-size: 14px;
        line-height:20px
    }

    .form__radioGroup {
        align-items: center;
        display:flex
    }

    .form__radioGroup .form__element {
        margin-right:32px
    }

    .form__checkboxLabel {
        font-size: 16px;
        line-height:22px
    }

    .form__checkboxLabel--large {
        font-size: 18px;
        line-height:24px
    }

    .form__checkboxLabel--medium {
        font-size: 16px;
        line-height:22px
    }

    .errorMessageBackendValidation, .form__elementValidationMessage {
        font-size: 14px;
        line-height:20px
    }

    .form__selectWrapper .form__select--native {
        font-size: 16px;
        line-height:22px
    }

    .form__selectWrapper .form__select--custom {
        display:inline-flex
    }

    .form__selectWrapper .form__select--native {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space:nowrap
    }

    .form__errorMessage, .form__sambaError {
        font-size: 14px;
        line-height:20px
    }

    .form__selectlistWrapper .form__selectlist--native {
        font-size: 16px;
        line-height:22px
    }

    .form__selectlistWrapper .form__selectlist--custom {
        display:block
    }

    .form__selectlistWrapper .form__selectlist--native {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space:nowrap
    }

    .form__fieldsetLegend {
        font-size: 30px;
        line-height: 36px;
        margin-bottom:20px
    }

    .form__helpText {
        font-size: 14px;
        line-height:20px
    }

    .form__helpTextCounter {
        font-size: 12px;
        line-height:16px
    }

    .form__stepperWrapper {
        height: 64px;
        margin-bottom:80px
    }

    .form__stepper {
        height:64px
    }

    .form__step {
        font-size: 14px;
        line-height:20px
    }

    .form__step:after, .form__step:before {
        width:16px
    }

    .form__step .form__stepText {
        display:block
    }

    .form__step.is-valid .form__stepText {
        font-size: 14px;
        line-height:20px
    }

    .form__stepperHeadline {
        font-size: 30px;
        line-height:36px
    }

    .listFilterTriggerText, .mdc-tab.listFilterSort, .mdc-tab.listFilterTrigger {
        font-size: 16px;
        line-height:22px
    }

    .listFilterContent .awesomplete {
        top:18px
    }

    .listFilterContentSectionTitle {
        font-size: 14px;
        line-height:20px
    }

    .listFilterContainer.listFilterContainer--layer .listFilter {
        width:347px
    }

    .listFilterContainer.listFilterContainer--layer .listFilter .listFilterContent, .listFilterContainer.listFilterContainer--layer .listFilter .listFilterHeader {
        padding:0 32px
    }

    .listFilterContainer.listFilterContainer--layer .listFilter .listFilterActions {
        padding:32px
    }

    .listFilterContainer.listFilterContainer--fixed .listFilter .listFilterContentSection {
        width:calc(33% - 62px)
    }

    .listFilterContainer.listFilterContainer--fixed .listFilter .listFilterContentSection:nth-child(3n + 2) {
        margin-left: 96px;
        margin-right:96px
    }

    .listFilterHeaderTitle {
        margin-bottom:0
    }

    .listFilterActions {
        justify-content:flex-end
    }

    .listFilterActions .button:last-child {
        margin-left:16px
    }

    .pluginaccordion__expandButton {
        margin:4px 0 0 8px
    }

    .mamcomcomponent__heading.pluginaccordion__headlineText, .pluginaccordion__headlineText {
        font-size: 16px;
        line-height: 22px;
        padding:16px 0 18px
    }

    .plugindatepicker__content {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding:0 40px
    }

    .plugindatepicker__prevButton {
        left:auto
    }

    .plugindatepicker__nextButton {
        right:40px
    }

    .plugindatepicker__calendar {
        margin-bottom: 0;
        min-height:432px
    }

    .plugindatepicker__calendar:last-child {
        margin-bottom:0
    }

    .plugindatepicker__calendarItem {
        font-size: 16px;
        line-height: 22px;
        height: 48px;
        width:48px
    }

    .plugindatepicker__weekDays {
        font-weight: 400;
        margin-top:48px
    }

    .plugindatepicker__weekDay {
        height: 48px;
        width:48px
    }

    .plugindatepicker__calendarTitle {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        text-align:center
    }

    .plugindatepicker__calendarItemButton {
        height: 48px;
        width:48px
    }

    .plugindatepicker__calendarItemButton--currentDate, .plugindatepicker__calendarItemButton--hovered, .plugindatepicker__calendarItemButton--selected, .plugindatepicker__calendarItemButtonRangeStart {
        font-weight:700
    }

    .plugindatepicker__calendarItemButtonRangeStart:before {
        border: 24px solid transparent;
        border-left: 6px solid var(--chighlight);
        left:48px
    }

    .plugindatepicker__calendarItemButtonRangeEnd:not(.plugindatepicker__calendarItemButtonRangeStart) {
        font-weight:700
    }

    .plugindatepicker__calendarItemButtonRangeEnd:not(.plugindatepicker__calendarItemButtonRangeStart):before {
        border: 24px solid transparent;
        border-right: 6px solid var(--chighlight);
        right:48px
    }

    .plugindatepicker__dialogFooter {
        height: auto;
        justify-content: space-between;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 32px;
        position:static
    }

    .plugindatepicker__dialogBodyWrapper {
        margin-bottom: 48px;
        margin-top: 64px;
        padding-bottom:0
    }

    .plugindatepicker__dialogButtonCancel {
        box-shadow: none;
        background-color: initial;
        transition: none;
        border: 0;
        border-radius: 0;
        font-family: inherit;
        margin: 0;
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        color: var(--cbrand);
        padding: 0;
        font-size: 14px;
        line-height:20px
    }

    .plugindatepicker__dialog .mdc-dialog__surface {
        margin-left: auto;
        margin-right: auto;
        max-height: none;
        padding-bottom: 40px;
        width:840px
    }

    .plugindatepicker__dialog .mdc-dialog__header {
        height: auto;
        padding-left:40px
    }

    .plugindatepicker__dialog .plugindialog__closeButton {
        right: 24px;
        top:24px
    }

    .plugindatepicker__dialog .mdc-dialog__header__title {
        font-size: 30px;
        line-height:36px
    }

    .plugindatepicker__dialog .plugindialog__contentAreaWrapper {
        display: flex;
        width:100%
    }

    .plugindatepicker__dialog .plugindialog__bodyWrapper {
        margin-left: 0;
        margin-right:0
    }

    .plugindatepicker__dialog .plugindialog__contentArea {
        height: 100%;
        width:100%
    }

    .plugininputvalidationflyout__rule {
        font-size: 14px;
        line-height:20px
    }

    .plugindialog__contentAreaWrapper {
        display: grid;
        max-height:calc(100% - 64px)
    }

    .plugindialog__contentArea {
        max-height:calc(100vh - 208px)
    }

    .plugindialog__bodyWrapper--scrollable {
        margin:0 0 32px
    }

    .plugindialog__body.mdc-dialog__body--scrollable {
        margin:0
    }

    .plugindialog__surface {
        margin-left: 0;
        margin-right: 0;
        max-height: calc(100vh - 64px);
        padding:40px
    }

    .plugindialog--layer .plugindialog__surface, .plugindialog--layer .plugindialog__surface--extended {
        padding:96px 96px 0
    }

    .plugindialog--layer .plugindialog__surface--nopadding {
        padding:0
    }

    .plugindialog--layer .plugindialog__layerCloseButton {
        right: 48px;
        top:48px
    }

    .plugindialog--layer .plugindialog__bodyWrapper--scrollable {
        margin-bottom:0
    }

    .plugindialog--layer .plugindialog__headerTitle {
        margin-bottom:30px
    }

    .plugindialog--layer p + ul {
        margin-top:22px
    }

    .plugindialog--layer ul + p {
        margin-top:44px
    }

    .multipleselect .form__checkboxLabel {
        font-size: 16px;
        line-height:22px
    }

    .rangeslider .rangeslider__tooltip, .rangeslider .rangeslider__tooltip--combined {
        font-size: 14px;
        line-height:20px
    }

    .mdc-textfield__icon--closeToValue .mamcomicon-ico146 {
        transform:translateY(-1px)
    }

    .apiError .apiErrorContent {
        margin-bottom: 40px;
        margin-top: 0;
        padding:32px
    }

    .apiError .apiErrorText {
        margin-bottom:32px
    }

    .apiError .button {
        align-self:flex-end
    }

    .partnerCard__logoWrapper .partnerlogosize-default {
        width: 100%;
        max-width: 100%;
        height:auto
    }

    @supports (display: grid) {
        .partnerCard__logoWrapper .partnerlogosize-default {
            width:100%
        }
    }

    .partnerCard__logoWrapper.partnerlogosize-b1 {
        min-width:348px
    }

    .partnerCard__logoWrapper .partnerlogosize-b1 {
        width: 100%;
        max-width: 348px !important;
        min-width: 348px;
        height:auto
    }

    @supports (display: grid) {
        .partnerCard__logoWrapper .partnerlogosize-b1 {
            width:348px
        }
    }

    .partnerCard__logoWrapper.partnerlogosize-b2 {
        min-width:268px
    }

    .partnerCard__logoWrapper .partnerlogosize-b2 {
        width: 100%;
        max-width: 268px !important;
        min-width: 268px;
        height:auto
    }

    @supports (display: grid) {
        .partnerCard__logoWrapper .partnerlogosize-b2 {
            width:268px
        }
    }

    .partnerCard__logoWrapper.partnerlogosize-b3 {
        min-width:206px
    }

    .partnerCard__logoWrapper .partnerlogosize-b3 {
        width: 100%;
        max-width: 206px !important;
        min-width: 206px;
        height:auto
    }

    @supports (display: grid) {
        .partnerCard__logoWrapper .partnerlogosize-b3 {
            width:206px
        }
    }

    .partnerCard__logoWrapper.partnerlogosize-b4 {
        min-width:159px
    }

    .partnerCard__logoWrapper .partnerlogosize-b4 {
        width: 100%;
        max-width: 159px !important;
        min-width: 159px;
        height:auto
    }

    @supports (display: grid) {
        .partnerCard__logoWrapper .partnerlogosize-b4 {
            width:159px
        }
    }

    .partnerCard__logoWrapper.partnerlogosize-b5 {
        min-width:122px
    }

    .partnerCard__logoWrapper .partnerlogosize-b5 {
        width: 100%;
        max-width: 122px !important;
        min-width: 122px;
        height:auto
    }

    @supports (display: grid) {
        .partnerCard__logoWrapper .partnerlogosize-b5 {
            width:122px
        }
    }

    .partnerCard__logoWrapper.partnerlogosize-b6 {
        min-width:94px
    }

    .partnerCard__logoWrapper .partnerlogosize-b6 {
        width: 100%;
        max-width: 94px !important;
        min-width: 94px;
        height:auto
    }

    @supports (display: grid) {
        .partnerCard__logoWrapper .partnerlogosize-b6 {
            width:94px
        }
    }

    .partnerCard__name {
        padding-bottom: 20px;
        padding-left: 24px;
        padding-top:20px
    }

    .partnerCard__name, .partnerCard__newPartner {
        font-size: 14px;
        line-height:20px
    }

    .partnerCard__newPartner {
        top:16px
    }

    .flyout, .tooltip__popup {
        font-size: 14px;
        line-height: 20px;
        margin-top: 16px;
        padding: 24px;
        right:-14px
    }

    .offer__promoContent {
        display: grid;
        flex-direction: row;
        grid-template-columns: auto 2px 1fr;
        padding:24px 8px 22px
    }

    .offer__promoContent .offer__partnerLogo {
        grid-column: 1;
        grid-row: 1;
        padding-bottom: 0;
        position:relative
    }

    .offer__promoContent .offer__partnerLogo .mamcomimage {
        left: 50%;
        position: absolute;
        top: 4px;
        transform:translateX(-50%)
    }

    .offer__promoContent .offer__logoSeparator {
        display: block;
        grid-column: 2;
        grid-row:1/span 3
    }

    .offer__promoContent .offer__headingWrapper {
        font-size: 16px;
        line-height: 22px;
        grid-column: 3;
        grid-row: 1;
        margin-left:16px
    }

    .offer__promoContent .offer__mainBenefitWrapper {
        font-size: 16px;
        line-height: 22px;
        grid-column: 3;
        grid-row: 2;
        margin-left:16px
    }

    .offer__promoContent.offer__content--noPartnerLogo .offer__headingWrapper, .offer__promoContent.offer__content--noPartnerLogo .offer__mainBenefitWrapper {
        margin-left:0 !important
    }

    .offer__standardContent {
        border-width: 8px;
        padding:24px 20px 32px
    }

    .offer__standardContent .offer__earnOrSpend, .offer__standardContent .offer__headingWrapper, .offer__standardContent .offer__mainBenefit {
        font-size: 24px;
        line-height:30px
    }

    .offer__categoryTeaser {
        align-items: flex-end;
        padding: 40px 32px 40px 40px;
        flex-direction:row
    }

    .offer__categoryTeaser .offer__categoryTeaserIconWrapper .mamcomicon-ico25 {
        height: 64px;
        padding: 0 0 16px 16px;
        width:64px
    }

    .offer__categoryTeaserText {
        font-size: 16px;
        line-height: 22px;
        font-size: 20px;
        line-height: 26px;
        font-weight: 300;
        color: var(--clink);
        margin-right: 8px;
        padding: 0;
        font-size: 24px;
        line-height:30px
    }

    .offer__categoryTeaserTitle {
        font-weight: 700;
        color: var(--clink);
        font-size: 24px;
        line-height:30px
    }

    .offer__flag {
        padding:6px 16px
    }

    .offer__flag, .offer__flag--text {
        font-size: 14px;
        line-height:20px
    }

    .mileageexchangedialog__description {
        margin-bottom:22px
    }

    .mileageexchangedialog__stepWrapper {
        display: inline-flex;
        margin-bottom: 56px;
        margin-top: 32px;
        width:100%
    }

    .mileageexchangedialog__stepWrapper .mdc-select {
        background-position-y:calc(50% + 7px)
    }

    .mileageexchangedialog__stepIconWrapper {
        margin:0 32px
    }

    .mileageexchangedialog__stepIcon {
        padding: 12px;
        transform:none
    }

    .mileageexchangedialog__base .form__select {
        align-items: flex-end;
        height:48px
    }

    .mileageexchangedialog__base .plugindialog__contentAreaWrapper {
        padding: 0;
        width:768px
    }

    .mileageexchangedialog__base .plugindialog__footer {
        display: flex;
        padding:0
    }

    .mileageexchangedialog__base .plugindialog__footerButton {
        display: inline;
        width:auto
    }

    .mileageexchangedialog__base .plugindialog__footerButton + .plugindialog__footerButton {
        margin-top:0
    }

    .mileageexchangedialog__base .form__checkboxElementWrapper {
        margin-bottom:22px
    }

    .loginoutage__notification {
        margin-bottom: 64px;
        padding:14px 16px
    }

    .loginoutage__notification [class^=mamcomicon] {
        margin-right:16px
    }
}

@media (min-width: 960px) and(max-width: 1279px), print {
    .grid1 {
        grid-column-gap:0
    }

    .grid2 {
        grid-column-gap:16px
    }

    .grid3 {
        grid-column-gap:24px
    }

    .grid4 {
        grid-column-gap:40px
    }
}

@media (min-width: 1280px), print {
    .grid1.grid--mb3, .grid1.grid--mb3-down, .grid1.grid--mb4-down, .grid2.grid--mb3, .grid2.grid--mb3-down, .grid2.grid--mb4-down, .grid3.grid--mb3, .grid3.grid--mb3-down, .grid3.grid--mb4-down, .grid4.grid--mb3, .grid4.grid--mb3-down, .grid4.grid--mb4-down {
        grid-template-columns: none;
        grid-column-gap: 0;
        display:block
    }

    .grid1 {
        grid-column-gap:0
    }

    .grid2 {
        grid-column-gap:16px
    }

    .grid3 {
        grid-column-gap:24px
    }

    .grid4 {
        grid-column-gap:40px
    }

    .gridcontainer1, .gridcontainer3 {
        margin-left: 80px;
        margin-right:80px
    }

    .is-hidden-mb4-up {
        display:none !important
    }
}

@media (min-width: 1280px) {
    .mamcomFadeInPreparation {
        transition-duration:.5s
    }

    .form__element .form__iconClear {
        transition-duration:.35s
    }

    .form__step.is-valid [class^=mamcomicon], .form__stepIcon, .pluginaccordion__expandable {
        transition-duration:.5s
    }

    .mamcomanimations__character--appearUp, .mamcomanimations__character--disappearUp {
        transition-duration:.35s
    }

    .flyout.is-active, .flyout.is-active.tooltip__popup--above, .tooltip__popup.is-active, .tooltip__popup.is-active.tooltip__popup--above {
        animation-duration:.35s
    }
}

@media screen and (min-width: 1441px) {
    .gridcontainer1 {
        margin-left: calc(50% - 640px);
        margin-right: calc(50% - 640px);
        max-width:1440px
    }

    .gridcontainer--biggerThanContentDisabled .gridcontainer1 {
        margin-left: 80px;
        margin-right: 80px;
        max-width:100%
    }

    .gridcontainer2 {
        margin-left: auto;
        margin-right: auto;
        max-width:1440px
    }

    .gridcontainer3 {
        margin-left: calc(50% - 640px);
        margin-right: calc(50% - 640px);
        max-width:1440px
    }

    .gridcontainer3 .gridcontainer1 {
        margin-left: 80px;
        margin-right:80px
    }
}

@media print {
    .mamcomcontentwrapper--profile {
        background-color:var(--cbodybg2)
    }

    @page {
        margin: 0;
        size:a4
    }

    body, html {
        height: 100%;
        margin: 0;
        padding:0
    }

    @supports (display: grid) {
        body {
            zoom:85%
        }
    }

    .printableAreaActive > .printableArea {
        display:block !important
    }

    .printableAreaActive > :not(.printableArea) {
        display:none
    }

    .mamcomcomponent__heading, h2, h3, h4, h5, h6 {
        break-after:avoid
    }

    footer {
        break-before:avoid
    }

    a, a > section, button, header, iframe, img, li, svg {
        break-inside:avoid
    }

    .greyPar.gridcontainer1, .greyPar.gridcontainer2, .greyPar.gridcontainer3, .grid2.gridcontainer1, .grid2.gridcontainer2, .grid2.gridcontainer3, .grid3.gridcontainer1, .grid3.gridcontainer2, .grid3.gridcontainer3, .grid4.gridcontainer1, .grid4.gridcontainer2, .grid4.gridcontainer3, .whitePar.gridcontainer1, .whitePar.gridcontainer2, .whitePar.gridcontainer3 {
        margin-left: 1cm;
        margin-right: 1cm;
        max-width:100%
    }
}

@media screen and (max-width: 599px) {
    .grid1.grid--mb2, .grid1.grid--mb2-up, .grid2.grid--mb2, .grid2.grid--mb2-up, .grid3.grid--mb2, .grid3.grid--mb2-up, .grid4.grid--mb2, .grid4.grid--mb2-up {
        grid-template-columns: none;
        grid-column-gap: 0;
        display:block
    }

    .is-hidden-mb1 {
        display:none !important
    }

    .offer__flag--text {
        display:block
    }
}

@media screen and (max-width: 959px) {
    .grid1.grid--mb3, .grid1.grid--mb3-up, .grid2.grid--mb3, .grid2.grid--mb3-up, .grid3.grid--mb3, .grid3.grid--mb3-up, .grid4.grid--mb3, .grid4.grid--mb3-up {
        grid-template-columns: none;
        grid-column-gap: 0;
        display:block
    }

    .is-hidden-mb2-down {
        display:none !important
    }

    .form__selectWrapper .mamcomicon-ico100 {
        top:4px !important
    }

    .slick-arrow {
        display:none !important
    }

    .multipleselect .mdc-select {
        background-image:none
    }

    .multipleselect .mdc-textfield__label--float-above {
        transform:translateY(-250%) scale(1)
    }
}

@media (max-width: 1279px), print {
    .grid1.grid--mb4, .grid2.grid--mb4, .grid3.grid--mb4, .grid4.grid--mb4 {
        grid-template-columns: none;
        grid-column-gap: 0;
        display:block
    }

    .is-hidden-mb3-down {
        display:none !important
    }
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .form__elementWrapper .form__select--focused {
        outline-color: -webkit-focus-ring-color;
        outline-style:auto
    }
}

@media screen and (max-width: 1440px) {
    .plugindialog__body .gridcontainer1, .plugindialog__body .gridcontainer2, .plugindialog__body .gridcontainer3 {
        margin-left: 0;
        margin-right: 0
    }
}

.sec-container {
    padding-top: 30px;
    margin: 0 auto;
    width:1140px
}

#sec-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2147483647;
    background-color:rgba(0, 0, 0, 0.5)
}

#sec-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px gray;
    min-width: 500px;
    z-index:2147483647
}

#sec-container .closebtn {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size:20px
}

#sec-if-container {
    font-family: arial;
    color: #515151;
    text-align: center;
    width: -webkit-fill-available;
    padding-bottom: 20px;
    overflow: hidden
}

#sec-if-container iframe {
    border: 0;
    border-style:none
}

#sec-if-container iframe.funcaptcha {
    width: 308px;
    height:300px
}

#sec-if-container iframe.whiteshadow {
    width: 250px;
    height:75px
}

#sec-text-if {
    display: block;
    margin: 0 auto;
    width: 700px;
    border:0
}

#sec-text-container {
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    padding:10px
}

#sec-cpt-if {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: 320px;
    height:500px
}

#sec-cpt-if.crypto {
    height:105px
}

#sec-cpt-if.custom-branding {
    width:100%
}

@media (max-width: 1200px) {
    .sec-container {
        width: 960px
    }
}

@media (max-width: 991px) {
    .sec-container {
        width:720px
    }

    #sec-text-if {
        width:650px
    }
}

@media (max-width: 767px) {
    .sec-container {
        width:540px
    }

    #sec-text-if {
        width:400px
    }
}

@media (max-width: 575px) {
    .sec-container {
        width:100%
    }

    #sec-text-if {
        width:300px
    }

    #sec-overlay {
        background-color: #fff;
        overflow: auto;
        -webkit-overflow-scrolling:touch
    }

    #sec-container {
        position: static;
        transform: none;
        -ms-transform: none;
        background-color: #fff;
        border-radius: 0;
        box-shadow: none;
        min-width:300px
    }

    #sec-text-container {
        padding:10px
    }

    #sec-if-container {
        width: 100%
    }
}
/**
 * www.miles-and-more.com
 */
:root {
    --ctransparent: transparent;
    --rte-link-text-decoration: none;
    --rte-link-font-weight: var(--travelid-font-weight-bold);
    --travelid-button-bg-default: var(--cbuttondefaultbg);
    --travelid-button-bg-hover: var(--clistdivider);
    --travelid-button-bg-disabled: var(--cinactive);
    --travelid-button-bg-primary: var(--cbuttonprimarybg);
    --travelid-button-bg-primary-hover: #041341;
    --travelid-button-border-radius: 2px;
    --travelid-button-box-shadow-color: var(--cgrey1);
    --travelid-button-box-shadow-shadow: 0;
    --travelid-button-color-default: var(--cbrand);
    --travelid-button-color-hover-default: var(--cbrand);
    --travelid-button-color-disabled: var(--ctextinactive);
    --travelid-button-color-primary: var(--cbodytextinverted);
    --travelid-button-color-primary-hover: var(--cbodytextinverted);
    --travelid-button-focus-before-border-radius: 3px;
    --travelid-button-focus-before-border-width: 3px;
    --travelid-button-focus-before-left: -5px;
    --travelid-button-focus-before-top: -5px;
    --travelid-button-height: 40px;
    --travelid-checkbox-bg-checked: var(--caccent1);
    --travelid-checkbox-bg-default: var(--ctransparent);
    --travelid-checkbox-bg-disabled: var(--cinactive);
    --travelid-checkbox-border-color: var(--cbrand);
    --travelid-checkbox-border-radius: 2px;
    --travelid-checkbox-border-width: 2px;
    --travelid-checkbox-box-shadow-color: var(--cgrey1);
    --travelid-checkbox-box-shadow-shadow: 0;
    --travelid-checkbox-focus-before-border-radius: 3px;
    --travelid-checkbox-focus-before-border-width: 3px;
    --travelid-checkbox-focus-before-checked-bg: var(--caccent1);
    --travelid-checkbox-focus-before-left: -5px;
    --travelid-checkbox-focus-before-top: -5px;
    --travelid-checkbox-focus-before-unchecked-bg: var(--ctransparent);
    --travelid-checkbox-height: 20px;
    --travelid-checkbox-margin: 14px 14px 14px 0;
    --travelid-checkbox-tick-border-width: 2px;
    --travelid-checkbox-tick-color: var(--cstrokeinverted);
    --travelid-checkbox-tick-height: 8px;
    --travelid-checkbox-tick-left: 6px;
    --travelid-checkbox-tick-rotation: rotate(45deg);
    --travelid-checkbox-tick-top: 3px;
    --travelid-checkbox-tick-width: 3px;
    --travelid-checkbox-width: 20px;
    --travelid-component-border: none;
    --travelid-component-border-radius: 0;
    --travelid-component-padding: 20px 12px 32px;
    --travelid-focus-box-shadow-color: var(--chighlight);
    --travelid-focus-box-shadow-shadow: 0 0;
    --travelid-font-body-font-size: 14px;
    --travelid-font-body-line-height: 20px;
    --travelid-font-button-font-size: 16px;
    --travelid-font-button-line-height: 16px;
    --travelid-font-buttonlink-font-size: 14px;
    --travelid-font-buttonlink-line-height: 20px;
    --travelid-font-caption-font-size: 12px;
    --travelid-font-caption-line-height: 18px;
    --travelid-font-hyperlink-font-size: 16px;
    --travelid-font-hyperlink-line-height: 22px;
    --travelid-font-hyperlinksmall-font-size: 14px;
    --travelid-font-hyperlinksmall-line-height: 18px;
    --travelid-font-hyperlinksmallfooter-font-size: 14px;
    --travelid-font-hyperlinksmallfooter-line-height: 18px;
    --travelid-font-label-font-size: 14px;
    --travelid-font-label-line-height: 20px;
    --travelid-font-labelfloat-font-size: var(--travelid-font-caption-font-size);
    --travelid-font-labelfloat-line-height: var(--travelid-font-body-line-height);
    --travelid-font-maintitle-font-size: 34px;
    --travelid-font-maintitle-line-height: 40px;
    --travelid-font-pagetitle-font-size: 45px;
    --travelid-font-pagetitle-line-height: 52px;
    --travelid-font-sectiontitle-font-size: 18px;
    --travelid-font-sectiontitle-line-height: 24px;
    --travelid-font-subtitle-font-size: 28px;
    --travelid-font-subtitle-line-height: 34px;
    --travelid-font-weight-bold: 700;
    --travelid-font-weight-semibold: 600;
    --travelid-font-weight-medium: 500;
    --travelid-font-weight-light: 300;
    --travelid-font-weight-regular: 400;
    --travelid-form-element-bg-disabled: var(--ctransparent);
    --travelid-form-elementwrapper-bottom-spacing: 32px;
    --travelid-form-elementwrapper-checkbox-bottom-spacing: 32px;
    --travelid-form-elementwrapper-withouttooltip-padding-right: 40px;
    --travelid-form-errorbox-bg: transparent;
    --travelid-form-errorbox-bottom-spacing: 32px;
    --travelid-form-errorbox-anchor-color: var(--clink);
    --travelid-form-errorbox-anchor-top-spacing: 6px;
    --travelid-form-errorbox-content-color: var(--cwarn);
    --travelid-form-errorbox-headline-bottom-spacing: 10px;
    --travelid-form-errorbox-icon-color: var(--cwarn);
    --travelid-form-errorbox-padding: 20px 12px 30px;
    --travelid-form-headline-bottom-spacing: 28px;
    --travelid-heading-h2-margin-bottom: 28px;
    --travelid-icon-height: 32px;
    --travelid-icon-width: 32px;
    --travelid-infobox-bg: transparent;
    --travelid-infobox-margin-bottom: 32px;
    --travelid-infobox-headline-margin-bottom: 0;
    --travelid-input-bg: var(--ctransparent);
    --travelid-input-color: var(--cbodytext);
    --travelid-input-color-disabled: var(--ctransparent);
    --travelid-label-color: var(--ctextsecondary);
    --travelid-label-color-disabled: var(--ctextinactive);
    --travelid-loading-bullets-bg: var(--cbrand);
    --travelid-radio-bg-checked: var(--ctransparent);
    --travelid-radio-bg-default: var(--ctransparent);
    --travelid-radio-bg-disabled: var(--cinactive);
    --travelid-radio-border-color: var(--caccent1);
    --travelid-radio-border-width: 2px;
    --travelid-radio-box-shadow-color: var(--cgrey1);
    --travelid-radio-box-shadow-shadow: 0;
    --travelid-radio-bullet-color: var(--caccent1);
    --travelid-radio-bullet-color-checked: var(--caccent1);
    --travelid-radio-bullet-size: 11px;
    --travelid-radio-label-font-color: var(--travelid-label-color);
    --travelid-radio-checked-label-font-weight: inherit;
    --travelid-radio-focus-before-border-radius: 50%;
    --travelid-radio-focus-before-border-width: 3px;
    --travelid-radio-focus-before-checked-bg: var(--caccent1);
    --travelid-radio-focus-before-left: -5px;
    --travelid-radio-focus-before-top: -5px;
    --travelid-radio-focus-before-unchecked-bg: var(--ctransparent);
    --travelid-radio-margin: 8px;
    --travelid-radio-size: 22px;
    --travelid-stepper-bg: var(--ctransparent);
    --travelid-textfield-bg: var(--cgrey00);
    --travelid-textfield-border-color: var(--cstroke);
    --travelid-textfield-border-color-disabled: var(--ctransparent);
    --travelid-textfield-border-width: 2px;
    --travelid-textfield-icons-bottom: auto;
    --travelid-textfield-icons-right: 0;
    --travelid-textfield-label-translate: 23px;
    --travelid-textfield-input-translate: 0;
    --travelid-tooltip-popup-bg: var(--cgrey4);
    --travelid-tooltip-popup-caret-right: 0;
    --travelid-tooltip-popup-caret-size: 16px;
    --travelid-tooltip-popup-margin-top: 8px;
    --travelid-tooltip-popup-max-width: 280px;
    --travelid-tooltip-popup-min-width: 50px;
    --travelid-tooltip-popup-offset-top: 0;
    --travelid-tooltip-popup-padding: 16px;
    --travelid-tooltip-popup-right: -8px;
    --travelid-tooltip-popup-top: 48px;
    --travelid-tooltip-trigger-color: var(--cbrand);
    --travelid-tooltip-trigger-focus-box-shadow-shadow: 0 0;
    --travelid-tooltip-trigger-height: var(--travelid-icon-height);
    --travelid-tooltip-trigger-margin: 8px;
    --travelid-tooltip-trigger-translateY: 0;
    --travelid-tooltip-trigger-width: var(--travelid-icon-width);
    --travelid-validationflyout-background: var(--cgrey00);
    --travelid-validationflyout-bordercolor: #cad1d8;
    --travelid-validationflyout-margin-bottom: 32px;
    --travelid-validationflyout-margin-top: -32px;
    --travelid-validationflyout-padding: 16px;
    --travelid-validationflyout-rule-height: 18px;
    --travelid-validationflyout-rule-margin-bottom: 4px;
    --travelid-validationflyout-rule-valid-color: var(--cbodytext);
    --travelid-validationflyout-icon-height: 14px;
    --travelid-validationflyout-icon-padding: 1px;
    --travelid-validationflyout-icon-margin-right:6px
}

[class^=travelid-icon] {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    display: flex;
    height: var(--travelid-icon-height);
    white-space: nowrap;
    width:var(--travelid-icon-width)
}

[class^=travelid-icon] svg {
    fill: currentColor;
    height: inherit;
    pointer-events: none;
    stroke: currentColor;
    stroke-width: 0;
    width:inherit
}

[class^=travelid-icon][type=button] {
    cursor:pointer
}

[class^=travelid-icon].travelid-icon--xs {
    height: 16px;
    padding: 4px;
    width:16px
}

.travelid-icon--l {
    height: 48px;
    padding: 12px;
    width:48px
}

.travelid-icon--xl {
    height: 64px;
    padding: 16px;
    width:64px
}

body {
    font-size: var(--travelid-font-body-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-body-line-height);
    letter-spacing: var(--travelid-font-body-letter-spacing);
    color:var(--cbodytext)
}

b, strong {
    font-weight:var(--travelid-font-weight-bold)
}

a {
    color:var(--clink)
}

a:not(.travelid-button):hover {
    color: var(--clink);
    opacity:.8
}

.travelid-form__headline {
    margin-bottom:var(--travelid-form-headline-bottom-spacing)
}

.travelid-form__label {
    font-size: var(--travelid-font-body-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-body-line-height);
    letter-spacing: var(--travelid-font-body-letter-spacing);
    color:var(--travelid-label-color)
}

.travelid-form__label:not(.travelid-form__label--checkbox):not(.travelid-form__label--radio) {
    pointer-events:none
}

::placeholder {
    color:var(--travelid-label-color)
}

.travelid-form__input--textfield {
    font-size: var(--travelid-font-body-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-body-line-height);
    letter-spacing: var(--travelid-font-body-letter-spacing);
    color:var(--travelid-input-color)
}

.is-filled.travelid-form__element--typeahead .travelid-form__label, .is-focused.travelid-form__element--typeahead .travelid-form__label, .travelid-form__fieldsetLegend--radiogroup, .travelid-form__input--textfield:focus + .travelid-form__label, .travelid-form__input--textfield:not(:placeholder-shown) + .travelid-form__label {
    font-size: var(--travelid-font-labelfloat-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-labelfloat-line-height);
    letter-spacing:var(--travelid-font-labelfloat-letter-spacing)
}

.travelid-form__elementValidationMessage, .travelid-form__helpText {
    font-size: var(--travelid-font-caption-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-caption-line-height);
    letter-spacing:var(--travelid-font-caption-letter-spacing)
}

.travelid-form__label--radio {
    font-size: var(--travelid-font-body-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-body-line-height);
    letter-spacing:var(--travelid-font-body-letter-spacing)
}

.travelid-componentError__headline {
    font-size: var(--travelid-font-maintitle-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-maintitle-line-height);
    letter-spacing: var(--travelid-font-maintitle-letter-spacing);
    margin-bottom:var(--travelid-form-headline-bottom-spacing)
}

.travelid-componentError__description {
    font-size: var(--travelid-font-body-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-body-line-height);
    letter-spacing:var(--travelid-font-body-letter-spacing)
}

body.user-is-tabbing :focus {
    outline:none
}

.travelid-form__fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding:0
}

.travelid-form__fieldsetLegend {
    display: table;
    padding:0
}

.travelid-form__elementWrapper {
    display: flex;
    margin-bottom: var(--travelid-form-elementwrapper-bottom-spacing);
    position:relative
}

.travelid-form__elementWrapper--withoutTooltip {
    padding-right:var(--travelid-form-elementwrapper-withouttooltip-padding-right)
}

.travelid-form__elementWrapper--checkbox, .travelid-form__elementWrapper--radiogroup {
    align-items: center;
    margin-bottom:var(--travelid-form-elementwrapper-checkbox-bottom-spacing)
}

.travelid-form__elementWrapper--checkbox .travelid-tooltip__trigger[type=button], .travelid-form__elementWrapper--radiogroup .travelid-tooltip__trigger[type=button] {
    --travelid-tooltip-trigger-translateY:0
}

.travelid-form__element, .travelid-form__fieldset, .travelid-form__section {
    flex:1 1 0
}

.travelid-form__element--checkbox, .travelid-form__element--radio {
    display:flex
}

.travelid-form__element--checkbox {
    align-items:center
}

.travelid-form__element--radio {
    flex: 0 1 auto;
    margin-right:24px
}

.travelid-form__element--birthdate {
    width:100%
}

.travelid-form__group {
    display:flex
}

.travelid-form__group .travelid-form__elementWrapper {
    margin-bottom:0
}

.travelid-validationflyout__wrapper {
    position:relative
}

.travelid-form__element .travelid-form__elementValidationMessage {
    display:none
}

.travelid-form__element .travelid-form__helpText {
    display:block
}

.travelid-form__element.is-disabled .travelid-form__clear, .travelid-form__element.is-disabled .travelid-form__helpText, .travelid-form__element.is-valid .travelid-form__elementValidationMessage, .travelid-form__element.is-valid .travelid-form__helpText:not(.travelid-form__helpText--persistent) {
    display:none
}

.travelid-form__element.is-invalid.is-touched .travelid-form__elementValidationMessage {
    display:block
}

.travelid-form__element.is-invalid.is-touched .travelid-form__helpText:not(.travelid-form__helpText--persistent) {
    display:none
}

.travelid-form__error {
    color: var(--cwarn);
    margin-bottom:var(--travelid-form-elementwrapper-bottom-spacing)
}

.travelid-button[disabled], .travelid-form__input[disabled] {
    cursor:default
}

.is-disabled .travelid-form__label {
    cursor:default !important
}

.travelid-form__birthdategroup .travelid-form__groupElement:not(:last-child) {
    margin-right:16px
}

.travelid-form__birthdategroup.is-invalid .travelid-form__elementValidationMessage {
    color:var(--cwarn)
}

.travelid-form__birthdategroup.is-valid .travelid-form__helpText {
    display:none
}

.travelid-button {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    margin: 0;
    background-color: var(--travelid-button-bg-default);
    border-radius: var(--travelid-button-border-radius);
    box-sizing: border-box;
    color: var(--travelid-button-color-default);
    cursor: pointer;
    display: inline-flex;
    -webkit-hyphens: none;
    hyphens: none;
    justify-content: center;
    padding: 0 24px;
    position: relative;
    transition:background .3s ease-out, border .3s ease-out, color .3s ease-out
}

.travelid-button[disabled] {
    background-color: var(--travelid-button-bg-disabled);
    color:var(--travelid-button-color-disabled)
}

.travelid-button:not(.travelid-button--link) {
    height:var(--travelid-button-height)
}

.travelid-button:not(.travelid-button--link):focus:before {
    border: var(--travelid-button-focus-before-border-width) solid var(--cbodybg2);
    border-radius: var(--travelid-button-focus-before-border-radius);
    box-shadow: 0 0 var(--travelid-button-box-shadow-shadow) var(--travelid-button-box-shadow-color);
    content: "";
    display: block;
    height: calc(100% + var(--travelid-button-focus-before-border-width) + 1px);
    left: var(--travelid-button-focus-before-left);
    position: absolute;
    top: var(--travelid-button-focus-before-top);
    width: calc(100% + var(--travelid-button-focus-before-border-width) + 1px);
    z-index:0
}

.travelid-button--fullwidth {
    width:100%
}

.travelid-button__text {
    font-size: var(--travelid-font-button-font-size);
    font-weight: var(--travelid-font-weight-bold);
    line-height: var(--travelid-font-button-line-height);
    letter-spacing: var(--travelid-font-button-letter-spacing);
    align-self: center;
    display: block;
    overflow: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    white-space:nowrap
}

.travelid-button--primary, .travelid-button--primary.travelid-button--filled {
    background-color: var(--travelid-button-bg-primary);
    color:var(--travelid-button-color-primary)
}

.travelid-button--primary:hover {
    background-color:var(--travelid-button-bg-primary-hover)
}

.travelid-button--secondary:hover {
    background-color: var(--travelid-button-bg-hover);
    color:var(--travelid-button-color-hover-default)
}

.travelid-button--link {
    font-size: var(--travelid-font-buttonlink-font-size);
    font-weight: var(--travelid-font-weight-bold);
    line-height: var(--travelid-font-buttonlink-line-height);
    letter-spacing: var(--travelid-font-buttonlink-letter-spacing);
    color:var(--clink)
}

.travelid-button--link, .travelid-button--primary {
    border:none
}

.travelid-form__checkbox {
    background: var(--travelid-checkbox-bg-default);
    border: var(--travelid-checkbox-border-width) solid var(--travelid-checkbox-border-color);
    border-radius: var(--travelid-checkbox-border-radius);
    cursor: pointer;
    display: flex;
    height: var(--travelid-checkbox-height);
    margin: var(--travelid-checkbox-margin);
    min-width: var(--travelid-checkbox-width);
    outline: none;
    position: relative;
    width:var(--travelid-checkbox-width)
}

.travelid-form__checkbox:focus:before {
    background-color: var(--travelid-checkbox-focus-before-unchecked-bg);
    border: var(--travelid-checkbox-focus-before-border-width) solid var(--cbodybg2);
    border-radius: var(--travelid-checkbox-focus-before-border-radius);
    box-shadow: 0 0 var(--travelid-checkbox-box-shadow-shadow) var(--travelid-checkbox-box-shadow-color);
    content: "";
    display: block;
    height: calc(100% + var(--travelid-checkbox-focus-before-border-width) + 1px);
    left: var(--travelid-checkbox-focus-before-left);
    position: absolute;
    top: var(--travelid-checkbox-focus-before-top);
    width: calc(100% + var(--travelid-checkbox-focus-before-border-width) + 1px);
    z-index:0
}

.travelid-form__checkbox:focus + .travelid-form__label--checkbox {
    outline:2px solid var(--chighlight)
}

.travelid-form__checkbox:checked {
    background:var(--travelid-checkbox-bg-checked)
}

.travelid-form__checkbox:checked:after {
    border: solid var(--travelid-checkbox-tick-color);
    border-left-width: 0;
    border-bottom-width: var(--travelid-checkbox-tick-border-width);
    border-right-width: var(--travelid-checkbox-tick-border-width);
    border-top-width: 0;
    content: "";
    display: block;
    height: var(--travelid-checkbox-tick-height);
    left: var(--travelid-checkbox-tick-left);
    position: relative;
    top: var(--travelid-checkbox-tick-top);
    transform: var(--travelid-checkbox-tick-rotation);
    width:var(--travelid-checkbox-tick-width)
}

.travelid-form__checkbox:checked:before {
    background-color:var(--travelid-checkbox-focus-before-checked-bg)
}

.travelid-form__errorBox {
    background-color: var(--travelid-form-errorbox-bg);
    display: flex;
    margin-bottom: var(--travelid-form-errorbox-bottom-spacing);
    padding:var(--travelid-form-errorbox-padding)
}

.travelid-form__errorBox [class^=travelid-icon] {
    color:var(--travelid-form-errorbox-icon-color)
}

.travelid-form__errorBoxContent {
    color: var(--travelid-form-errorbox-content-color);
    margin-left:14px
}

.travelid-form__errorBoxContentHeadline {
    font-size: var(--travelid-font-sectiontitle-font-size);
    font-weight: var(--travelid-font-weight-bold);
    line-height: var(--travelid-font-sectiontitle-line-height);
    letter-spacing: var(--travelid-font-sectiontitle-letter-spacing);
    margin-bottom:var(--travelid-form-errorbox-headline-bottom-spacing)
}

.travelid-form__errorBoxContentItemText {
    font-weight:var(--travelid-font-weight-light)
}

.travelid-form__errorBoxContentItemAnchor, .travelid-form__errorBoxContentItemText {
    font-size: var(--travelid-font-footnote-font-size);
    line-height: var(--travelid-font-footnote-line-height);
    letter-spacing:var(--travelid-font-footnote-letter-spacing)
}

.travelid-form__errorBoxContentItemAnchor {
    font-weight: var(--travelid-font-weight-regular);
    align-items: center;
    color: var(--travelid-form-errorbox-anchor-color);
    display: flex;
    margin-top:var(--travelid-form-errorbox-anchor-top-spacing)
}

.travelid-form__elementWrapper--radiogroup .travelid-form__fieldset, .travelid-form__elementWrapper--radiogroup .travelid-form__section {
    display: flex;
    flex-wrap:wrap
}

.travelid-form__elementWrapper--radiogroup .travelid-form__fieldset .travelid-form__element--radio:first-of-type .travelid-form__radio {
    margin-left:0
}

.travelid-form__radio {
    background: var(--travelid-radio-bg-default);
    border: var(--travelid-radio-border-width) solid var(--travelid-radio-border-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: var(--travelid-radio-size);
    margin: var(--travelid-radio-margin);
    min-width: var(--travelid-radio-size);
    outline: none;
    position: relative;
    width:var(--travelid-radio-size)
}

.travelid-form__radio:focus:before {
    background-color: var(--travelid-radio-focus-before-unchecked-bg);
    border: var(--travelid-radio-focus-before-border-width) solid var(--cbodybg2);
    border-radius: var(--travelid-radio-focus-before-border-radius);
    box-shadow: 0 0 var(--travelid-radio-box-shadow-shadow) var(--travelid-radio-box-shadow-color);
    content: "";
    display: block;
    height: calc(100% + var(--travelid-radio-focus-before-border-width) + 1px);
    left: var(--travelid-radio-focus-before-left);
    position: absolute;
    top: var(--travelid-radio-focus-before-top);
    width: calc(100% + var(--travelid-radio-focus-before-border-width) + 1px);
    z-index:0
}

.travelid-form__radio:checked {
    background:var(--travelid-radio-bg-checked)
}

.travelid-form__radio:checked:after {
    background-color: var(--travelid-radio-bullet-color-checked);
    border-radius: 50%;
    content: "";
    display: block;
    height: var(--travelid-radio-bullet-size);
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width:var(--travelid-radio-bullet-size)
}

.travelid-form__radio:checked + .travelid-form__label--radio {
    font-weight:var(--travelid-radio-checked-label-font-weight)
}

.travelid-form__radio + .travelid-form__label--radio {
    align-self: center;
    color:var(--travelid-radio-label-font-color)
}

::placeholder {
    opacity: 0;
    transition:inherit
}

::-ms-reveal {
    display:none
}

.travelid-form__textfield {
    background-color: var(--travelid-textfield-bg);
    display: flex;
    flex-flow: column-reverse;
    padding-bottom: 7px;
    position: relative;
    transform-origin:left bottom
}

.travelid-form__textfieldIcons {
    align-items: center;
    bottom: var(--travelid-textfield-icons-bottom);
    display: inline-flex;
    height: var(--travelid-icon-height);
    position: absolute;
    right: var(--travelid-textfield-icons-right);
    z-index:1
}

.travelid-form__textfieldIcon {
    align-items: center;
    display:flex
}

.travelid-form__icon .travelid-form__clear {
    color: inherit;
    display:none
}

.travelid-icon--xs {
    height: 16px;
    padding: 4px;
    width:16px
}

.travelid-form__element.is-focused.is-filled .travelid-form__clear {
    display:flex
}

.travelid-form__element.is-filled .travelid-form__label {
    opacity:1
}

.travelid-form__input, .travelid-form__label {
    transition:all .2s
}

.travelid-form__input {
    -webkit-appearance: none;
    appearance:none
}

.travelid-form__label.travelid-form__label--checkbox, .travelid-form__label.travelid-form__label--radio {
    opacity:1
}

.travelid-form__input--textfield {
    background-color: var(--travelid-input-bg);
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    cursor: text;
    font-family: inherit;
    padding: 0;
    position: relative;
    transform: translateY(var(--travelid-textfield-input-translate));
    width:100%
}

.travelid-form__input--textfield:autofill {
    background:var(--travelid-input-bg)
}

.travelid-form__input--textfield:focus {
    outline:0
}

.travelid-form__input--textfield:focus::placeholder {
    opacity:.5
}

.travelid-form__input--textfield:-webkit-autofill + .travelid-form__label, .travelid-form__input--textfield:placeholder-shown + .travelid-form__label {
    cursor: text;
    max-height: var(--travelid-font-labelfloat-line-height);
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(var(--travelid-textfield-label-translate));
    transform-origin:0 0
}

.travelid-form__input--textfield:focus + .travelid-form__label, .travelid-form__input--textfield:not(:placeholder-shown) + .travelid-form__label {
    cursor: pointer;
    max-height: var(--travelid-font-labelfloat-line-height);
    overflow: hidden;
    transform:translateY(0)
}

.travelid-form__elementValidationMessage, .travelid-form__helpText {
    margin-top:8px
}

.travelid-form__elementValidationMessageText {
    display:inline-flex
}

.travelid-form__elementValidationMessageText .travelid-icon--xs {
    padding:0 6px 0 0
}

.is-valid > .travelid-form__textfield {
    --travelid-textfield-border-color:var(--csuccess)
}

.is-invalid > .travelid-form__textfield {
    --travelid-textfield-border-color:var(--cwarn)
}

.is-invalid > .travelid-form__elementValidationMessage .travelid-form__elementValidationMessageText {
    color:var(--cwarn)
}

.travelid-form__element.is-disabled .travelid-form__input, .travelid-form__element.is-disabled .travelid-form__label {
    color:var(--travelid-label-color-disabled)
}

.travelid-form__element.is-disabled .travelid-form__input {
    background-color:var(--travelid-textfield-bg)
}

.travelid-form__element.is-disabled ::placeholder {
    color:var(--travelid-label-color-disabled)
}

.phonenumber__field .travelid-form__input::placeholder {
    opacity:0
}

.is-readonly {
    margin-bottom:0
}

.is-readonly .travelid-form__element > .travelid-form__textfield {
    background-color: initial;
    border: none;
    padding-bottom: 24px;
    pointer-events:none
}

.is-readonly .travelid-form__element > .travelid-form__textfield .travelid-form__input--textfield {
    color:var(--cbodytext)
}

.is-readonly .travelid-form__element + .travelid-tooltip__trigger {
    display:none
}

.travelid-tooltip__trigger[type=button] {
    box-shadow: none;
    background-color: initial;
    transition: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    padding: 0;
    margin: 0;
    color: var(--travelid-tooltip-trigger-color);
    cursor: pointer;
    display: flex;
    height: var(--travelid-tooltip-trigger-height);
    margin: var(--travelid-tooltip-trigger-margin);
    transform: translateY(var(--travelid-tooltip-trigger-translateY));
    white-space: nowrap;
    width:var(--travelid-tooltip-trigger-width)
}

.travelid-tooltip__trigger[type=button] svg {
    fill: currentColor;
    height: inherit;
    pointer-events: none;
    stroke: currentColor;
    stroke-width: 0;
    width:inherit
}

body.user-is-tabbing .travelid-tooltip__trigger[type=button]:focus:after {
    border-radius: 2px;
    bottom: -5px;
    box-shadow: 0 0 var(--travelid-focus-box-shadow-shadow) var(--travelid-focus-box-shadow-color);
    content: " ";
    left: -5px;
    position: absolute;
    right: -5px;
    top:-5px
}

.travelid-tooltip__popup {
    position: absolute;
    z-index: 3;
    font-size: var(--travelid-font-caption-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-caption-line-height);
    letter-spacing: var(--travelid-font-caption-letter-spacing);
    background: var(--travelid-tooltip-popup-bg);
    box-sizing: border-box;
    margin-top: var(--travelid-tooltip-popup-margin-top);
    max-width: var(--travelid-tooltip-popup-max-width);
    min-width: var(--travelid-tooltip-popup-min-width);
    opacity: 0;
    padding: var(--travelid-tooltip-popup-padding);
    pointer-events: none;
    right: var(--travelid-tooltip-popup-right);
    top:var(--travelid-tooltip-popup-top)
}

.travelid-tooltip__popup.is-active {
    animation-name: mamcomslideinfromtopandappear;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, .25, 1);
    animation-duration: .25s;
    pointer-events:auto
}

.awesomplete {
    position: relative;
    top:0
}

.awesomplete .plugincustomscrollbar__container {
    position:absolute
}

.is-filled.travelid-form__element--typeahead .travelid-form__label, .is-focused.travelid-form__element--typeahead .travelid-form__label {
    cursor: pointer;
    transform:translateY(0)
}

.travelid-form__element--typeahead .travelid-form__label {
    cursor: text;
    max-width: 66.66%;
    text-overflow: ellipsis;
    transform: translateY(var(--travelid-textfield-label-translate));
    transform-origin: 0 0;
    white-space:nowrap
}

.travelid-validationflyout {
    background-color: var(--travelid-validationflyout-background);
    border: 1px solid var(--travelid-validationflyout-bordercolor);
    box-sizing: border-box;
    display: none;
    padding: var(--travelid-validationflyout-padding);
    position: absolute;
    width: 100%;
    z-index:1
}

.travelid-validationflyout.is-active {
    animation-name: mamcomslideinfromtopandappear;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, .25, 1);
    animation-duration: .25s;
    display: block;
    left: 0;
    position: relative;
    top:0
}

.travelid-validationflyout.is-active + .travelid-form__elementValidationMessage {
    display:none !important
}

.travelid-validationflyout__rule {
    align-items: center;
    display: flex;
    list-style: none;
    margin-bottom: var(--travelid-validationflyout-rule-margin-bottom);
    min-height:var(--travelid-validationflyout-rule-height)
}

.travelid-validationflyout__rule:not(.is-valid) .travelid-validationflyout__icon--valid {
    display:none
}

.travelid-validationflyout__rule:not(.is-valid) .travelid-validationflyout__icon--invalid {
    display:block
}

.travelid-validationflyout__rule.is-valid {
    color:var(--travelid-validationflyout-rule-valid-color)
}

.travelid-validationflyout__rule.is-valid .travelid-validationflyout__icon--valid {
    color: var(--csuccess);
    display:block
}

.travelid-validationflyout__rule.is-valid .travelid-validationflyout__icon--invalid {
    display:none
}

.travelid-validationflyout__rule:focus {
    outline:1px solid var(--chighlight)
}

.travelid-validationflyout__ruleText {
    font-size: var(--travelid-font-caption-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-caption-line-height);
    letter-spacing:var(--travelid-font-caption-letter-spacing)
}

.travelid-validationflyout__icon {
    align-self: flex-start;
    display: flex;
    height: var(--travelid-validationflyout-icon-height);
    justify-content: center;
    margin-right: var(--travelid-validationflyout-icon-margin-right);
    min-width: var(--travelid-validationflyout-icon-height);
    padding: var(--travelid-validationflyout-icon-padding);
    width:var(--travelid-validationflyout-icon-height)
}

.travelid-validationflyout__icon svg {
    fill: currentColor;
    stroke-width: 1px;
    width:14px
}

@keyframes loading {
    0% {
        opacity:.2
    }

    20% {
        opacity:1
    }

    to {
        opacity:.2
    }
}

.travelid-component__loading {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height:40vh
}

.travelid-component__loadingHeading {
    font-size: var(--travelid-font-subtitle-font-size);
    font-weight: var(--travelid-font-weight-regular);
    line-height: var(--travelid-font-subtitle-line-height);
    letter-spacing: var(--travelid-font-subtitle-letter-spacing);
    margin-bottom: 30px;
    order:1
}

.travelid-component__loadingDescription {
    font-weight: 400;
    color: var(--cbodytext);
    margin-bottom: 30px;
    order:2
}

.travelid-component__loadingAnimation {
    order:3
}

.travelid-component__loadingAnimation span {
    animation-duration: 1.4s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-name: loading;
    background-color: var(--travelid-loading-bullets-bg);
    border-radius: 50%;
    display: inline-flex;
    height: 16px;
    margin: 0 14px;
    width:16px
}

.travelid-component__loadingAnimation span:first-child {
    margin-left:0
}

.travelid-component__loadingAnimation span:nth-child(2) {
    animation-delay: .2s;
    height: 18px;
    width:18px
}

.travelid-component__loadingAnimation span:nth-child(3) {
    animation-delay: .4s;
    height: 20px;
    width:20px
}

.travelid-component__loadingAnimation span:nth-child(4) {
    animation-delay: .6s;
    height: 20px;
    width:20px
}

.travelid-component__loadingAnimation span:nth-child(5) {
    animation-delay: .8s;
    height: 18px;
    width:18px
}

.travelid-component__loadingAnimation span:nth-child(6) {
    animation-delay: 1s;
    margin-right:0
}

.mamcomcomponent__heading--h2 {
    margin-bottom:var(--travelid-heading-h2-margin-bottom)
}

.travelid-component {
    border: var(--travelid-component-border);
    border-radius: var(--travelid-component-border-radius);
    padding:var(--travelid-component-padding)
}

.travelid-component .apiErrorContent {
    margin:0
}

.travelid-component .apiErrorContent .button {
    display:none
}

.travelid-infoBox {
    background-color: var(--travelid-infobox-bg);
    margin-bottom:var(--travelid-infobox-margin-bottom)
}

.travelid-infoBox__icon {
    margin-right:14px
}

.travelid-infoBox__headline {
    font-weight: 700;
    margin-bottom:var(--travelid-infobox-headline-margin-bottom)
}

@media (min-width: 600px and max-width: 1279px) {
    .travelid-tooltip__popup.is-active, .travelid-validationflyout.is-active {
        animation-duration:.3s
    }
}

@media (min-width: 960px), print {
    :root {
        --travelid-component-padding: 20px 20px 32px;
        --travelid-font-body-font-size: 16px;
        --travelid-font-body-line-height: 22px;
        --travelid-font-button-font-size: 18px;
        --travelid-font-button-line-height: 18px;
        --travelid-font-buttonlink-font-size: 16px;
        --travelid-font-buttonlink-line-height: 22px;
        --travelid-font-caption-font-size: 14px;
        --travelid-font-caption-line-height: 20px;
        --travelid-font-labelfloat-font-size: var(--travelid-font-caption-font-size);
        --travelid-font-labelfloat-line-height: var(--travelid-font-body-line-height);
        --travelid-font-maintitle-font-size: 36px;
        --travelid-font-maintitle-line-height: 42px;
        --travelid-font-pagetitle-font-size: 48px;
        --travelid-font-pagetitle-line-height: 56px;
        --travelid-font-sectiontitle-font-size: 18px;
        --travelid-font-sectiontitle-line-height: 24px;
        --travelid-font-subtitle-font-size: 30px;
        --travelid-font-subtitle-line-height: 36px;
        --travelid-form-headline-bottom-spacing: 28px;
        --travelid-heading-h2-margin-bottom: 32px;
        --travelid-tooltip-popup-caret-right: calc(50% - var(--travelid-tooltip-popup-caret-size) /2);
        --travelid-tooltip-popup-margin-top: 16px;
        --travelid-tooltip-popup-padding: 24px;
        --travelid-tooltip-popup-right:-14px
    }

    .travelid-form__birthdategroup .travelid-form__groupElement:not(:last-child) {
        margin-right:32px
    }

    .travelid-form__birthdategroup .travelid-birthdate__day, .travelid-form__birthdategroup .travelid-birthdate__month {
        flex-grow: 1;
        width:25%
    }

    .travelid-form__birthdategroup .travelid-birthdate__year {
        flex-grow: 2;
        width:50%
    }

    .travelid-form__input--textfield:-webkit-autofill + .travelid-form__label, .travelid-form__input--textfield:placeholder-shown + .travelid-form__label {
        max-height:var(--travelid-font-labelfloat-line-height)
    }

    .travelid-form__input--textfield:focus + .travelid-form__label, .travelid-form__input--textfield:not(:placeholder-shown) + .travelid-form__label {
        max-height:var(--travelid-font-labelfloat-line-height)
    }
}

@media (min-width: 1280px) {
    .travelid-tooltip__popup.is-active, .travelid-validationflyout.is-active {
        animation-duration: .35s
    }
}