.FlexibleDates {
    background: #fff;
    color: #575d64;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    justify-content: center;
    line-height: 21px;
    padding-bottom: 40px;
    width: 100%
}

.FlexibleDates--mobile {
    bottom: 70px;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: scroll;
    padding: 20px 50px;
    position: fixed;
    scroll-behavior: smooth;
    z-index: 1000;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.FlexibleDates--mobile::-webkit-scrollbar {
    display: none
}

.FlexibleDates-label {
    align-items: center;
    background: #f7f9fa;
    border: 1px solid #dae0e6;
    border-radius: 100px;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    justify-content: center;
    line-height: 1;
    padding: 10px 20px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    white-space: nowrap
}

.FlexibleDates input[type=radio] {
    opacity: 0;
    position: fixed;
    width: 0
}

.FlexibleDates input[type=radio]:disabled+label {
    cursor: not-allowed
}

.FlexibleDates input[type=radio]:checked+label {
    background: #f5f1fb;
    border: 1px solid #542ebc;
    border-radius: 30px;
    color: #542ebc
}

.FlexibleDatesPreview {
    align-items: center;
    display: inline-flex;
    font-size: 12px;
    padding: 0 2px
}

.PlusMinus {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: column;
    font-size: inherit
}

.PlusMinus span {
    line-height: 0
}

.PlusMinus span:first-child {
    margin-bottom: 5px
}

.CardModal-card {
    align-items: stretch;
    background: #fff;
    border-radius: 7px;
    box-shadow: -4px 0 30px rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative;
    width: 500px
}

.CardModal-backdrop {
    align-items: center;
    background: rgba(36, 39, 46, .35);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s;
    z-index: 200
}

.CardModal-backdrop--autoHeight {
    align-items: center
}

.CardModal-backdrop .CardModal-card {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity .3s, transform .3s
}

.CardModal-backdrop.enter {
    opacity: 0
}

.CardModal-backdrop.enter .CardModal-card {
    opacity: 0;
    transform: translateY(100px);
    transition-delay: .1s
}

.CardModal-backdrop.enter-active {
    opacity: 1
}

.CardModal-backdrop.enter-active .CardModal-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .1s
}

.CardModal-backdrop.enter-done {
    opacity: 1
}

.CardModal-backdrop.enter-done .CardModal-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .1s
}

.CardModal-backdrop.exit {
    opacity: 1
}

.CardModal-backdrop.exit .CardModal-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0ms
}

.CardModal-backdrop.exit-active {
    opacity: 0
}

.CardModal-backdrop.exit-active .CardModal-card {
    opacity: 0;
    transform: translateY(100px);
    transition-delay: 0ms
}

.CardModal-closeButtonContainer {
    display: inline-block;
    left: 100%;
    line-height: 0;
    padding-left: 10px;
    position: absolute
}

.CardModal-closeButton {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .1);
    cursor: pointer;
    display: flex;
    height: 36px;
    justify-content: center;
    outline: none;
    width: 36px
}

.CardModal-cardHeaderContainer {
    margin: 0 auto;
    max-width: 310px;
    padding-bottom: 20px;
    padding-top: 35px;
    text-align: center
}

.CardModal-headerIconContainer {
    align-items: center;
    background: #f5f1fb;
    border-radius: 50%;
    display: flex;
    height: 60px;
    justify-content: center;
    margin: 0 auto;
    width: 60px
}

.CardModal-headerIconContainer--danger {
    background: #fae8e8
}

.CardModal-headerIconContainer--gradient {
    background: linear-gradient(72.87deg, #874de7 45.83%, #a357de 89.34%)
}

.CardModal-headerTitle {
    font-family: Poppins, sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.35;
    padding-top: 15px
}

.CardModal-headerTitle--small {
    font-size: 19px
}

.CardModal-headerSubtitle {
    color: #575d64;
    font-size: 14px;
    font-weight: 500;
    padding-top: 5px
}

.CardModal-scrollContainer {
    flex: 1;
    overflow: auto;
    width: 100%
}

.CardModal-cardBodyContainer {
    padding: 0 45px 35px
}

.CardModal-cardFooterContainer {
    padding: 25px 0
}

.CardModal-buttonsContainer {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 45px
}

.CardModal-buttonsContainer>*+* {
    margin-left: 20px
}

.CardModal-drawerChildren {
    display: flex;
    display: block;
    flex-direction: column;
    height: 100%;
    height: auto;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-bottom: 50px
}

.CardModal-drawerChildren .CardModal-cardFooterContainer {
    background: #fff;
    border-top: 1px solid #edf1f4;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.CardModal-drawerChildren .CardModal-buttonsContainer {
    padding: 0 20px
}

.CardModal-drawerChildren .CardModal-buttonsContainer>*+* {
    margin-left: 15px
}

.CardModal-drawerChildren .CardModal-cardBodyContainer {
    padding: 0 20px 20px
}

.card-modal-open body {
    padding-right: var(--scrollbarWidth)
}

.card-modal-open .CardModal-backdrop {
    padding-right: calc(var(--scrollbarWidth) + 20px)
}

.card-modal-open .StickyHeader {
    padding-right: var(--scrollbarWidth)
}

.CodeInput {
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: flex;
    width: 100%
}

.CodeInput-input {
    background: #f7f9fa;
    border: 1px solid #dae0e6;
    border-radius: 5px;
    color: #24272e;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    height: 60px;
    line-height: 30px;
    outline: none;
    text-align: center;
    width: 46px
}

.CodeInput-input:active,
.CodeInput-input:focus,
.CodeInput-input:focus-visible,
.CodeInput-input:hover {
    border-color: #732dd9
}

.CodeInput-input:active,
.CodeInput-input:focus {
    background: #f5f1fb
}

.CodeInput--error .CodeInput-input,
.ErrorIndicator.ErrorIndicator--invalid .CodeInput-input {
    background: #fae8e8;
    border-color: #eb5757
}

.ErrorIndicator.ErrorIndicator--required .CodeInput-input {
    background: rgba(116, 45, 217, .059);
    border-color: #732dd9
}

.ErrorIndicator.ErrorIndicator--invalid .ErrorIndicator-message,
.ErrorIndicator.ErrorIndicator--required .ErrorIndicator-message {
    transform: translateY(3px)
}

.Overlay {
    background: hsla(0, 0%, 100%, .5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.SpinnerContainer {
    display: flex;
    margin: auto;
    width: -moz-max-content;
    width: max-content
}

.Button {
    border: none;
    border-radius: 100px;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-overflow: ellipsis;
    transition: width .2s ease-out, box-shadow .2s ease-in-out, background-color .1s ease-in;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.Button:hover {
    cursor: pointer
}

.Button--growWithText.Button--small {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px
}

.Button--growWithText.Button--medium {
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px
}

.Button--growWithText.Button--large {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 30px
}

.Button--growWithText.Button--xlarge {
    font-size: 19px;
    height: 60px;
    line-height: 60px;
    padding: 0 30px
}

.Button--fullWidth {
    width: 100%
}

.Button.Button--primary {
    background: #47a82d;
    color: #fff;
    font-weight: 700
}

.Button.Button--primary:hover {
    background: #429c2a
}

.Button.Button--primary:hover.Button--loading,
.Button.Button--primary:hover:disabled {
    background: #acd8a0 !important
}

.Button.Button--primary:focus {
    background: #47a82d;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #acd8a0;
    outline: 0
}

.Button--secondary {
    background: #edf1f4;
    border: 1px solid #e5e9ed;
    color: #24272e
}

.Button--secondary:hover {
    background: #e5e9ed;
    border: 1px solid #dae0e6
}

.Button--secondary:focus {
    background: #edf1f4;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #edf1f4;
    outline: 0
}

.Button--secondaryBlue {
    background: #f0f5ff;
    border: 1px solid #b5bec5;
    color: #24272e
}

.Button--secondaryBlue:hover {
    background: #edf1f4;
    border: 1px solid #dae0e6
}

.Button--secondaryBlue:focus {
    background: #edf1f4;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #dae0e6;
    outline: 0
}

.Button--negative {
    background: #eb5757;
    color: #fff
}

.Button--negative:focus {
    background: #eb5757;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(235, 87, 87, .5);
    outline: 0
}

.Button--brandPurple {
    background: #542ebc;
    color: #fff
}

.Button--brandPurple.Button--loading,
.Button--brandPurple:disabled {
    background: #a874f3
}

.Button--brandPurple:hover {
    background: #4f2892
}

.Button--brandPurple:hover.Button--loading,
.Button--brandPurple:hover:disabled {
    background: #a874f3
}

.Button--brandPurple:focus {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(115, 45, 217, .5);
    outline: 0
}

.Button--white {
    background: #fff;
    border: 1px solid #e3e9f0;
    color: #575d64
}

.Button--white.Button--loading,
.Button--white:disabled {
    background: #f7f9fa;
    border: 1px solid #edf1f4;
    color: #b5bec5
}

.Button--white:hover {
    background: #e5e9ed;
    border: 1px solid #dae0e6
}

.Button--white:hover.Button--loading,
.Button--white:hover:disabled {
    background: #f7f9fa;
    border: 1px solid #edf1f4;
    color: #b5bec5
}

.Button--white:focus {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(115, 45, 217, .5);
    outline: 0
}

.Button--text {
    background: transparent;
    border: none;
    color: #575d64
}

.Button--text:focus {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #edf1f4;
    outline: 0
}

.Button--disabled,
.Button--disabled:hover,
.Button--loading,
.Button:disabled {
    color: #fff;
    cursor: not-allowed
}

.Button--primary.Button--disabled,
.Button--primary.Button--disabled:hover,
.Button--primary:disabled {
    background: #acd8a0
}

.Button--secondary.Button--disabled,
.Button--secondary.Button--disabled:hover,
.Button--secondary:disabled {
    background: #f7f9fa;
    border: 1px solid #edf1f4;
    color: #b5bec5
}

.Button--negative.Button--disabled,
.Button--negative:disabled,
.Button--ngative.Button--disabled:hover {
    background: #f6b3b3
}

.StepUpReauthModal.CardModal-backdrop {
    z-index: 10002
}

.StepUpReauthModal .CardModal-card {
    border: 1px solid #e8ebed;
    border-radius: 24px;
    box-shadow: 0 20px 48px rgba(23, 12, 55, .12);
    min-height: 432px;
    padding-bottom: 48px;
    width: 568px
}

.StepUpReauthModal .CardModal-closeButtonContainer {
    left: auto;
    padding-left: 0;
    right: 16px;
    top: 16px
}

.StepUpReauthModal .CardModal-closeButton {
    background: transparent;
    box-shadow: none;
    height: 32px;
    width: 32px
}

.StepUpReauthModal .CardModal-closeButton svg polygon {
    fill: #170c37
}

.StepUpReauthModal .CardModal-cardBodyContainer {
    padding: 64px 48px 0
}

.StepUpReauthModal .CardModal-cardFooterContainer {
    padding: 0 48px
}

.StepUpReauthModal .StepUpReauthModal-title {
    color: #170c37;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 12px;
    text-align: center
}

.StepUpReauthModal .StepUpReauthModal-loading {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 120px
}

.StepUpReauthModal .StepUpReauthModal-explanation {
    color: #170c37;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    text-align: center
}

.StepUpReauthModal .StepUpReauthModal-email {
    font-weight: 600
}

.StepUpReauthModal .InputText {
    margin-top: 16px;
    width: 100%
}

.StepUpReauthModal .InputText-input {
    background: #f8f9f9;
    border: 1px solid #81878c;
    border-radius: 4px;
    color: #170c37;
    font-size: 14px;
    height: 48px;
    padding: 0 20px
}

.StepUpReauthModal .InputText-input::-moz-placeholder {
    color: #a6adb3
}

.StepUpReauthModal .InputText-input::placeholder {
    color: #a6adb3
}

.StepUpReauthModal .InputText-input:focus {
    border-color: #542ebc;
    outline: none
}

.StepUpReauthModal .InputText-input--error,
.StepUpReauthModal .InputText-input--error:focus {
    background: rgba(231, 26, 93, .06);
    border-color: #e71a5d
}

.StepUpReauthModal .InputText-input--withAdornment {
    padding-right: 52px
}

.StepUpReauthModal .StepUpReauthModal-passwordToggle {
    align-items: center;
    background: none;
    border: none;
    color: #81878c;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 4px
}

.StepUpReauthModal .StepUpReauthModal-passwordToggle--active,
.StepUpReauthModal .StepUpReauthModal-passwordToggle:focus-visible,
.StepUpReauthModal .StepUpReauthModal-passwordToggle:hover {
    color: #170c37
}

.StepUpReauthModal .StepUpReauthModal-passwordToggle:disabled {
    cursor: default;
    opacity: .5
}

.StepUpReauthModal .StepUpReauthModal-codeWrapper {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

.StepUpReauthModal .StepUpReauthModal-codeGroup {
    width: 336px
}

.StepUpReauthModal .CodeInput {
    gap: 8px;
    width: 100%
}

.StepUpReauthModal .CodeInput-input {
    background: #f8f9f9;
    border: 1px solid #81878c;
    border-radius: 4px;
    color: #170c37;
    flex: 1 1 0;
    font-size: 24px;
    font-weight: 600;
    height: 64px;
    min-width: 0;
    text-align: center;
    width: auto
}

.StepUpReauthModal .CodeInput--error .CodeInput-input {
    background: rgba(231, 26, 93, .06);
    border-color: #e71a5d
}

.StepUpReauthModal .StepUpReauthModal-error {
    color: #e71a5d;
    font-size: 14px;
    line-height: 1.3;
    margin: 8px 0 0;
    text-align: left
}

.StepUpReauthModal .CardModal-cardFooterContainer .Button {
    border-radius: 40px;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 1.3;
    min-height: 40px;
    padding: 0 32px
}

.StepUpReauthModal .Button.Button--brandPurple:not(:disabled):not(.Button--disabled) {
    background: #170c37
}

.StepUpReauthModal .Button.Button--brandPurple:not(:disabled):not(.Button--disabled):focus,
.StepUpReauthModal .Button.Button--brandPurple:not(:disabled):not(.Button--disabled):hover {
    background: #251358
}

.StepUpReauthModal .Button.Button--brandPurple.Button--disabled,
.StepUpReauthModal .Button.Button--brandPurple:disabled {
    background: #cabeea;
    border-color: #cabeea;
    color: #fff
}

.StepUpReauthModal .StepUpReauthModal-resendLink {
    background: none;
    border: none;
    color: #542ebc;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
    padding: 8px 0;
    text-align: center;
    width: 100%
}

.StepUpReauthModal .StepUpReauthModal-resendLink:hover {
    text-decoration: underline
}

.StepUpReauthModal .StepUpReauthModal-resendLink:disabled {
    cursor: default;
    opacity: .5;
    text-decoration: none
}

.StepUpReauthModal .StepUpReauthModal-resent {
    align-items: center;
    color: #64696c;
    display: flex;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    margin: 12px 0 0;
    padding: 8px 0
}

.StepUpReauthModal .StepUpReauthModal-resentCheck {
    color: #542ebc;
    font-weight: 700
}

@media(max-width:768px) {
    .StepUpReauthModal {
        align-items: stretch;
        padding: 0
    }

    .StepUpReauthModal .CardModal-card {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        height: 100%;
        min-height: 100%;
        width: 100%
    }

    .StepUpReauthModal .CardModal-closeButtonContainer {
        display: flex;
        justify-content: flex-end;
        padding: 8px 16px 0;
        position: static;
        right: auto;
        top: auto;
        width: 100%
    }

    .StepUpReauthModal .CardModal-cardBodyContainer {
        padding: 16px 16px 24px
    }

    .StepUpReauthModal .CardModal-cardFooterContainer {
        padding: 0 16px
    }

    .StepUpReauthModal .CardModal-scrollContainer {
        flex: 0 0 auto
    }

    .StepUpReauthModal .StepUpReauthModal-title {
        font-size: 24px;
        text-align: left
    }

    .StepUpReauthModal .StepUpReauthModal-explanation {
        text-align: left
    }

    .StepUpReauthModal .StepUpReauthModal-codeWrapper {
        justify-content: stretch
    }

    .StepUpReauthModal .StepUpReauthModal-codeGroup {
        width: 100%
    }
}

.TopLoadingBar {
    animation-fill-mode: forwards;
    background: linear-gradient(39.64deg, #8457df 25.92%, #a03fc5 89.34%);
    height: 3px;
    left: -100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.TopLoadingBar-loading {
    animation-duration: 2s;
    animation-name: TopLoadingBar-animation-loading;
    animation-timing-function: ease-in-out
}

.TopLoadingBar-loaded {
    animation-duration: .5s;
    animation-name: TopLoadingBar-animation-loaded;
    animation-timing-function: ease-in-out
}

@keyframes TopLoadingBar-animation-loading {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    25% {
        transform: translateX(20%)
    }

    50% {
        transform: translateX(50%)
    }

    75% {
        transform: translateX(60%)
    }

    to {
        transform: translateX(80%)
    }
}

@keyframes TopLoadingBar-animation-loaded {
    0% {
        opacity: 1;
        transform: translateX(80%)
    }

    40% {
        transform: translateX(100%)
    }

    to {
        opacity: 0
    }
}

.CardButton {
    align-self: center;
    background-color: #fff;
    border: 0;
    border-radius: 0 0 7px 7px;
    border-top: 1px solid #e5e7ef;
    color: #747474;
    cursor: pointer;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    text-overflow: ellipsis;
    transition: color .1s ease, background-color .1s ease;
    white-space: nowrap;
    width: 100%
}

.CardButton:focus {
    outline: 0
}

.CardButton:focus,
.CardButton:hover {
    color: #5b5b5b
}

.CardButton+.CardButton {
    border-left: 1px solid #e5e7ef
}

.CardButton--negative {
    color: #e71a5d
}

.CardButton--negative:focus,
.CardButton--negative:hover {
    color: #ba144a
}

.CardButton--negative.CardButton--primary {
    background-color: #e71a5d;
    border-top-color: #e71a5d;
    color: #fff
}

.CardButton--negative.CardButton--primary:focus,
.CardButton--negative.CardButton--primary:hover {
    background-color: #d21653
}

.CardButton+.CardButton--negative.CardButton--primary {
    border-left-color: #e71a5d
}

.CardButton--positive {
    color: #3c8e26
}

.CardButton--positive:focus,
.CardButton--positive:hover {
    color: #2b661b
}

.CardButton--positive.CardButton--primary {
    background-color: #3c8e26;
    border-top-color: #3c8e26;
    color: #fff
}

.CardButton--positive.CardButton--primary:focus,
.CardButton--positive.CardButton--primary:hover {
    background-color: #347a21
}

.CardButton+.CardButton--positive.CardButton--primary {
    border-left-color: #3c8e26
}

.CardButton--disabled,
.CardButton--loading {
    color: #aeaeae;
    cursor: not-allowed
}

.CardButton--disabled:focus,
.CardButton--disabled:hover,
.CardButton--loading:focus,
.CardButton--loading:hover {
    color: #aeaeae
}

.CardButton--disabled.CardButton--primary,
.CardButton--loading.CardButton--primary {
    background-color: #aeaeae;
    border-top: 1px solid #aeaeae;
    color: #fff
}

.CardButton--disabled.CardButton--primary:focus,
.CardButton--disabled.CardButton--primary:hover,
.CardButton--loading.CardButton--primary:focus,
.CardButton--loading.CardButton--primary:hover {
    color: #fff
}

.CardButton--disabled.CardButton--primary.CardButton--negative:focus,
.CardButton--disabled.CardButton--primary.CardButton--negative:hover,
.CardButton--disabled.CardButton--primary.CardButton--positive:focus,
.CardButton--disabled.CardButton--primary.CardButton--positive:hover,
.CardButton--loading.CardButton--primary.CardButton--negative:focus,
.CardButton--loading.CardButton--primary.CardButton--negative:hover,
.CardButton--loading.CardButton--primary.CardButton--positive:focus,
.CardButton--loading.CardButton--primary.CardButton--positive:hover {
    background-color: #aeaeae
}

.CardButton+.CardButton--primary.CardButton--disabled,
.CardButton+.CardButton--primary.CardButton--loading {
    border-left-color: #aeaeae
}

.CardButtons {
    display: flex
}

.CardButtons .CardButton {
    flex: 1 1 0
}

.CardButtons .CardButton:first-child {
    border-radius: 0 0 0 7px
}

.CardButtons .CardButton:last-child {
    border-radius: 0 0 7px 0
}

.Card {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 1px 12px 1px hsla(0, 0%, 75%, .16);
    padding: 30px
}

.Card-title {
    color: #170c37;
    margin-bottom: 30px
}

.Card--noPadding {
    padding: 0
}

.Card--bordered {
    border: 1px solid #d7dfe2;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.Card--centered {
    margin-left: auto;
    margin-right: auto
}

.Card--small {
    max-width: 370px
}

.Card--noShadow {
    box-shadow: none
}

.StatusCard {
    border-radius: 7px;
    margin-left: 7.5px;
    position: relative;
    z-index: 0
}

.StatusCard-outer {
    border-radius: 7px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .1)
}

.StatusCard:before {
    background-color: #d7dfe2;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    bottom: 0;
    content: "";
    left: -7.5px;
    position: absolute;
    top: 0;
    width: 25px;
    z-index: -1
}

.StatusCard--hideIndicator {
    border-left: 1px solid #d7dfe2;
    margin-left: 0
}

.StatusCard--hideIndicator:before {
    display: none
}

.StatusCard--intent_success:before {
    background-color: #3c8e26
}

.StatusCard--intent_brand:before {
    background-color: #732dd9
}

.StatusCard--intent_warning:before {
    background-color: #efc830
}

.StatusCard--intent_danger:before {
    background-color: #eb5757
}

.StatusCard .StatusCard-inner {
    border-left: 0;
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px
}

.StatusCard .StatusCard--small {
    padding: 14px 20px
}

@media(max-width:480px) {
    .StatusCard {
        margin-left: 7px
    }

    .StatusCard:before {
        left: -7px
    }
}

.Toaster-container {
    max-width: 470px;
    position: fixed;
    z-index: 14000
}

.Toaster-container--bottomLeft {
    bottom: 5vh;
    left: 5vh
}

.Toaster-container--topLeft {
    left: 5vh;
    top: 5vh
}

.Toaster-container--bottomRight {
    bottom: 5vh;
    right: 5vh
}

.Toaster-container--topRight {
    right: 5vh;
    top: 5vh
}

@media(max-width:767px) {
    .Toaster-container--mobile {
        bottom: auto;
        left: 10px;
        right: 10px;
        top: 2px;
        z-index: 14000
    }
}

.Toaster-list {
    display: flex;
    flex-direction: column
}

.Toast-Container {
    margin-top: 7.5px
}

@media(max-width:767px) {
    .Toast-Container-enter {
        opacity: 0;
        transform: translateY(-100%)
    }

    .Toast-Container-enter-active {
        opacity: 1;
        transform: translateY(0);
        transition: transform .25s ease-out, opacity .25s ease-in
    }

    .Toast-Container-exit {
        max-height: 75px;
        opacity: 1
    }

    .Toast-Container-exit-active {
        max-height: 0;
        opacity: 0;
        transition: opacity .25s ease-out, max-height .25s ease-in-out
    }
}

@media(min-width:480px) {
    .Toast-Container-enter {
        transform: translateX(-100%)
    }

    .Toast-Container-enter-active {
        transform: translateX(0);
        transition: transform .25s ease-in-out
    }

    .Toast-Container-exit {
        transform: translateX(0)
    }

    .Toast-Container-exit-active {
        transform: translateX(-100%);
        transition: transform .25s ease-in-out
    }
}

.Toast {
    box-shadow: 0 30px 60px -5px rgba(50, 65, 93, .1), 0 18px 36px -18px rgba(50, 65, 93, .15);
    min-width: 250px;
    position: relative;
    transition: rotate .4s ease-out;
    width: -moz-fit-content;
    width: fit-content
}

.Toast:hover .Toast-closeButton {
    opacity: 1
}

.Toast-closeButton {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-color: #edf1f4;
    border: 1px solid #e5e9ed;
    border-radius: 25px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    opacity: 0;
    outline: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: background .1s ease-in, opacity .1s ease-in;
    width: 30px;
    z-index: 1
}

.Toast-closeButton:hover {
    background-color: #e5e9ed
}

.Toast-content {
    color: #575d64;
    font-size: 14px;
    line-height: 21px
}

.Toast-title {
    color: #24272e;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding-right: 30px
}

.Toast-buttonWrapper {
    display: inline-block;
    margin-top: 15px
}

.InputTooltip-container {
    display: inline-block
}

.InputTooltip-iconContainer {
    background: none;
    border: none;
    cursor: pointer
}

.InputTooltip-closeButton {
    margin-top: 25px
}

.InputTooltip-text a {
    color: inherit;
    text-decoration: underline
}

.IconButton {
    align-items: center;
    background: none;
    border: none;
    border-radius: 25px;
    color: #24272e;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 135%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: box-shadow .2s ease-in-out;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content
}

.IconButton>.IconButton-label {
    margin-left: 10px
}

.IconButton.IconButton--alignIconToTheRight>.IconButton-label {
    margin-right: 10px
}

.IconButton:hover {
    cursor: pointer
}

.IconButton:hover .IconButton-icon {
    background: #e5e9ed;
    border: 1px solid #dae0e6
}

.IconButton:focus {
    border-radius: 25px;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(115, 45, 217, .5);
    outline: none
}

.IconButton--disabled,
.IconButton:disabled {
    color: #b5bec5;
    cursor: not-allowed;
    opacity: .5
}

.IconButton--alignIconToTheRight {
    flex-direction: row-reverse
}

.IconButton-icon {
    align-items: center;
    background: #edf1f4;
    border: 1px solid #e5e9ed;
    border-radius: 25px;
    box-sizing: border-box;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.IconButton--small .IconButton-icon {
    height: 22px;
    width: 22px
}

.IconButton--large>.IconButton-label {
    margin-left: 15px
}

.IconButton--large.IconButton--alignIconToTheRight>.IconButton-label {
    margin-right: 15px
}

.IconButton--large .IconButton-icon {
    height: 36px;
    width: 36px
}

.IconButton--extraLarge {
    font-size: 16px
}

.IconButton--extraLarge>.IconButton-label {
    margin-left: 15px
}

.IconButton--extraLarge.IconButton--alignIconToTheRight>.IconButton-label {
    margin-right: 15px
}

.IconButton--extraLarge .IconButton-icon {
    height: 46px;
    width: 46px
}

.IconButton-defaultBorder {
    border: default
}

.BackButton {
    z-index: 1001
}

.BackButton--white {
    background-color: #fff
}

.BackButton--translucid {
    background-color: hsla(0, 0%, 7%, .25);
    border: none;
    box-shadow: none
}

.BackButton--transparent .IconButton-icon,
.BackButton--transparent.IconButton:focus,
.BackButton--transparent.IconButton:hover .IconButton-icon {
    background-color: transparent;
    border: none;
    box-shadow: none
}

.BackButton--transparent .IconButton-label {
    margin-left: 10px
}

.Avatar {
    align-items: center;
    background: #e6c347;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    position: relative;
    width: 36px
}

.Avatar-letter {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.Avatar-notifications {
    align-items: center;
    background: #732dd9;
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: -5px;
    color: #fff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 500;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: -5px;
    width: 18px
}

.AppHeader-LogoLink,
.AppHeader-WunderflatsLogoBadge {
    display: inline-flex
}

@media(min-width:1200px) {
    .AppHeader-WunderflatsLogoBadge {
        display: none
    }
}

.AppHeader-WunderflatsLogo {
    display: none
}

@media(min-width:1200px) {
    .AppHeader-WunderflatsLogo {
        display: inline-flex
    }
}

.AppHeaderNavigation,
.AppHeaderNavigation-List {
    align-items: center;
    display: flex
}

.AppHeaderNavigation-ListItem--languageDropdown {
    display: none
}

@media(min-width:480px) {
    .AppHeaderNavigation-ListItem--languageDropdown {
        display: inline-flex
    }
}

.AppHeader-SignInLink {
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 20px
}

.AppHeader-theme--transparent .AppHeader-SignInLink {
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .35);
    color: #fff
}

.AppHeader-theme--transparent .AppHeader-SignInLink:hover {
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid hsla(0, 0%, 100%, .45)
}

.AppHeader-theme--brandGradient .AppHeader-SignInLink {
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .35);
    color: #fff
}

.AppHeader-theme--brandGradient .AppHeader-SignInLink:hover {
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid hsla(0, 0%, 100%, .45)
}

.AppHeader-theme--white .AppHeader-SignInLink {
    background: #edf1f4;
    border: 1px solid #e5e9ed;
    color: #24272e
}

.AppHeader-theme--white .AppHeader-SignInLink:hover {
    background: #e5e9ed;
    border: 1px solid #e5e9ed
}

.AppHeader-theme--image .AppHeader-SignInLink {
    background: rgba(36, 39, 46, .25);
    border: 1px solid hsla(0, 0%, 100%, .25);
    color: #fff
}

.AppHeader-theme--image .AppHeader-SignInLink:hover {
    background: rgba(36, 39, 46, .35);
    border: 1px solid hsla(0, 0%, 100%, .35)
}

.AppHeader-DesktopLinkList {
    align-items: center;
    display: none
}

.AppHeader-DesktopLinkList-item {
    display: inline-flex;
    margin-right: 2px
}

.AppHeader-DesktopLinkList .AppHeader-Link {
    border-radius: 20px;
    padding: 9px 15px
}

.AppHeader-DesktopLinkList .AppHeader-Link-badge {
    margin-right: -7px
}

@media(min-width:993px) {
    .AppHeader-DesktopLinkList {
        display: flex
    }
}

.AppHeader-theme--basicTransparent .AppHeader-DesktopLinkList .AppHeader-Link--active {
    background: #edf1f4
}

.AppHeader-theme--basicTransparent .AppHeader-DesktopLinkList .AppHeader-Link:hover:not(.AppHeader-Link--active) {
    background: #f7f9fa
}

.AppHeader-theme--basicTransparent .AppHeader-DesktopLinkList .AppHeader-Link-text {
    color: #24272e
}

.AppHeader-theme--basicTransparent .AppHeader-DesktopLinkList .AppHeader-Link-badge {
    background: #732dd9;
    color: #fff
}

.AppHeader-theme--transparent .AppHeader-DesktopLinkList .AppHeader-Link--active {
    background: rgba(36, 39, 46, .2)
}

.AppHeader-theme--transparent .AppHeader-DesktopLinkList .AppHeader-Link:hover:not(.AppHeader-Link--active) {
    background: rgba(36, 39, 46, .1)
}

.AppHeader-theme--transparent .AppHeader-DesktopLinkList .AppHeader-Link-text {
    color: #fff
}

.AppHeader-theme--transparent .AppHeader-DesktopLinkList .AppHeader-Link-badge {
    background: #fff;
    color: #24272e
}

.AppHeader-theme--brandGradient .AppHeader-DesktopLinkList .AppHeader-Link--active {
    background: rgba(36, 39, 46, .2)
}

.AppHeader-theme--brandGradient .AppHeader-DesktopLinkList .AppHeader-Link:hover:not(.AppHeader-Link--active) {
    background: rgba(36, 39, 46, .1)
}

.AppHeader-theme--brandGradient .AppHeader-DesktopLinkList .AppHeader-Link-text {
    color: #fff
}

.AppHeader-theme--brandGradient .AppHeader-DesktopLinkList .AppHeader-Link-badge {
    background: #fff;
    color: #24272e
}

.AppHeader-theme--white .AppHeader-DesktopLinkList .AppHeader-Link--active {
    background: #edf1f4
}

.AppHeader-theme--white .AppHeader-DesktopLinkList .AppHeader-Link:hover:not(.AppHeader-Link--active) {
    background: #f7f9fa
}

.AppHeader-theme--white .AppHeader-DesktopLinkList .AppHeader-Link-text {
    color: #24272e
}

.AppHeader-theme--white .AppHeader-DesktopLinkList .AppHeader-Link-badge {
    background: #732dd9;
    color: #fff
}

.AppHeader-theme--image .AppHeader-DesktopLinkList .AppHeader-Link--active {
    background: rgba(36, 39, 46, .25)
}

.AppHeader-theme--image .AppHeader-DesktopLinkList .AppHeader-Link:hover:not(.AppHeader-Link--active) {
    background: rgba(36, 39, 46, .15)
}

.AppHeader-theme--image .AppHeader-DesktopLinkList .AppHeader-Link-text {
    color: #fff
}

.AppHeader-theme--image .AppHeader-DesktopLinkList .AppHeader-Link-badge {
    background: #fff;
    color: #24272e
}

.AppHeader-LanguageDropdown {
    display: inline-flex;
    position: relative
}

.AppHeader-LanguageDropdownButton {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 20px;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    outline: none;
    width: 40px
}

.AppHeader-LanguageDropdownList {
    background: #fff;
    border: 1px solid #e5e9ed;
    border-radius: 7px;
    box-sizing: border-box;
    min-width: 140px;
    padding: 5px;
    position: absolute;
    right: -10px;
    top: 45px;
    z-index: 10
}

.AppHeader-LanguageDropdownLink {
    align-items: center;
    border-radius: 5px;
    display: flex;
    padding: 7px 5px
}

.AppHeader-LanguageDropdownLink-flag {
    border: 1px solid #e8ebed;
    border-radius: 50%;
    display: inline-flex
}

.AppHeader-LanguageDropdownLink-text {
    color: #24272e;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px
}

.AppHeader-LanguageDropdownLink:not(.AppHeader-LanguageDropdownLink--active):hover {
    background-color: #f7f9fa
}

.AppHeader-theme--transparent .AppHeader-LanguageDropdownButton:hover {
    background-color: rgba(36, 39, 46, .1)
}

.AppHeader-theme--transparent .AppHeader-LanguageDropdownButton--active {
    background-color: rgba(36, 39, 46, .1)
}

.AppHeader-theme--white .AppHeader-LanguageDropdownButton:hover {
    background-color: #f7f9fa
}

.AppHeader-theme--white .AppHeader-LanguageDropdownButton--active {
    background-color: #edf1f4
}

.AppHeader-theme--image .AppHeader-LanguageDropdownButton:hover {
    background-color: rgba(36, 39, 46, .15)
}

.AppHeader-theme--image .AppHeader-LanguageDropdownButton--active {
    background-color: rgba(36, 39, 46, .25)
}

.AppHeaderUserMenu-ToggleButton-desktop {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 27px;
    cursor: pointer;
    display: none;
    margin-right: -15px;
    outline: none;
    padding: 7px 15px 7px 7px
}

@media(min-width:480px) {
    .AppHeaderUserMenu-ToggleButton-desktop {
        display: inline-flex
    }
}

.AppHeaderUserMenu-ToggleButton-mobile {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    outline: none;
    position: relative;
    width: 36px
}

@media(min-width:993px) {
    .AppHeaderUserMenu-ToggleButton-mobile {
        display: none
    }
}

@media(min-width:480px) {
    .AppHeaderUserMenu-ToggleButton-mobile--loggedIn {
        display: none
    }
}

.AppHeaderUserMenu-ToggleButton-mobile:hover {
    cursor: pointer
}

.AppHeaderUserMenu-notifications {
    align-items: center;
    border-radius: 50%;
    bottom: -5px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 500;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: -5px;
    width: 18px
}

.AppHeader-theme--basicTransparent .AppHeaderUserMenu-ToggleButton--active {
    background: #edf1f4
}

.AppHeader-theme--basicTransparent .AppHeaderUserMenu-ToggleButton-desktop:hover:not(.AppHeaderUserMenu-ToggleButton--active) {
    background: #f7f9fa
}

.AppHeader-theme--basicTransparent .AppHeaderUserMenu-ToggleButton-mobile {
    background: #e5e9ed;
    border: 1px solid #dae0e6
}

.AppHeader-theme--basicTransparent .AppHeaderUserMenu-notifications {
    background: #732dd9;
    border: 1px solid #fff;
    color: #fff
}

.AppHeader-theme--basicTransparent .AppHeaderUserMenu-BurgerMenuIcon-line {
    fill: #24272e
}

.AppHeader-theme--transparent .AppHeaderUserMenu-ToggleButton--active {
    background: rgba(36, 39, 46, .2)
}

.AppHeader-theme--transparent .AppHeaderUserMenu-ToggleButton-desktop:hover:not(.AppHeaderUserMenu-ToggleButton--active) {
    background: rgba(36, 39, 46, .1)
}

.AppHeader-theme--transparent .AppHeaderUserMenu-ToggleButton-mobile {
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .35)
}

.AppHeader-theme--transparent .AppHeaderUserMenu-notifications {
    background: #fff;
    border: 1px solid #fff;
    color: #24272e
}

.AppHeader-theme--transparent .AppHeaderUserMenu-Avatar {
    border: 1px solid hsla(0, 0%, 100%, .45)
}

.AppHeader-theme--transparent .AppHeaderUserMenu-BurgerMenuIcon-line {
    fill: #fff
}

.AppHeader-theme--white .AppHeaderUserMenu-ToggleButton--active {
    background: #edf1f4
}

.AppHeader-theme--white .AppHeaderUserMenu-ToggleButton-desktop:hover:not(.AppHeaderUserMenu-ToggleButton--active) {
    background: #f7f9fa
}

.AppHeader-theme--white .AppHeaderUserMenu-ToggleButton-mobile {
    background: #edf1f4;
    border: 1px solid #e5e9ed
}

.AppHeader-theme--white .AppHeaderUserMenu-notifications {
    background: #732dd9;
    border: 1px solid #fff;
    color: #fff
}

.AppHeader-theme--white .AppHeaderUserMenu-BurgerMenuIcon-line {
    fill: #24272e
}

.AppHeader-theme--image .AppHeaderUserMenu-ToggleButton--active {
    background: rgba(36, 39, 46, .25)
}

.AppHeader-theme--image .AppHeaderUserMenu-ToggleButton-desktop:hover:not(.AppHeaderUserMenu-ToggleButton--active) {
    background: rgba(36, 39, 46, .15)
}

.AppHeader-theme--image .AppHeaderUserMenu-ToggleButton-mobile {
    background: rgba(36, 39, 46, .25);
    border: 1px solid hsla(0, 0%, 100%, .25)
}

.AppHeader-theme--image .AppHeaderUserMenu-notifications {
    background: #fff;
    color: #24272e
}

.AppHeader-theme--image .AppHeaderUserMenu-Avatar {
    border: 1px solid hsla(0, 0%, 100%, .45)
}

.AppHeader-theme--image .AppHeaderUserMenu-BurgerMenuIcon-line {
    fill: #fff
}

.AppHeader-theme--brandGradient .AppHeaderUserMenu-ToggleButton--active {
    background: rgba(36, 39, 46, .2)
}

.AppHeader-theme--brandGradient .AppHeaderUserMenu-ToggleButton-desktop:hover:not(.AppHeaderUserMenu-ToggleButton--active) {
    background: rgba(36, 39, 46, .1)
}

.AppHeader-theme--brandGradient .AppHeaderUserMenu-ToggleButton-mobile {
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .35)
}

.AppHeader-theme--brandGradient .AppHeaderUserMenu-notifications {
    background: #fff;
    border: 1px solid #fff;
    color: #24272e
}

.AppHeader-theme--brandGradient .AppHeaderUserMenu-Avatar {
    border: 1px solid hsla(0, 0%, 100%, .45)
}

.AppHeader-theme--brandGradient .AppHeaderUserMenu-BurgerMenuIcon-line {
    fill: #fff
}

@media(min-width:480px) {
    .AppHeaderUserMenu-ToggleButton--userIsLoggedIn .Avatar {
        margin-right: 7px
    }
}

.AppHeaderDrawer {
    padding-top: 20px
}

.AppHeaderDrawer-children {
    padding: 0
}

.AppHeaderDrawer-avatar {
    align-items: center;
    background: #e6c347;
    border-radius: 50%;
    color: #f9fafb;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    height: 60px;
    justify-content: center;
    margin: 0 auto;
    text-transform: uppercase;
    width: 60px
}

.AppHeaderDrawer-name {
    color: #24272e;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center
}

.AppHeaderDrawer-warning {
    color: #575d64;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin: 3px auto 0;
    max-width: 256px;
    text-align: center
}

.AppHeaderDrawer-LinkList {
    margin-top: 35px
}

.AppHeaderDrawer-LinkList-item {
    margin: 0 5px
}

.AppHeaderDrawer .AppHeader-Link {
    flex-wrap: wrap;
    padding: 15px 15px 0
}

.AppHeaderDrawer .AppHeader-Link:after {
    border-bottom: 1px solid #edf1f4;
    content: "";
    margin-top: 14px;
    width: 100%
}

.AppHeaderDrawer .AppHeader-Link--active {
    background: #edf1f4;
    border-radius: 5px
}

.AppHeaderDrawer .AppHeader-Link-text {
    color: #24272e;
    font-size: 16px;
    font-weight: 600
}

.AppHeaderDrawer .AppHeader-Link-badge {
    background: #732dd9;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    width: 26px
}

.AppHeaderDrawer-LinkList-item {
    margin-top: -1px
}

.AppHeaderDrawer-LinkList-item:first-child {
    margin-top: 0
}

.AppHeaderDrawer-LinkList-item:last-child>.AppHeader-Link:after {
    border: none
}

.AppHeaderDrawer-LinkList-bottom {
    background: #f7f9fa;
    border-top: 1px solid #e5e9ed;
    margin-top: 15px;
    padding-bottom: 20px
}

.AppHeaderDrawer-LinkList-bottom .AppHeader-Link-text {
    font-size: 14px;
    font-weight: 500
}

.AppHeaderDrawer-LinkList-bottom .AppHeader-Link-logoutLink .AppHeader-Link-text {
    color: #eb5757
}

.AppHeaderDrawer-signInButton {
    padding: 0 20px;
    text-align: center
}

.AppHeaderDrawer-signInButton-link {
    align-items: center;
    background: #47a82d;
    border-radius: 25px;
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    justify-content: center;
    width: 100%
}

.AppHeaderDesktopUserMenu {
    background-color: #fff;
    border: 1px solid #e5e9ed;
    border-radius: 7px;
    box-shadow: 0 25px 50px -3px rgba(50, 50, 93, .1), 0 12px 24px -12px rgba(50, 50, 93, .15);
    padding-bottom: 7.5px;
    padding-top: 15px;
    position: absolute;
    top: 40px;
    width: 190px;
    z-index: 10
}

.AppHeaderDesktopUserMenu--loggedIn {
    top: 55px
}

.AppHeaderDesktopUserMenu--active {
    display: block
}

@media(max-width:992px) {
    .AppHeaderDesktopUserMenu {
        right: 10px
    }
}

@media(min-width:993px) {
    .AppHeaderDesktopUserMenu {
        right: -25px
    }
}

.AppHeaderDesktopUserMenu--medium {
    display: none;
    right: -20px
}

@media(max-width:992px) {
    .AppHeaderDesktopUserMenu--medium {
        display: block
    }
}

.AppHeaderDesktopUserMenu--large {
    display: none
}

@media(min-width:993px) {
    .AppHeaderDesktopUserMenu--large {
        display: block
    }
}

.AppHeaderDesktopUserMenu-username {
    color: #24272e;
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px
}

.AppHeaderDesktopUserMenu-warning {
    color: #575d64;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 0 15px
}

.AppHeaderDesktopUserMenu-LinkList {
    margin: 0 5px
}

.AppHeaderDesktopUserMenu-LinkList--loggedIn {
    margin-top: 15px
}

.AppHeaderDesktopUserMenu-LinkList .AppHeader-Link {
    border-radius: 5px;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 10px 0
}

.AppHeaderDesktopUserMenu-LinkList .AppHeader-Link:after {
    border-bottom: 1px solid #edf1f4;
    content: "";
    margin-top: 7px;
    width: 100%;
    z-index: -1
}

.AppHeaderDesktopUserMenu-LinkList .AppHeader-Link:hover {
    background: #f7f9fa
}

.AppHeaderDesktopUserMenu-LinkList .AppHeader-Link-text {
    color: #24272e
}

.AppHeaderDesktopUserMenu-LinkList .AppHeader-Link-badge {
    background: #732dd9;
    color: #fff
}

.AppHeaderDesktopUserMenu-LinkList .AppHeader-Link-logoutLink:hover {
    background: #fcf4f4
}

.AppHeaderDesktopUserMenu-LinkList .AppHeader-Link-logoutLink .AppHeader-Link-text {
    color: #eb5757
}

.AppHeaderDesktopUserMenu-LinkList-item {
    margin-top: -1px
}

.AppHeaderDesktopUserMenu-LinkList-item:last-child>.AppHeader-Link:after {
    border: none
}

.AppHeaderDesktopUserMenu-separator {
    border: 0;
    border-top: 3px solid #edf1f4;
    margin: 5px 0
}

.AppHeaderDesktopUserMenu--signInButton {
    margin-top: 5px;
    padding: 0 10px 5px;
    text-align: center
}

.AppHeaderUserMenu {
    position: relative
}

@media(max-width:768px) {
    .AppHeaderUserMenu .Avatar {
        display: inline-flex
    }
}

.AppHeaderNavigation-ListItem-signInLink {
    display: none;
    margin-left: 15px
}

@media(min-width:993px) {
    .AppHeaderNavigation-ListItem-signInLink {
        display: block
    }
}

.AppHeader-Link-inviteLandlords-credit {
    display: flex
}

.AppHeader-Link-inviteLandlords-creditText {
    color: #575d64;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding-right: 2px
}

.AppHeader-Link-inviteLandlords-creditValue {
    color: #24272e;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px
}

.AppHeader {
    align-items: center;
    display: flex;
    height: 70px;
    padding: 0 15px;
    width: 100%
}

.AppHeader-children {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-left: 15px;
    margin-right: 15px
}

.AppHeader-children .GeocodingInputSearch {
    max-width: 340px
}

@media(min-width:768px) {
    .AppHeader-children .GeocodingInputSearch {
        max-width: 430px
    }
}

@media(min-width:480px) {
    .AppHeader-children {
        margin-right: 0
    }
}

@media(min-width:1000px) {
    .AppHeader-children {
        margin-left: 20px
    }
}

@media(min-width:1200px) {
    .AppHeader-children {
        margin-left: 25px
    }
}

@media(max-width:767px) {
    .AppHeader {
        height: 64px
    }
}

@media(min-width:993px) {
    .AppHeader {
        padding: 0 30px
    }
}

.AppHeader-container {
    display: flex;
    height: 100%;
    justify-content: space-between;
    text-align: left;
    width: 100%
}

.AppHeader-brand {
    align-items: center;
    display: flex
}

.AppHeader-backButton {
    height: 36px;
    outline: none;
    width: 36px
}

.AppHeader-theme--basicTransparent {
    background: none
}

.AppHeader-theme--basicTransparent .AppHeader-container--border {
    border: none
}

.AppHeader-theme--basicTransparent .WunderflatsLogo-lettering {
    fill: #24272e
}

.AppHeader-theme--transparent {
    background: none
}

.AppHeader-theme--transparent .AppHeader-container--border {
    border-bottom: 1px solid rgba(229, 233, 237, .25)
}

.AppHeader-theme--transparent .AppHeader-WunderflatsLogo .logo,
.AppHeader-theme--transparent .WunderflatsLogo-lettering,
.AppHeader-theme--transparent .WunderflatsLogo-shape,
.AppHeader-theme--transparent .WunderflatsLogoBadge-shape {
    fill: #fff
}

.AppHeader-theme--white {
    background: #fff
}

.AppHeader-theme--white .AppHeader-container--border {
    border-bottom: 1px solid rgba(229, 233, 237, .95)
}

.AppHeader-theme--white .WunderflatsLogo-lettering {
    fill: #24272e
}

.AppHeader-theme--image {
    background: none
}

.AppHeader-theme--image .AppHeader-container--border {
    border-bottom: 1px solid hsla(0, 0%, 100%, .25)
}

.AppHeader-theme--image .WunderflatsLogo-lettering,
.AppHeader-theme--image .WunderflatsLogo-shape,
.AppHeader-theme--image .WunderflatsLogoBadge-shape {
    fill: #fff
}

.AppHeader-theme--image .AppHeader-backButton {
    background: rgba(36, 39, 46, .25);
    border: 1px solid hsla(0, 0%, 100%, .25)
}

.AppHeader-theme--image .AppHeader-WunderflatsLogo .logo,
.AppHeader-theme--image .AppHeader-WunderflatsLogoBadge .clipPath,
.AppHeader-theme--image .AppHeader-WunderflatsLogoBadge .clipPath-second {
    fill: #fff
}

.AppHeader-theme--brandGradient {
    background: linear-gradient(155.25deg, rgba(107, 37, 223, 0) 48.74%, #8122e2 92.9%), linear-gradient(.931turn, rgba(107, 37, 223, 0) 55.62%, #5826e4 99.6%), linear-gradient(50.88deg, rgba(107, 37, 223, 0) 28.21%, #8622e3 83.2%), #6c22de
}

.AppHeader-theme--brandGradient .AppHeader-container--border {
    border-bottom: 1px solid rgba(229, 233, 237, .25)
}

.AppHeader-theme--brandGradient .AppHeader-WunderflatsLogo .logo,
.AppHeader-theme--brandGradient .AppHeader-WunderflatsLogoBadge .clipPath,
.AppHeader-theme--brandGradient .AppHeader-WunderflatsLogoBadge .clipPath-second,
.AppHeader-theme--brandGradient .WunderflatsLogo-lettering,
.AppHeader-theme--brandGradient .WunderflatsLogo-shape,
.AppHeader-theme--brandGradient .WunderflatsLogoBadge-shape {
    fill: #fff
}

.AppHeader-Link {
    align-items: center;
    display: flex
}

.AppHeader-Link-icon {
    display: inline-flex;
    margin-right: 16px
}

.AppHeader-Link-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.AppHeader-Link-badge {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 10px;
    font-weight: 500;
    height: 22px;
    justify-content: center;
    margin-left: 6px;
    width: 22px
}

.AppHeader-Link--expand .AppHeader-Link-badge {
    margin-left: auto
}

.AppHeader-DropdownTransition-enter {
    opacity: 0;
    transform: translateY(-5px);
    transition: all .15s
}

.AppHeader-DropdownTransition-enter-active {
    opacity: 1;
    transform: translateY(0)
}

.AppHeader-DropdownTransition-exit {
    opacity: 1;
    transform: translateY(0);
    transition: all .15s
}

.AppHeader-DropdownTransition-exit-active {
    opacity: 0;
    transform: translateY(-5px)
}

.Accordion-headline {
    color: #7b8389;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.Accordion-details {
    background-position: bottom;
    border-bottom: 1px solid #dae0e6;
    border-top: 1px solid transparent;
    margin-top: -1px;
    padding: 5px 0;
    position: relative;
    transition: border-color .15s, background .15s;
    word-break: break-word
}

.non-touch .Accordion-details:focus-within,
.non-touch .Accordion-details:hover {
    background: #f7f9fa;
    border-bottom-color: transparent;
    border-radius: 7px;
    border-top-color: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1
}

.non-touch .Accordion-details[open]:focus-within,
.non-touch .Accordion-details[open]:hover {
    background: transparent;
    border-bottom-color: #dae0e6;
    border-radius: 0;
    border-top-color: transparent;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.Accordion-details:last-of-type {
    margin-bottom: 20px
}

@media(min-width:720px) {
    .Accordion-details:last-of-type {
        margin-bottom: 25px
    }
}

.Accordion-details-answer {
    margin-bottom: 20px;
    max-width: 1000px;
    white-space: pre-line;
    word-break: break-word
}

.Accordion-details[open] .Accordion-details-answer {
    animation: fadeInAndDrop .2s ease-out
}

.Accordion-details-summary {
    display: block
}

.Accordion-details-summary::-webkit-details-marker {
    display: none
}

.Accordion-details-summary {
    border: 1px solid transparent;
    cursor: pointer;
    padding: 20px 0;
    width: 100%
}

.Accordion-details-summary:focus {
    outline: none
}

.Accordion-details-summary-wrapper {
    color: #24272e;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: 24px
}

@media(min-width:720px) {
    .Accordion-details-summary-wrapper {
        color: #24272e;
        font-family: Poppins, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px
    }
}

.Accordion-details-summary-subtitle {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px
}

.Accordion-details-summary-arrowContainer {
    align-items: center;
    background: #edf1f4;
    border: 1px solid #e5e9ed;
    border-radius: 100%;
    display: flex;
    height: 26px;
    justify-content: center;
    margin-left: 10px;
    min-height: 26px;
    min-width: 26px;
    transition: all .2s ease-out;
    width: 26px
}

.Accordion-details[open] .Accordion-details-summary-arrowContainer {
    transform: rotate(180deg) translateZ(0);
    transform-origin: center
}

.Accordion-details-summary-arrowContainer:focus {
    outline: none
}

.Accordion-details-summary-arrowContainer-arrow {
    border: 4px solid transparent;
    border-top: 5px solid #24272e;
    margin-top: 5px;
    transform-origin: center center
}

.Accordion-details-summary-arrowContainer-arrow:focus {
    outline: none
}

.Accordion-viewMore {
    align-items: center;
    border-radius: 30px;
    display: inline-flex;
    margin-left: -20px;
    padding: 10px 20px;
    transition: background .15s
}

.non-touch .Accordion-viewMore:hover {
    background: #eee2ff
}

.Accordion-viewMore-text {
    color: #24272e;
    color: #732dd9;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-right: 7px
}

@media(min-width:720px) {
    .Accordion-viewMore-text {
        color: #24272e;
        color: #732dd9;
        font-family: Poppins, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px
    }
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane>canvas,
.leaflet-pane>svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
    left: 0;
    position: absolute;
    top: 0
}

.leaflet-container {
    overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::selection {
    background: transparent
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    height: 1600px;
    -webkit-transform-origin: 0 0;
    width: 1600px
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-overlay-pane svg {
    max-height: none !important;
    max-width: none !important
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    max-height: none !important;
    max-width: none !important;
    padding: 0;
    width: auto
}

.leaflet-container img.leaflet-tile {
    mix-blend-mode: plus-lighter
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    width: 0;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    height: 1px;
    width: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    pointer-events: visiblePainted;
    pointer-events: auto;
    position: relative;
    z-index: 800
}

.leaflet-bottom,
.leaflet-top {
    pointer-events: none;
    position: absolute;
    z-index: 1000
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    clear: both;
    float: left
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

svg.leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline-offset: 1px
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-zoom-box {
    background: hsla(0, 0%, 100%, .5);
    border: 2px dotted #38f
}

.leaflet-container {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.leaflet-bar {
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65)
}

.leaflet-bar a {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #000;
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    text-decoration: none;
    width: 26px
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:focus,
.leaflet-bar a:hover {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.leaflet-bar a.leaflet-disabled {
    background-color: #f4f4f4;
    color: #bbb;
    cursor: default
}

.leaflet-touch .leaflet-bar a {
    height: 30px;
    line-height: 30px;
    width: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: 700 18px Lucida Console, Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4)
}

.leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
    height: 36px;
    width: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    height: 44px;
    width: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    background: #fff;
    color: #333;
    padding: 6px 10px 6px 6px
}

.leaflet-control-layers-scrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block;
    font-size: 13px;
    font-size: 1.08333em
}

.leaflet-control-layers-separator {
    border-top: 1px solid #ddd;
    height: 0;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: hsla(0, 0%, 100%, .8);
    margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    color: #333;
    line-height: 1.4;
    padding: 0 5px
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:focus,
.leaflet-control-attribution a:hover {
    text-decoration: underline
}

.leaflet-attribution-flag {
    display: inline !important;
    height: .6669em;
    vertical-align: baseline !important;
    width: 1em
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    background: hsla(0, 0%, 100%, .8);
    border: 2px solid #777;
    border-top: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.1;
    padding: 2px 5px 1px;
    text-shadow: 1px 1px #fff;
    white-space: nowrap
}

.leaflet-control-scale-line:not(:first-child) {
    border-bottom: none;
    border-top: 2px solid #777;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
    box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
    background-clip: padding-box;
    border: 2px solid rgba(0, 0, 0, .2)
}

.leaflet-popup {
    margin-bottom: 20px;
    position: absolute;
    text-align: center
}

.leaflet-popup-content-wrapper {
    border-radius: 12px;
    padding: 1px;
    text-align: left
}

.leaflet-popup-content {
    font-size: 13px;
    font-size: 1.08333em;
    line-height: 1.3;
    margin: 13px 24px 13px 20px;
    min-height: 1px
}

.leaflet-popup-content p {
    margin: 1.3em 0
}

.leaflet-popup-tip-container {
    height: 20px;
    left: 50%;
    margin-left: -20px;
    margin-top: -1px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 40px
}

.leaflet-popup-tip {
    height: 17px;
    margin: -10px auto 0;
    padding: 1px;
    pointer-events: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 17px
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4);
    color: #333
}

.leaflet-container a.leaflet-popup-close-button {
    background: transparent;
    border: none;
    color: #757575;
    font: 16px/24px Tahoma, Verdana, sans-serif;
    height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 24px
}

.leaflet-container a.leaflet-popup-close-button:focus,
.leaflet-container a.leaflet-popup-close-button:hover {
    color: #585858
}

.leaflet-popup-scrolled {
    overflow: auto
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
    margin: 0 auto;
    width: 24px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    color: #222;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
    background: transparent;
    border: 6px solid transparent;
    content: "";
    pointer-events: none;
    position: absolute
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    border-top-color: #fff;
    bottom: 0;
    margin-bottom: -12px
}

.leaflet-tooltip-bottom:before {
    border-bottom-color: #fff;
    margin-left: -6px;
    margin-top: -12px;
    top: 0
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    margin-top: -6px;
    top: 50%
}

.leaflet-tooltip-left:before {
    border-left-color: #fff;
    margin-right: -12px;
    right: 0
}

.leaflet-tooltip-right:before {
    border-right-color: #fff;
    left: 0;
    margin-left: -12px
}

@media print {
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

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

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

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

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

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

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

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

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

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

:root {
    --scrollbarWidth: 0px
}

body,
html {
    height: 100%;
    position: relative
}

body {
    background-color: #fff;
    margin: 0;
    width: 100%
}

.wrapper {
    margin: 0 auto;
    max-width: 1120px;
    text-align: left
}

fieldset {
    border: 0
}

a {
    cursor: pointer;
    text-decoration: none
}

img {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

ul {
    list-style-type: none
}

figure {
    margin: 0
}

#main,
.view {
    height: 100%;
    position: relative
}

.error-message {
    color: #e71a5d;
    font-size: 12px
}

.error {
    color: #e71a5d
}

.warning {
    color: #efc830
}

a.btn {
    display: inline-block;
    vertical-align: middle
}

.btn,
a.btn {
    border: none;
    border-radius: 20px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px
}

.btn:focus,
a.btn:focus {
    outline: 0
}

.btn-action,
a.btn-action {
    background-color: #47a82d;
    color: #fff;
    font-weight: 700
}

.btn-action:hover,
a.btn-action:hover {
    background-color: #429c2a
}

.btn-full,
a.btn-full {
    display: block;
    text-align: center;
    width: 100%
}

.btn-danger,
a.btn-danger {
    background: #e71a5d;
    color: #fff
}

.btn-link,
a.btn-link {
    background: none;
    border: 0;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    height: auto;
    line-height: normal;
    padding: 0;
    text-decoration: underline
}

.btn-link:hover,
a.btn-link:hover {
    text-decoration: none
}

.btn-link--danger,
a.btn-link--danger {
    color: #e71a5d
}

.btn-link--full-width,
a.btn-link--full-width {
    width: 100%
}

.btn-link:disabled,
.btn-link[disabled],
a.btn-link:disabled,
a.btn-link[disabled] {
    background: none !important;
    color: #aeaeae !important
}

.btn-warning,
a.btn-warning {
    background: #efc830;
    color: #fff
}

.btn-warning:hover,
a.btn-warning:hover {
    background: #dbb211
}

.btn-secondary,
a.btn-secondary {
    background: none;
    border: 2px solid #bdc3d5;
    color: #343434;
    font-weight: 700;
    line-height: 34px
}

.btn-secondaryAlt,
a.btn-secondaryAlt {
    background: hsla(0, 0%, 100%, .25);
    border: none;
    color: hsla(0, 0%, 100%, .75);
    font-weight: 400
}

.btn-delete,
a.btn-delete {
    background: none;
    border: 2px solid #e71a5d;
    color: #e71a5d
}

.btn-brand,
a.btn-brand {
    background-color: #732dd9;
    color: #fff
}

.btn-brand:hover,
a.btn-brand:hover {
    background-color: #6b26d1
}

.btn:hover,
a.btn:hover {
    cursor: pointer
}

.btn:disabled,
a.btn:disabled {
    background-color: #aeaeae;
    color: #fff;
    cursor: not-allowed
}

.btn-disabled,
a.btn-disabled {
    background-color: #aeaeae;
    color: #fff;
    cursor: not-allowed;
    pointer-events: none
}

.btn-jumbo,
a.btn-jumbo {
    border-radius: 100px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 40px
}

.btn-action.btn-loading {
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAB/AVv///1DNe4rdpl7RhXbYmM7w2rLpxUDJbzXGZ1jQgeP26vr9+wAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px;
    color: hsla(0, 0%, 100%, 0)
}

.txt-clip {
    text-overflow: ellipsis;
    white-space: nowrap
}

.txt-light {
    color: #aeaeae
}

.price {
    background: #4f2892;
    border-radius: 13px;
    color: #fff;
    display: inline-block;
    line-height: 16px;
    padding: 4.5px 13px 5.5px
}

.view .Select-arrow {
    border: 3px solid transparent;
    border-top: 4px solid #000
}

.full-width {
    width: 100%
}

.full-height {
    height: 100%
}

.ImageGalleryModal,
.Modal {
    z-index: 10001
}

.ImageGalleryModal .btn-close,
.Modal .btn-close {
    z-index: 200
}

.AppHeader {
    z-index: 100
}

.Create-popover {
    z-index: 50
}

.fieldset {
    border: 0;
    margin: 30px 0;
    min-width: 0;
    padding: 0
}

.input,
.textarea {
    border: 2px solid #e5e7ef;
    border-radius: 3px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 15px;
    padding: 13px 15px;
    transition: border-color .1s ease
}

.input:hover,
.textarea:hover {
    border-color: #c5cadc
}

.input:focus,
.textarea:focus {
    border-color: #732dd9;
    outline: 0
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
    color: #aeaeae
}

.input:-moz-placeholder,
.input::-moz-placeholder,
.textarea:-moz-placeholder,
.textarea::-moz-placeholder {
    color: #aeaeae;
    opacity: 1
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
    color: #aeaeae
}

.input::-ms-input-placeholder,
.textarea::-ms-input-placeholder {
    color: #aeaeae
}

.textarea {
    line-height: 30px;
    min-height: 240px;
    width: 100%
}

.textarea--small {
    min-height: 120px
}

.asterisk {
    color: #e04e4e;
    padding-left: 5px
}

.tableGrid-row {
    display: table;
    table-layout: fixed;
    width: 100%
}

.tableGrid-row--layoutAuto {
    table-layout: auto
}

.tableGrid-column {
    display: table-cell;
    vertical-align: top
}

.pageSection {
    padding: 120px 0
}

@media(max-width:768px) {
    .pageSection {
        padding: 60px 0
    }
}

.pageSection-inner {
    margin: 0 auto;
    max-width: 1170px;
    padding: 0 30px
}

@media(max-width:768px) {
    .pageSection-inner {
        padding: 0 15px
    }
}

.grid-row {
    margin: 0 0 15px;
    *zoom: 1
}

.grid-row:after,
.grid-row:before {
    content: "";
    display: table
}

.grid-row:after {
    clear: both
}

.grid-col {
    float: left;
    padding: 0 15px
}

.grid-col--first,
.grid-col:first-child {
    padding-left: 0
}

.grid-col--last,
.grid-col:last-child {
    padding-right: 0
}

.grid-col--half {
    width: 50%
}

.grid-col--third {
    width: 33.333%
}

.grid-col--quarter {
    width: 25%
}

@media(max-width:767px) {
    .grid-row--collapse-on-small {
        margin: 0
    }

    .grid-row--collapse-on-small .grid-col {
        margin: 0 0 15px;
        padding: 0;
        width: 100%
    }
}

@media(max-width:480px) {
    .grid-row--collapse-on-xsmall {
        margin: 0
    }

    .grid-row--collapse-on-xsmall .grid-col {
        margin: 0 0 15px;
        padding: 0;
        width: 100%
    }
}

.Popover-card {
    background: #fff;
    border: 2px solid #e5e7ef;
    border-radius: 7px;
    padding: 1.5em;
    pointer-events: all
}

.Popover--position-bottom-left,
.Popover--position-bottom-right {
    margin-top: 5px
}

.Popover--position-top-left,
.Popover--position-top-right {
    margin-top: -5px
}

.SimpleModal-visible {
    overflow: hidden;
    pointer-events: none
}

.SimpleModal {
    background-image: conic-gradient(from 150deg at 50% 50%, rgba(64, 34, 147, .9) -15deg, rgba(84, 46, 188, .9) 38deg, rgba(88, 51, 188, .9) 173deg, rgba(64, 34, 147, .9) 345deg, rgba(84, 46, 188, .9) 398deg);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    animation: appear .2s;
    overflow: auto;
    pointer-events: all;
    z-index: 9999
}

.SimpleModal-inner {
    left: 50%;
    max-height: calc(100vh - 120px);
    max-width: 1024px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.SimpleModal--backdropStyle_light {
    background-image: none;
    background: rgba(0, 0, 0, .4)
}

.SimpleModal--size_medium .SimpleModal-inner {
    max-width: 540px
}

.SimpleModal-close {
    background: none;
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: -22px;
    top: -22px;
    z-index: 100
}

.SimpleModal-close:before {
    color: #fff;
    content: "";
    font-family: budicon;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px
}

@media(max-width:767px) {
    .SimpleModal-close {
        right: 22px
    }
}

@media(max-width:480px) {
    .SimpleModal-close {
        right: 15px;
        top: 6px
    }
}

.FormCardModal .SimpleModal-inner {
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 7px 24px 8px rgba(0, 0, 0, .15);
    max-width: calc(100% - 15px);
    width: 480px
}

.FormCardModal-main {
    padding: 30px 30px 0
}

.FormCardModal-main p {
    line-height: 22.5px;
    margin-bottom: 15px
}

.FormCardModal-main .ErrorMessage {
    margin-top: 15px
}

.FormCardModal-footer {
    margin-top: 30px
}

.leaflet-popup {
    margin-bottom: 45px
}

.leaflet-popup-content-wrapper {
    border-radius: 0;
    padding: 0
}

.leaflet-popup-content {
    margin: 0 -1px 0 0
}

.Modal {
    animation: appear .2s;
    background-image: conic-gradient(from 150deg at 50% 50%, rgba(64, 34, 147, .9) -15deg, rgba(84, 46, 188, .9) 38deg, rgba(88, 51, 188, .9) 173deg, rgba(64, 34, 147, .9) 345deg, rgba(84, 46, 188, .9) 398deg);
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch
}

.Modal.plainBackground {
    background-color: rgba(60, 33, 133, .847);
    background-image: none
}

.Modal--centered {
    align-items: flex-start;
    display: flex
}

@media(min-width:768px) {
    .Modal--centered {
        align-items: center
    }

    .Modal--transparentBackground {
        background-image: none
    }
}

.Modal--transparentBackground .Modal-body .btn-close {
    right: 12px;
    top: 18px
}

.Modal--transparentBackground .Modal-body .btn-close:before {
    color: #343434
}

@media(max-width:480px) {
    .Modal--transparentBackground .Modal-body .btn-close {
        right: 30px;
        top: 36px
    }
}

.Modal--transparentBackground .Modal-footer {
    color: inherit;
    padding: 30px 0 0
}

.Modal--transparentBackground .Modal-footer-link {
    color: #3b5998
}

.Modal-body {
    margin: 35px auto;
    position: relative;
    transform: translate(0);
    width: 370px
}

.Modal-body--top-anchored {
    top: 30px
}

.Modal-body .btn-close {
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: -22px;
    top: -22px
}

.Modal-body .btn-close:before {
    color: #fff;
    content: "";
    font-family: budicon;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px
}

@media(max-width:480px) {
    .Modal-body .btn-close:before {
        color: #343434
    }
}

.Modal-card {
    animation: scale-in .2s;
    background: #fff;
    border-radius: 7px;
    box-shadow: 0 7px 24px 8px rgba(0, 0, 0, .15);
    padding: 30px
}

.Modal-card a:not(.btn) {
    color: #732dd9;
    text-decoration: underline
}

.Modal-card .separator {
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    text-align: center
}

.Modal-card .separator .title {
    background: #fff;
    color: #aeaeae;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0 10px;
    position: relative
}

.Modal-card .separator:before {
    border-top: 1px solid #e5e7ef;
    content: "";
    display: block;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.Modal-footer {
    color: #fff;
    font-size: 14px;
    padding: 30px 0;
    text-align: center
}

.Modal-footer-link {
    color: #bbff8e;
    font-weight: 600;
    padding: 10px
}

@media(max-width:480px) {
    .Modal-body {
        padding: 30px 10px 0;
        width: 100%
    }

    .Modal-body .btn-close {
        padding: 10px;
        right: 30px;
        top: 36px
    }
}

@media only screen and (max-height:600px) {
    .Modal-body {
        top: 10px;
        transform: translate(0)
    }
}

@keyframes scale-in {
    0% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

.Modal-roundCloseButton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    z-index: 5
}

.Listing {
    background-color: #fff;
    background-position: 50%;
    background-size: cover;
    border-radius: 7px;
    box-shadow: 0 5px 5px 0 rgba(59, 55, 86, .03), 0 10px 20px 0 rgba(55, 57, 86, .1);
    box-sizing: border-box;
    position: relative;
    transition: box-shadow .3s ease-in-out;
    width: 100%
}

.Listing:after {
    border: 2px solid #dae0e6;
    border-radius: 7px;
    content: "";
    display: none;
    height: 100%;
    left: 0;
    margin: 0 0 0 -2px;
    position: absolute;
    top: 0;
    width: 100%
}

.Listing:hover:after {
    display: flex
}

.Listing:hover {
    box-shadow: none
}

.Listing .ListingPrice {
    margin-top: 5px;
    padding: 0
}

.Listing .ImageGallery {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Listing .ImageGallery .ImageGallery-container {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: none;
    width: 100%
}

.Listing .ImageGallery .ImageGallery-navButton {
    width: 44px;
    z-index: 3
}

.Listing .ImageGallery .ImageGallery-navButton img {
    height: 24px;
    width: 24px
}

.Listing--highlight {
    box-shadow: 0 0 0 2px rgba(115, 45, 217, .6)
}

.Listing .Listing-ShortlistButton.ShortlistButton {
    border: 1px solid #e5e9ed;
    box-shadow: none;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 36px;
    z-index: 5
}

.Listing-description {
    font-size: 16px;
    line-height: 24px;
    padding: 12px 30px;
    position: relative
}

.Listing-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.Listing-descriptionTitle {
    display: -webkit-box;
    font-size: 16px;
    font-weight: 700;
    height: 3em;
    -webkit-line-clamp: 2;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.Listing-ShortlistButton.ShortlistButton .isActive .isHovered {
    background-color: #732dd9
}

.Listing-details {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .Listing-details {
        margin-top: 50px
    }
}

.Listing-details-flexible {
    margin-top: 12px
}

.Listing-ImageGallery {
    background: #aeaeae;
    border-radius: 7px 7px 0 0;
    height: 0;
    padding-bottom: 72.97%;
    position: relative
}

.Listing-ImageGallery-link {
    bottom: 0;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0;
    z-index: 1
}

.ListingDetailsBrief {
    color: #343434;
    display: inline-block;
    font-size: 14px;
    text-align: left;
    white-space: nowrap
}

.info {
    color: #575d64;
    font-size: 14px;
    font-weight: 500;
    text-transform: lowercase
}

.info:not(:last-of-type):after {
    content: "•";
    display: inline-block;
    height: 4px;
    margin: 0 8px;
    width: 4px
}

.ListingDetailsBrief-info--area {
    text-transform: lowercase
}

.ListingDetailsBrief--normalSize {
    font-size: 16px
}

.ListingDetailsBrief-area,
.ListingDetailsBrief-beds,
.ListingDetailsBrief-rooms {
    margin-right: 30px;
    padding-left: 25px;
    position: relative;
    white-space: nowrap
}

.ListingDetailsBrief-area:before,
.ListingDetailsBrief-beds:before,
.ListingDetailsBrief-rooms:before {
    background-size: 18px 16px;
    height: 18px;
    left: 0;
    line-height: normal;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
}

.ListingDetailsBrief--verbose .ListingDetailsBrief-area,
.ListingDetailsBrief--verbose .ListingDetailsBrief-beds,
.ListingDetailsBrief--verbose .ListingDetailsBrief-rooms {
    margin-right: 15px
}

.ListingDetailsBrief-rooms:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetailsBrief-beds:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetailsBrief-area:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.CoverImage {
    margin: 0;
    position: relative
}

.CoverImage-image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.DateWidget {
    background: #fff
}

.DateWidget-clearButton {
    background: none;
    border: 0;
    color: #e71a5d;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    height: auto;
    line-height: normal;
    margin-top: .5em;
    padding: 0;
    text-decoration: underline;
    width: 100%
}

.DateWidget-clearButton:focus {
    outline: 0
}

.DateWidget-clearButton:hover {
    text-decoration: none
}

.DateWidget-monthNavigation {
    margin: 0 auto;
    max-width: 220px;
    text-align: center;
    *zoom: 1
}

.DateWidget-monthNavigation:after,
.DateWidget-monthNavigation:before {
    content: "";
    display: table
}

.DateWidget-monthNavigation:after {
    clear: both
}

.DateWidget-monthNavigation button {
    background: none;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    padding: 0 5px
}

.DateWidget-monthNavigation button[disabled] {
    cursor: not-allowed;
    opacity: .5
}

.DateWidget-currentMonth {
    display: inline-block
}

.DateWidget-viewPreviousMonth {
    float: left
}

.DateWidget-viewNextMonth {
    float: right
}

.DateWidget-viewPreviousMonth:before {
    content: "";
    font-family: budicon
}

.DateWidget-viewNextMonth:before {
    content: "";
    font-family: budicon
}

.DateWidget-mobileLabel {
    margin-bottom: 15px;
    text-align: center
}

@media screen and (max-width:992px) {
    .Popover--date-input:not(.onListingsPage) .Popover-card {
        background: none;
        border: none;
        padding: 0
    }

    .Popover--date-input:not(.onListingsPage) .DateWidget-mask {
        animation: fade-in .25s forwards;
        background: rgba(0, 0, 0, .8);
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 900
    }

    .Popover--date-input:not(.onListingsPage) .DateWidget-mask.is-hidden {
        animation: fade-out .25s forwards
    }

    .Popover--date-input:not(.onListingsPage) .DateWidget-inner {
        animation: slide-in-from-bottom .25s forwards;
        background: #fff;
        bottom: 0;
        box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .15);
        left: 0;
        position: fixed;
        transform: translate3d(0, 100%, 0);
        width: 100%;
        z-index: 1000
    }

    .Popover--date-input:not(.onListingsPage) .DateWidget-inner .btn-link {
        margin-bottom: 1.5em
    }

    .Popover--date-input:not(.onListingsPage) .DateWidget-inner.is-hidden {
        animation: slide-out-to-bottom .25s forwards
    }

    .Popover--date-input:not(.onListingsPage) .DateWidget {
        padding: 1.5em
    }

    .Popover--date-input:not(.onListingsPage) .DateMonthView {
        margin: 0 auto
    }
}

@media screen and (max-width:460px) {
    .Popover--date-input .Popover-card {
        background: none;
        border: none;
        padding: 0
    }

    .Popover--date-input .DateWidget-mask {
        animation: fade-in .25s forwards;
        background: rgba(0, 0, 0, .8);
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 900
    }

    .Popover--date-input .DateWidget-mask.is-hidden {
        animation: fade-out .25s forwards
    }

    .Popover--date-input .DateWidget-inner {
        animation: slide-in-from-bottom .25s forwards;
        background: #fff;
        bottom: 0;
        box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .15);
        left: 0;
        position: fixed;
        transform: translate3d(0, 100%, 0);
        width: 100%;
        z-index: 1000
    }

    .Popover--date-input .DateWidget-inner .btn-link {
        margin-bottom: 1.5em
    }

    .Popover--date-input .DateWidget-inner.is-hidden {
        animation: slide-out-to-bottom .25s forwards
    }

    .Popover--date-input .DateWidget {
        padding: 1.5em
    }

    .Popover--date-input .DateMonthView {
        margin: 0 auto
    }
}

@media screen and (max-height:545px) {
    .Popover--date-input .Popover-card {
        background: none;
        border: none;
        padding: 0
    }

    .Popover--date-input .DateWidget-mask {
        animation: fade-in .25s forwards;
        background: rgba(0, 0, 0, .8);
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 900
    }

    .Popover--date-input .DateWidget-mask.is-hidden {
        animation: fade-out .25s forwards
    }

    .Popover--date-input .DateWidget-inner {
        animation: slide-in-from-bottom .25s forwards;
        background: #fff;
        bottom: 0;
        box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .15);
        left: 0;
        position: fixed;
        transform: translate3d(0, 100%, 0);
        width: 100%;
        z-index: 1000
    }

    .Popover--date-input .DateWidget-inner .btn-link {
        margin-bottom: 1.5em
    }

    .Popover--date-input .DateWidget-inner.is-hidden {
        animation: slide-out-to-bottom .25s forwards
    }

    .Popover--date-input .DateWidget {
        padding: 1.5em
    }

    .Popover--date-input .DateMonthView {
        margin: 0 auto
    }
}

@keyframes slide-in-from-bottom {
    0% {
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slide-out-to-bottom {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.DateMonthView {
    border-collapse: collapse;
    font-size: 14px;
    line-height: normal;
    margin-top: 1em;
    text-align: center
}

.DateMonthView th {
    padding: .3em;
    text-transform: uppercase
}

.DateMonthView td {
    padding: .5em
}

.DateMonthView-day--inInterval {
    background: #f5f1fb;
    color: #fff
}

.DateMonthView-day--inInterval.DateMonthView-day--available,
.DateMonthView-day--unavailable.DateMonthView-day--inInterval {
    background: #a874f3;
    color: #fff
}

.DateMonthView-day--blocked,
.DateMonthView-day--unavailable.DateMonthView-day--blocked {
    background: #e5e9ed;
    color: #fff;
    cursor: not-allowed
}

.DateMonthView-day--available:hover {
    background: #732dd9;
    color: #fff
}

.DateMonthView-day--unavailable {
    background: #e5e9ed;
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.DateMonthView-day--available {
    cursor: pointer
}

.DateMonthView-day--today {
    color: #732dd9
}

.DateMonthView-day--selected {
    background: #732dd9;
    color: #fff;
    font-weight: 700
}

.Input {
    border: 2px solid #e5e7ef;
    border-radius: 3px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    height: 45px;
    line-height: normal;
    padding: 0 15px;
    transition: border-color .1s ease;
    width: 100%
}

.Input:disabled {
    background: #ededed
}

.Input::-ms-clear {
    display: none
}

.Input:hover {
    border-color: #c5cadc
}

.Input--focused,
.Input--focused:hover,
.Input:focus {
    border-color: #732dd9;
    outline: 0
}

.Input::-webkit-input-placeholder {
    color: #aeaeae
}

.Input:-moz-placeholder,
.Input::-moz-placeholder {
    color: #aeaeae;
    opacity: 1
}

.Input:-ms-input-placeholder {
    color: #aeaeae
}

.Input::-ms-input-placeholder {
    color: #aeaeae
}

.Input--borderless {
    background: transparent;
    border: 0;
    line-height: 30px;
    padding: 0
}

.Input--hideSpinners {
    -moz-appearance: textfield
}

.Input--hideSpinners::-webkit-inner-spin-button,
.Input--hideSpinners::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.Input-wrapper--small .Input,
.Input-wrapper--small .Input-affixWrapper {
    max-width: 150px
}

.Input-wrapper--small .Input-affixWrapper .Input {
    width: 100%
}

.Input-wrapper--medium .Input,
.Input-wrapper--medium .Input-affixWrapper {
    max-width: 300px
}

.Input-wrapper--medium .Input-affixWrapper .Input {
    width: 100%
}

.Input-wrapper--center .Input-affixWrapper {
    margin-left: auto;
    margin-right: auto
}

.Input-label {
    color: #747474;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 30px;
    position: relative;
    text-align: left
}

.Input-label-tip {
    color: #7b8389;
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px
}

.Input-affixInputWrapper {
    flex: 1 1 auto
}

.Input-affixWrapper {
    border: 2px solid #e5e7ef;
    border-radius: 3px;
    display: flex;
    height: 45px;
    transition: border-color .1s ease
}

.Input-wrapper--borderless .Input-affixWrapper {
    background: transparent;
    border: 0;
    padding: 0
}

.Input-affixWrapper .Input {
    border: 0;
    border-radius: 0;
    height: 100%
}

.Input-affixWrapper:hover {
    border-color: #c5cadc
}

.Input-affixWrapper--focused,
.Input-affixWrapper--focused:hover {
    border-color: #732dd9
}

.Input-affixWrapper .Input-prefix,
.Input-affixWrapper .Input-suffix {
    align-self: center;
    font-size: 14px;
    line-height: 15px
}

.Input-wrapper--borderless .Input-affixWrapper .Input-prefix,
.Input-wrapper--borderless .Input-affixWrapper .Input-suffix {
    line-height: 30px
}

.Input-affixWrapper .Input-prefix {
    padding-left: 15px
}

.Input-wrapper--borderless .Input-affixWrapper .Input-prefix {
    padding-left: 0;
    padding-right: 7.5px
}

.Input-affixWrapper .Input-suffix {
    padding-right: 15px
}

.Input-wrapper--borderless .Input-affixWrapper .Input-suffix {
    padding-left: 7.5px;
    padding-right: 0
}

.Checkbox-label {
    display: table
}

.Checkbox-checkbox,
.Checkbox-label {
    cursor: pointer;
    vertical-align: middle
}

.Checkbox-checkbox {
    margin: 0
}

.Checkbox-textContainer {
    display: table-cell;
    font-size: 1em;
    padding-left: 10px;
    vertical-align: middle
}

.Checkbox-helpText {
    color: #aeaeae;
    display: block
}

.Checkbox-labelText {
    display: block
}

.Checkbox-checkboxContainer {
    display: table-cell
}

.Checkbox--small {
    font-size: 14px;
    line-height: 22.5px
}

.Checkbox--disabled .Checkbox-label {
    cursor: not-allowed
}

.Checkbox--disabled .Checkbox-checkbox {
    accent-color: #aeaeae;
    cursor: not-allowed
}

.Checkbox--disabled .Checkbox-labelText {
    color: #aeaeae
}

.StyledCheckbox {
    display: inline-flex;
    flex-direction: row;
    max-width: 100%;
    position: relative
}

.StyledCheckbox--expand {
    display: flex;
    justify-content: space-between
}

.StyledCheckbox-input {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.StyledCheckbox-iconContainer {
    align-items: center;
    background-color: #fff;
    border: 1px solid #b5bec5;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    min-height: 30px;
    min-width: 30px;
    overflow: hidden;
    position: relative;
    width: 30px;
    z-index: 1
}

.StyledCheckbox-iconContainer:hover {
    border: 1px solid #7b8389
}

.StyledCheckbox-iconContainer:before {
    background-color: #732dd9;
    background-image: none;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: -1
}

.StyledCheckbox-iconContainer-icon {
    visibility: hidden
}

.StyledCheckbox-input:checked+.StyledCheckbox-iconContainer .StyledCheckbox-iconContainer-icon {
    visibility: visible
}

.StyledCheckbox-input:focus+.StyledCheckbox-iconContainer {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px rgba(115, 45, 217, .5)
}

.StyledCheckbox-input:disabled+.StyledCheckbox-iconContainer {
    cursor: not-allowed
}

.StyledCheckbox-input:disabled+.StyledCheckbox-iconContainer:hover {
    border: 1px solid #b5bec5
}

.StyledCheckbox-input:disabled+.StyledCheckbox-iconContainer:before {
    background-color: #b5bec5
}

.StyledCheckbox-input:checked+.StyledCheckbox-iconContainer {
    border: 0
}

.StyledCheckbox-input:checked+.StyledCheckbox-iconContainer:before {
    opacity: 1
}

.StyledCheckbox--color-secondary .StyledCheckbox-iconContainer:before {
    background-color: #170c37
}

.StyledCheckbox--color-secondary .StyledCheckbox-input:focus+.StyledCheckbox-iconContainer {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px rgba(23, 12, 55, .5)
}

.StyledCheckbox-text {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    margin-top: 5px;
    min-width: 0
}

.StyledCheckbox-text--right {
    padding-left: 10px
}

.StyledCheckbox-text--left {
    padding-right: 10px
}

.StyledCheckbox-direction--left {
    flex-direction: row-reverse
}

.StyledCheckbox-label {
    color: #343434;
    display: block;
    font-size: 14px;
    line-height: 21px;
    overflow-wrap: break-word
}

.StyledCheckbox-error {
    color: #eb5757;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px
}

.StyledCheckbox-input:disabled~.StyledCheckbox-text>.StyledCheckbox-label {
    color: #7b8389;
    cursor: not-allowed
}

.Textarea {
    display: block
}

.Textarea-label {
    color: #747474;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 30px;
    text-align: left
}

.Textarea-prefix {
    padding-left: 15px;
    padding-top: 20px
}

.Textarea-container {
    border: 2px solid #e5e7ef;
    border-radius: 20px;
    border-radius: 3px;
    display: flex;
    line-height: 0;
    max-width: 100%;
    width: 100%
}

.Textarea--invalid .Textarea-container {
    border-color: #e71a5d
}

.Textarea:hover .Textarea-container {
    border-color: #c5cadc
}

.Textarea--focussed .Textarea-container,
.Textarea--focussed:hover .Textarea-container {
    border-color: #732dd9;
    outline: none
}

.Textarea--invalid.Textarea--focussed .Textarea-container {
    border-color: #e5e7ef
}

.Textarea-textarea {
    border: 0;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 30px;
    max-width: 100%;
    min-height: 240px;
    padding: 13px 15px;
    transition: border-color .1s ease;
    width: 100%
}

.Textarea-textarea:focus {
    outline: none
}

.Textarea-textarea::-webkit-input-placeholder {
    color: #aeaeae
}

.Textarea-textarea:-moz-placeholder,
.Textarea-textarea::-moz-placeholder {
    color: #aeaeae;
    opacity: 1
}

.Textarea-textarea:-ms-input-placeholder {
    color: #aeaeae
}

.Textarea-textarea::-ms-input-placeholder {
    color: #aeaeae
}

.DateTextInput {
    display: inline-block;
    position: relative
}

.DateTextInput--fullWidth {
    width: 100%
}

.DateTextInput-inputs {
    border: 2px solid #e5e7ef;
    border-radius: 3px;
    display: block;
    line-height: 15px;
    padding: 12.5px 15px;
    text-align: center;
    transition: border-color .1s ease
}

.DateTextInput-inputs:hover {
    border-color: #c5cadc
}

.DateTextInput--focused .DateTextInput-inputs {
    border-color: #732dd9
}

.DateTextInput--fullWidth .DateTextInput-inputs {
    text-align: left;
    width: 100%
}

.DateTextInput-inputs--inlineLabel {
    display: flex
}

.DateTextInput input {
    border: 0;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    line-height: 15px;
    padding: 0;
    width: 0
}

.DateTextInput input:focus {
    outline: 0
}

.DateTextInput-cancelButton {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0 5px;
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%)
}

.DateTextInput-cancelButton:before {
    content: "";
    font-family: budicon;
    font-size: .6em;
    line-height: 1
}

.DateTextInput-seperator {
    color: #aeaeae;
    margin: 0 .1em
}

.DateTextInput-label {
    color: #747474;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 30px
}

.DateTextInput--disabled,
.DateTextInput--disabled input {
    background-color: #e5e7ef
}

.DateTextInput--jumbo input {
    font-size: 23px;
    line-height: 30px
}

.DateTextInput--borderless .DateTextInput-inputs {
    border: 0;
    padding: 0
}

.DateTextInput--borderless input {
    background: transparent
}

.DateTextInput-inlineLabel {
    align-self: center;
    cursor: pointer;
    flex: 1;
    font-size: 14px;
    line-height: 15px;
    text-align: left
}

.DateTextInput--showingPlaceholder * {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    padding: 0;
    width: 1px
}

.DateTextInput--showingPlaceholder .DateTextInput-placeholder {
    display: block;
    height: auto;
    opacity: 1;
    position: relative;
    text-align: left;
    width: 100%
}

.DateTextInput-placeholder--hidden {
    display: none
}

.Footer {
    background-color: #000;
    color: #fff
}

@media(min-width:1000px) {
    .Footer.unfix {
        left: 0;
        position: absolute;
        right: 0
    }
}

.Footer-container {
    margin: 0 20px;
    max-width: 1535px;
    padding: 40px 0 20px
}

@media(min-width:720px) {
    .Footer-container {
        margin: 0 36px;
        padding: 100px 0 30px
    }
}

@media(min-width:1000px) {
    .Footer-container {
        margin: 0 80px;
        padding: 100px 0 30px
    }
}

@media(min-width:1200px) {
    .Footer-container {
        margin: 0 96px;
        padding: 100px 0 30px
    }
}

@media(min-width:1727px) {
    .Footer-container {
        margin: 0 auto;
        padding: 100px 0 30px
    }
}

.Footer-container--withoutRegions {
    padding-top: 50px
}

.Footer-logoAndLinks {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media(min-width:1000px) {
    .Footer-logoAndLinks {
        border-bottom: 1px solid hsla(0, 0%, 100%, .149);
        margin-top: 140px;
        padding-bottom: 10px
    }
}

.Footer-logoAndLinks .logo {
    fill: #fff
}

@media(min-width:1000px) {
    .Footer-logoAndLinks--withoutRegions {
        margin-top: 0
    }
}

.Footer-companyLinks {
    display: none
}

@media(min-width:1000px) {
    .Footer-companyLinks {
        display: flex
    }
}

.Footer-companyLinkItem {
    margin-left: 5px
}

.Footer-companyLinkItem .Footer-link {
    border-radius: 5px;
    height: 30px;
    padding: 0 10px
}

.Footer-companyLinkItem .Footer-link:hover {
    background-color: #1a1a1a
}

.Footer-link {
    align-items: center;
    color: #fff;
    display: flex;
    white-space: nowrap
}

.Footer-socialIcon {
    height: 15px;
    margin-right: 15px;
    width: 15px
}

@media(min-width:1000px) {
    .Footer-socialIcon {
        margin-right: 0
    }
}

.Footer-socialAndLegal {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

@media(min-width:1000px) {
    .Footer-socialAndLegal {
        margin-top: 20px
    }
}

.Footer-legal {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

@media(min-width:1000px) {
    .Footer-legal {
        flex-direction: row;
        margin-top: 0
    }
}

.Footer-legalItem {
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    order: 2;
    white-space: nowrap
}

@media(min-width:1000px) {
    .Footer-legalItem {
        margin-top: 0
    }

    .Footer-legalItem .Footer-link {
        border-radius: 5px;
        height: 26px;
        margin-left: 5px;
        padding: 0 8px
    }
}

@media(min-width:1000px) {
    .Footer-legalItem .Footer-link:hover {
        background-color: #1a1a1a
    }
}

.Footer-copyright {
    color: #7b8389
}

@media(min-width:1000px) {
    .Footer-copyright {
        align-items: center;
        display: flex;
        margin-left: 0;
        order: 1
    }
}

.Footer-cities {
    display: none
}

@media(min-width:1000px) {
    .Footer-cities {
        display: flex;
        flex-wrap: wrap;
        min-height: 72px
    }
}

.Footer-cityItem {
    align-items: center;
    color: #24272e;
    color: #a874f3;
    display: flex;
    font-size: 24px;
    justify-content: center;
    line-height: 30px;
    line-height: 1.5;
    margin-right: 20px
}

.Footer-cityItem,
.Footer-cityItem--new {
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 600
}

.Footer-cityItem--new {
    background-color: #a874f3;
    border-radius: 20px;
    color: #7b8389;
    color: #000;
    font-size: 14px;
    line-height: 21px;
    margin-left: 5px;
    padding: 0 5px;
    text-transform: uppercase
}

.Footer-accordionSection {
    display: flex;
    flex-direction: column;
    margin-top: 20px
}

@media(min-width:1000px) {
    .Footer-accordionSection {
        display: none
    }
}

.Footer-DestinationGrid {
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media(min-width:1000px) {
    .Footer-DestinationGrid {
        display: none
    }
}

.Footer-DestinationGrid .city-name {
    font-size: 14px;
    max-width: calc(50vw - 35px);
    overflow: hidden;
    text-overflow: ellipsis
}

.Footer-accordionListItem {
    margin-top: 10px
}

.Footer-social {
    display: none
}

@media(min-width:1000px) {
    .Footer-social {
        display: flex;
        flex-wrap: wrap;
        gap: 10px
    }
}

.Footer-socialLinkItem--desktop .Footer-link {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.Footer-socialLinkItem--desktop .Footer-link:hover {
    background-color: #1a1a1a
}

.Footer-socialLinkItem--desktop.Footer-refugeeSupport {
    padding: 0
}

.Footer-socialLinkItem--desktop.Footer-refugeeSupport .Footer-link {
    padding: 0 20px;
    width: auto
}

.Footer-refugeeSupport {
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    padding: 7px 14px;
    text-transform: uppercase;
    width: -moz-max-content;
    width: max-content
}

.Footer-refugeeSupport .Footer-link {
    gap: 10px
}

@media(min-width:1000px) {
    .Footer-refugeeSupport--mobile {
        display: none
    }
}

.Footer-socialLinkItem--noMarginRight {
    margin-right: 0
}

@media(min-width:1000px) {
    .Footer-categories {
        display: none
    }
}

.Footer-listItem--noMarginTop {
    margin-top: 0
}

#WunderflatsLogo-Footer svg.logo {
    height: auto;
    width: auto
}

.FooterAccordion-headline {
    color: #7b8389;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.FooterAccordion-details {
    border-bottom: 1px solid hsla(0, 0%, 100%, .149);
    padding: 20px 0;
    word-break: break-word
}

.FooterAccordion-details:last-of-type {
    margin-bottom: 20px
}

@media(min-width:720px) {
    .FooterAccordion-details:last-of-type {
        margin-bottom: 25px
    }
}

.FooterAccordion-details-answer {
    margin-top: 20px;
    white-space: pre-line;
    word-break: break-word
}

.FooterAccordion-details[open] .FooterAccordion-details-answer {
    animation: fadeInAndDrop .2s ease-out
}

.FooterAccordion-details-summary {
    display: block
}

.FooterAccordion-details-summary::-webkit-details-marker {
    display: none
}

.FooterAccordion-details-summary {
    border: 1px solid transparent;
    cursor: pointer;
    width: 100%
}

.FooterAccordion-details-summary:focus {
    border: 1px solid rgba(77, 144, 254, .067);
    border-radius: 3px;
    box-shadow: 0 0 3px #4d90fe;
    outline: none
}

.FooterAccordion-details-summary-wrapper {
    color: #24272e;
    color: #fff;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    justify-content: space-between;
    line-height: 24px
}

@media(min-width:720px) {
    .FooterAccordion-details-summary-wrapper {
        color: #24272e;
        color: #fff;
        font-family: Poppins, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px
    }
}

.FooterAccordion-details-summary-arrowContainer {
    align-items: center;
    background: #262626;
    border: 1px solid #5c5c5c;
    border-radius: 100%;
    display: flex;
    height: 26px;
    justify-content: center;
    margin-left: 10px;
    min-height: 26px;
    min-width: 26px;
    transition: all .2s ease-out;
    width: 26px
}

.FooterAccordion-details[open] .FooterAccordion-details-summary-arrowContainer {
    transform: rotate(180deg) translateZ(0);
    transform-origin: center
}

.FooterAccordion-details-summary-arrowContainer:focus {
    outline: none
}

.FooterAccordion-details-summary-arrowContainer-arrow {
    border: 4px solid transparent;
    border-top: 5px solid #fff;
    margin-top: 5px;
    transform-origin: center center
}

.FooterAccordion-details-summary-arrowContainer-arrow:focus {
    outline: none
}

.FooterAccordion-viewMore {
    align-items: center;
    display: flex
}

.FooterAccordion-viewMore-text {
    color: #24272e;
    color: #732dd9;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-right: 7px
}

@media(min-width:720px) {
    .FooterAccordion-viewMore-text {
        color: #24272e;
        color: #732dd9;
        font-family: Poppins, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px
    }
}

@keyframes fadeInAndDrop {
    0% {
        opacity: 0;
        transform: translateY(-5px)
    }

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

.MapMarkerAnchor {
    background: transparent;
    border: 0
}

.MapMarkerAnchor>* {
    position: absolute;
    transform: translate(-50%, -50%);
    white-space: nowrap
}

.MapMarkerAnchor:has([data-active=true]),
.MapMarkerAnchor:has([data-highlighted=true]),
.MapMarkerAnchor:hover {
    z-index: 1000 !important
}

.RefugeeListingMarkerIcon {
    background:  no-repeat 0;
    background-size: cover;
    transition: .15s linear
}

.RefugeeListingMarkerIcon.is-highlighted {
    z-index: 1000 !important
}

.RefugeeListingMarkerIcon.is-selected {
    background-image: ;
    z-index: 1000 !important
}

.ListingMarker {
    font: Poppins, sans-serif;
    height: 300px;
    position: relative;
    width: 260px
}

.ListingMarker .ImageGallery {
    height: 180px;
    width: 100%
}

.ListingMarker .ImageGallery .ImageGallery-container {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

@media(orientation:landscape) {
    .ListingMarker .ImageGallery .ImageGallery-container {
        background-size: 100% auto
    }
}

.ListingMarker .ImageGallery .ImageGallery-navButton {
    width: 44px;
    z-index: 3
}

.ListingMarker .ImageGallery .ImageGallery-navButton img {
    width: 18px
}

.ListingMarker h3 a {
    color: #343434;
    font-weight: 400
}

.ListingMarker .Listing-link {
    font-size: 14px;
    line-height: 20px;
    padding: 200px 15px 15px
}

.ListingMarker .Listing-linkText {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 3em;
    visibility: visible
}

.ListingMarker .ListingMarker-details {
    align-items: center;
    bottom: 15px;
    display: flex;
    justify-content: space-between;
    left: 15px;
    position: absolute;
    right: 15px;
    white-space: nowrap;
    z-index: 5
}

.ListingMarker .ListingPrice {
    left: 20px;
    position: absolute;
    top: 170px
}

.ListingMarker-rent {
    font-size: 16px;
    margin: 7.5px 0 15px 15px
}

.ListingMarker-listingPrice {
    color: #575d64;
    font-size: 12px;
    font-weight: 400;
    margin-left: 2.5px
}

.leaflet-popup-close-button {
    align-items: center;
    background: rgba(36, 39, 46, .25) !important;
    border: none !important;
    border-radius: 100% !important;
    color: #fff !important;
    cursor: pointer !important;
    display: flex;
    font-family: Poppins, sans-serif !important;
    font-size: 18px !important;
    height: 26px !important;
    justify-content: center;
    line-height: 18px !important;
    outline: none !important;
    padding: 1px 0 0 1px !important;
    position: absolute !important;
    right: 7.5px !important;
    text-align: center !important;
    top: 5px !important;
    width: 26px !important;
    z-index: 10 !important
}

.leaflet-popup-close-button:hover {
    color: #fff !important
}

.ListingMarker .ListMarker-shortlistBtn.ShortlistButton.noLabel {
    border: 1px solid #e5e9ed;
    box-shadow: none;
    height: 26px;
    left: 7.5px;
    position: absolute;
    top: 5px;
    width: 26px;
    z-index: 10
}

.ListingMarker .ListMarker-shortlistBtn.ShortlistButton svg {
    transform: scale(.8)
}

.ListingMarker .ListingDetailsBrief {
    font-size: 12px
}

.ListingMarker .ListingDetailsBrief-area,
.ListingMarker .ListingDetailsBrief-beds,
.ListingMarker .ListingDetailsBrief-rooms {
    margin-right: 17px
}

.RefugeeListingPopup {
    box-shadow: 0 82px 23px 0 transparent, 0 52px 21px 0 rgba(0, 0, 0, .01), 0 29px 18px 0 rgba(0, 0, 0, .05), 0 13px 13px 0 rgba(0, 0, 0, .09), 0 3px 7px 0 rgba(0, 0, 0, .1)
}

.RefugeeListingPopup .leaflet-popup-content-wrapper {
    border-radius: 10px
}

.RefugeeListingPopup .ListingMarker .ImageGallery .ImageGallery-container {
    border-radius: 10px 10px 0 0
}

.RefugeeListingPopup .leaflet-popup-tip {
    display: none
}

.ForgotPasswordModal {
    max-width: 370px;
    width: 100%
}

.ForgotPasswordModal--noModal .Modal-card {
    animation: none
}

.ListingPrice {
    background: #4f2892;
    border-radius: 2em;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 1em;
    padding: .35em .825em
}

.ListingPrice--light {
    background: transparent;
    color: #343434;
    font-weight: 400;
    padding-left: 0
}

.ListingPrice-time {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    margin-left: 5px;
    position: relative;
    text-transform: lowercase
}

.ListingPrice-Icon {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-right: 5px
}

.ListingPrice--light .ListingPrice-time {
    color: #575d64;
    font-weight: 400
}

.ErrorMessage {
    align-items: center;
    border-radius: 7px;
    color: #fff;
    display: flex;
    margin: 0 0 30px;
    min-height: 45px;
    padding: 7.5px 15px
}

.ErrorMessage.ErrorMessage--red {
    background: #e71a5d
}

.ErrorMessage.ErrorMessage--purple {
    background: #732dd9
}

.ErrorMessage a {
    text-decoration: underline
}

.ErrorIndicator--invalid .DateTextInput-inputs,
.ErrorIndicator--invalid .Input,
.ErrorIndicator--invalid .Input-affixWrapper,
.ErrorIndicator--invalid .InputText-input,
.ErrorIndicator--invalid .Select,
.ErrorIndicator--invalid .Select-select,
.ErrorIndicator--invalid .Textarea,
.ErrorIndicator--invalid .Textarea-container,
.ErrorIndicator--invalid .Textarea-container:hover,
.ErrorIndicator--invalid .input,
.ErrorIndicator--invalid .textarea {
    border-color: #e71a5d
}

.ErrorIndicator--invalid .CustomDropdownSelect-input,
.ErrorIndicator--invalid .DateTextInput-label,
.ErrorIndicator--invalid .Input-label,
.ErrorIndicator--invalid .InputWrapper-label,
.ErrorIndicator--invalid .Select-label {
    color: #e71a5d
}

.ErrorIndicator--full {
    display: block
}

.ErrorIndicator-message {
    display: block;
    font-size: 12px
}

.ErrorIndicator--error {
    color: #e71a5d
}

.ErrorIndicator--required {
    color: #732dd9
}

.ErrorIndicator--highlight .CustomDropdownSelect-input,
.ErrorIndicator--highlight .DateTextInput-inputs,
.ErrorIndicator--highlight .Input,
.ErrorIndicator--highlight .Input-affixWrapper,
.ErrorIndicator--highlight .Select,
.ErrorIndicator--highlight .Select-select,
.ErrorIndicator--highlight .Textarea,
.ErrorIndicator--highlight .Textarea-container,
.ErrorIndicator--highlight .Textarea-container:hover,
.ErrorIndicator--highlight .input,
.ErrorIndicator--highlight .textarea,
.ErrorIndicator--required .CustomDropdownSelect-input,
.ErrorIndicator--required .DateTextInput-inputs,
.ErrorIndicator--required .Input,
.ErrorIndicator--required .Input-affixWrapper,
.ErrorIndicator--required .Select,
.ErrorIndicator--required .Select-select,
.ErrorIndicator--required .Textarea,
.ErrorIndicator--required .Textarea-container,
.ErrorIndicator--required .Textarea-container:hover,
.ErrorIndicator--required .input,
.ErrorIndicator--required .textarea {
    border-color: #732dd9
}

.ErrorIndicator--required .Input-label,
.ErrorIndicator--required .Select-label {
    color: #732dd9
}

.Select {
    border: 2px solid #e5e7ef;
    border-radius: 3px;
    display: inline-block;
    position: relative
}

.Select--borderless {
    background: none;
    border: 0;
    padding: 0
}

.Select--focused {
    border-color: #732dd9
}

.Select-label {
    color: #747474;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 30px
}

.Select-label__wrapper {
    align-items: end;
    display: flex;
    justify-content: space-between;
    width: 154px
}

.Select-label__wrapper__no_label {
    justify-content: flex-end
}

.Select--full {
    width: 100%
}

.Select:after {
    border: 3px solid transparent;
    border-top: 4px solid #000;
    content: "";
    position: absolute;
    right: 25px;
    top: calc(50% - 2px)
}

.Select-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 0;
    border-radius: 0;
    color: #343434;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    height: 41px;
    line-height: normal;
    min-width: 150px;
    padding: 0 15px;
    position: relative;
    width: auto
}

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

.Select-select::-ms-value {
    background: #fff;
    color: #343434
}

.Select-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #343434
}

.Select-select--borderless {
    background: none;
    border: 0;
    padding: 0
}

.Select-select--borderless::-ms-value {
    background: transparent
}

.Select-select:hover {
    border-color: #c5cadc
}

.Select-select:focus {
    outline: 0
}

.Select-select--full {
    width: 100%
}

.Select-select--placeholder-mode {
    color: #bdbdbd
}

.Select select:invalid {
    color: #bdbdbd
}

.Select--jumbo .Select-select {
    font-size: 23px;
    line-height: 30px
}

.Select--borderless:after {
    right: 0
}

.Select-label__wrapper .Input-label-tooltipContainer .popper {
    background: #24272e;
    border: none;
    color: #fff;
    margin-left: 4px;
    margin-top: 5px
}

.Select-label__wrapper .Input-label-tooltipContainer .popper-inner {
    padding: 10px 18px
}

.Select-label__wrapper .Input-label-tooltipContainer .popper .popper__arrow {
    border-color: #24272e
}

.Select-label__wrapper .Input-label-tooltipContainer .InputTooltip-text {
    color: #24272e;
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    max-width: 260px
}

@media(min-width:480px) {
    .Select-label__wrapper .Input-label-tooltipContainer .InputTooltip-text {
        max-width: 300px
    }
}

.SearchResults {
    background: #fff;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    color: #343434;
    left: 30px;
    margin: 0 auto;
    max-height: 18em;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    top: 100%;
    width: calc(100% - 60px)
}

@media(max-width:767px) {
    .SearchResults {
        border-bottom: 2px solid #e5e7ef;
        border-radius: 0;
        box-shadow: none;
        max-height: none;
        overflow-y: auto;
        position: static;
        width: 100%
    }
}

.SearchResults-item {
    border-top: 1px solid #e5e7ef
}

.SearchResults-item--selected {
    background: #e5e7ef;
    color: #4f2892
}

.SearchResults-item:first-child {
    border-top: none
}

.SearchResults-item--empty {
    padding: 60px 30px
}

.SearchResults-item--empty:hover {
    background: none
}

.SearchResults-item--empty .SearchResults-item-title {
    font-size: 23px;
    text-align: center
}

.SearchResults-item--empty .SearchResults-item-body {
    font-size: 16px;
    line-height: 1.6;
    text-align: center
}

.SearchResults-item-title {
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

@media(max-width:767px) {
    .SearchResults-item-title {
        font-size: 14px
    }
}

.SearchResults-link {
    display: block;
    padding: 15px 30px
}

@media(max-width:767px) {
    .SearchResults-link {
        padding: 15px
    }
}

.SvgSpinner {
    animation-iteration-count: infinite;
    animation-name: svgSpinnerAnimation;
    animation-timing-function: cubic-bezier(.22, .81, .87, .74)
}

.SvgSpinner.fast {
    animation-duration: .75s
}

.SvgSpinner.normal {
    animation-duration: 1.5s
}

.SvgSpinner.slow {
    animation-duration: 3s
}

@keyframes svgSpinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2turn)
    }
}

.CustomPhoneNumberInput,
.CustomPhoneNumberInput.Input {
    display: flex;
    padding-left: 0;
    position: relative
}

@media(max-width:480px) {

    .CustomPhoneNumberInput,
    .CustomPhoneNumberInput.Input {
        border: none;
        flex-direction: column;
        height: inherit;
        padding: 0
    }
}

.ErrorIndicator--invalid .CustomPhoneNumberInput-outer {
    border-radius: 7px
}

.CustomPhoneNumberInput-dialCode-container {
    display: flex
}

@media(min-width:480px) {
    .CustomPhoneNumberInput-dialCode-container {
        border: none;
        height: 100%;
        padding: 0;
        width: auto
    }
}

@media(max-width:480px) {
    .CustomPhoneNumberInput-dialCode-container.Input {
        padding-left: 0
    }
}

.CustomPhoneNumberInput-phoneNumber-container {
    flex: 1 1 0%;
    margin-top: 7.5px;
    padding: 0
}

@media(min-width:480px) {
    .CustomPhoneNumberInput-phoneNumber-container {
        border: none;
        height: 100%;
        margin-top: 0;
        padding: 0
    }
}

.CustomPhoneNumberInput-country {
    align-items: center;
    display: flex;
    padding-left: 15px;
    position: relative
}

.CustomPhoneNumberInput-country-select {
    cursor: pointer;
    left: 0;
    min-height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.CustomPhoneNumberInput-country-flag {
    margin: 0;
    min-width: 45px;
    white-space: nowrap
}

.CustomPhoneNumberInput-country-flag img {
    display: inline-block;
    max-height: 23px;
    max-width: 27px;
    vertical-align: middle
}

.CustomPhoneNumberInput-country-flag:after {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 5px solid #000;
    content: "";
    display: inline-block;
    margin-left: 12px;
    vertical-align: middle
}

.CustomPhoneNumberInput-textInput {
    border: 0;
    height: 41px
}

.CustomPhoneNumberInput-dialCode-icon {
    align-self: center;
    padding-left: 15px
}

.CustomPhoneNumberInput-dialCode-icon:before {
    content: "+"
}

.CustomPhoneNumberInput-dialCode {
    border-bottom-right-radius: 0;
    border-right: 2px solid #e5e7ef;
    border-top-right-radius: 0;
    max-width: 60px;
    padding: 0
}

@media(max-width:480px) {
    .CustomPhoneNumberInput-dialCode {
        border-right: none
    }
}

.CustomPhoneNumberInput-phoneNumber {
    min-width: 0
}

.CustomPhoneNumberInput-dialCode-locked {
    padding-right: 7.5px
}

.CustomPhoneNumberInput-dialCode-locked:before {
    content: "+"
}

.CustomPhoneNumberInput-isVerified {
    color: #3c8e26;
    line-height: 1.6;
    margin-left: 15px
}

@media(max-width:480px) {
    .CustomPhoneNumberInput-isVerified {
        margin-left: 0
    }
}

.CustomPhoneNumberInput-isVerified-tickMark {
    margin-right: 5px;
    vertical-align: middle
}

.CustomPhoneNumberInput-isVerified-tickMark:before {
    content: "";
    font-family: budicon
}

.CustomPhoneNumberInput-isVerified-text {
    font-family: helvetica neue;
    font-size: 12px;
    font-weight: 500
}

body,
html {
    font-size: 16px
}

body {
    font-family: Poppins, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #343434
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

.link--primary {
    color: #732dd9
}

.link--primary:focus,
.link--primary:hover {
    color: #4f2892
}

.link--danger {
    color: #e71a5d
}

.link--danger:focus,
.link--danger:hover {
    color: #a31141
}

.link--dark {
    color: #343434
}

.link--dark:focus,
.link--dark:hover {
    color: #0e0e0e
}

.font-size--a {
    font-size: 33px
}

.font-size--b {
    font-size: 28px
}

.font-size--c {
    font-size: 23px
}

.font-size--d {
    font-size: 19px
}

.font-size--e {
    font-size: 16px
}

.font-size--f {
    font-size: 14px
}

.font-weight--light {
    font-weight: 300
}

.font-weight--regular {
    font-weight: 400
}

.font-weight--bold {
    font-weight: 600
}

.heading-jumbo {
    color: #343434;
    font-size: 57px;
    line-height: 60px;
    margin: 0 auto 30px
}

@media(max-width:767px) {
    .heading-jumbo {
        font-size: 40px;
        line-height: 45px
    }
}

.heading-jumbo--light {
    color: #fff
}

.heading-jumbo--brand {
    color: #732dd9
}

.heading-jumbo--centered {
    text-align: center
}

.subheading-jumbo {
    color: #fff;
    font-size: 23px;
    font-weight: 400;
    line-height: 30px;
    margin: 30px auto;
    text-align: center
}

@media(max-width:767px) {
    .subheading-jumbo {
        font-size: 19px
    }
}

.heading-large {
    color: #343434;
    font-size: 40px;
    font-weight: 400;
    line-height: 45px;
    margin: 0 0 30px
}

@media(max-width:767px) {
    .heading-large {
        font-size: 33px;
        line-height: 45px
    }
}

.heading-large--light {
    color: #fff
}

.heading-large--brand {
    color: #732dd9
}

.heading-large--centered {
    text-align: center
}

.heading-large--bold {
    font-weight: 600
}

.heading-medium {
    font-family: Poppins, sans-serif
}

.heading-medium,
.heading-small {
    font-size: 19px;
    line-height: 30px;
    margin: 0 0 15px
}

.heading-small {
    font-weight: 400
}

.heading-small--light {
    color: #fff
}

.heading-small--brand {
    color: #732dd9
}

.heading-small--centered {
    text-align: center
}

.heading-tiny {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin: 0 0 7.5px
}

.heading-tiny--light {
    color: #fff
}

.heading-tiny--brand {
    color: #732dd9
}

.heading-tiny--centered {
    text-align: center
}

.heading-large-group {
    margin-bottom: 60px
}

.heading-large-group :first-child {
    margin-bottom: 15px
}

.form-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 30px
}

.form-subtitle {
    color: #732dd9;
    font-size: 14px
}

.form-subtitle,
.form-subtitle-new {
    display: block;
    font-weight: 400;
    padding: 0
}

.form-subtitle-new {
    font-family: Poppins, sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 30px
}

.text-small {
    font-size: 12px;
    line-height: 15px
}

.text-muted {
    color: #aeaeae;
    line-height: 22.5px;
    margin: 15px auto
}

.BankAccount-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BankAccount-holder {
    color: #24272e;
    font-weight: 600;
    margin-bottom: 3px
}

.BankAccount-iban {
    color: #64696c;
    font-weight: 500
}

.BankAccountManager .RichListItem-button--secondaryAction {
    padding: 3px
}

.BankAccountManager .RichListItem-defaultLabel {
    margin-top: 16px
}

.BankAccountManager .RichListItem .BankAccountLinkedListings-linkedListingsInfo {
    min-height: 26px
}

.BankAccountManager .RichListItem .BankAccountLinkedListings-listingThumbnail {
    display: flex
}

.BankAccountForm {
    display: block;
    position: relative;
    width: 100%
}

.BankAccountForm .Selectbox,
.BankAccountForm .Selectbox-select {
    width: 100%
}

.BankAccountForm-title {
    color: #24272e;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 25px
}

.BankAccountForm-buttons {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-top: 45px
}

.BankAccountForm-buttons>button {
    width: 50%
}

.WunderflatsStats {
    background: linear-gradient(30deg, #4f2892, #4f2892 20%, #a61687 75%, #a61687);
    color: #fff;
    padding: 75px 0
}

.WunderflatsStats-wrapper {
    text-align: center
}

.FeaturedCompanies {
    padding: 75px 0;
    text-align: center
}

.FeaturedCompanies-title {
    margin: 0 auto 50px;
    max-width: 750px
}

.FeaturedCompanies-wrapper {
    text-align: center
}

.FeaturedCompanies-feature {
    display: inline-block;
    margin-bottom: 50px;
    padding: 0 10px;
    vertical-align: middle
}

.FeaturedCompanies-feature img {
    padding: 0 20px;
    width: 200px
}

.FrequentlyAskedQuestions {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1150px
}

@media(max-width:768px) {
    .FrequentlyAskedQuestions {
        display: block
    }
}

.FrequentlyAskedQuestions-category {
    flex: 1 1 50%;
    margin-bottom: 45px;
    max-width: 50%;
    padding-right: 45px
}

@media(max-width:768px) {
    .FrequentlyAskedQuestions-category {
        display: none;
        max-width: none;
        padding: 0
    }

    .FrequentlyAskedQuestions-category.active {
        display: block
    }
}

.FrequentlyAskedQuestions-category:nth-child(odd) {
    padding-right: 0
}

@media(min-width:768px) {
    .FrequentlyAskedQuestions-category.singleContent {
        margin-left: auto;
        margin-right: auto;
        max-width: 80%
    }
}

.FrequentlyAskedQuestions-category-title {
    font-size: 19px;
    line-height: 22.5px;
    margin-bottom: 30px
}

@media(max-width:768px) {
    .FrequentlyAskedQuestions-category-title {
        display: none
    }
}

.FrequentlyAskedQuestions-tabs {
    border-bottom: 1px solid #e2e9eb;
    display: flex;
    margin-block-end: 30px;
    padding-bottom: 15px
}

@media(min-width:768px) {
    .FrequentlyAskedQuestions-tabs {
        display: none
    }
}

.FrequentlyAskedQuestions-tab {
    line-height: 22.5px;
    margin-left: 30px;
    position: relative
}

@media(max-width:768px) {
    .FrequentlyAskedQuestions-tab {
        color: #7c8689;
        font-weight: 700
    }

    .FrequentlyAskedQuestions-tab.active {
        color: #343434
    }
}

.FrequentlyAskedQuestions-tab.active:before {
    background: #3c8e26;
    bottom: -16px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.FrequentlyAskedQuestions-tab:first-child {
    margin-left: 0
}

.FrequentlyAskedQuestions-item {
    border-bottom: 1px solid #e2e9eb;
    margin-top: 22.5px;
    padding-bottom: 22.5px
}

.FrequentlyAskedQuestions-item-title {
    font-weight: 400
}

.FrequentlyAskedQuestions-item-title a {
    cursor: pointer;
    display: flex;
    line-height: 22.5px
}

.FrequentlyAskedQuestions-item-title a:after {
    align-self: top;
    color: #732dd9;
    content: "";
    font-family: budicon;
    margin-left: auto;
    padding-left: 15px
}

.open .FrequentlyAskedQuestions-item-title a:after {
    content: "";
    font-family: budicon
}

.FrequentlyAskedQuestions-item-content {
    color: #7c8689;
    height: 0;
    line-height: 22.5px;
    overflow: hidden;
    width: 80%
}

.open .FrequentlyAskedQuestions-item-content {
    height: auto;
    margin-top: 22.5px
}

.FrequentlyAskedQuestions-item-content a {
    color: #732dd9
}

.FrequentlyAskedQuestions-item-content hr {
    margin: 30px 0
}

.FrequentlyAskedQuestions-item-content h4 {
    margin-top: 30px
}

.PhoneNumber {
    color: #732dd9;
    display: inline-block
}

.PhoneNumber-phoneIcon:before {
    color: #732dd9;
    content: "";
    display: inline-block;
    font-family: budicon;
    font-style: normal;
    margin-right: 5px;
    transform: scaleX(-1)
}

.PhoneNumber--subtle {
    opacity: .6
}

.PhoneNumber--subtle:hover {
    opacity: 1
}

.PhoneNumber--transparent,
.PhoneNumber--transparent .PhoneNumber-phoneIcon:before {
    color: #fff
}

.EmailAddress {
    color: #732dd9;
    display: inline-block
}

.EmailAddress-emailIcon:before {
    color: #732dd9;
    content: "";
    display: inline-block;
    font-family: budicon;
    font-style: normal;
    margin-right: 5px;
    transform: scaleX(-1)
}

.EmailAddress-emailAddress {
    color: #732dd9
}

.EmailAddress--subtle {
    opacity: .6
}

.EmailAddress--subtle:hover {
    opacity: 1
}

.EmailAddress--transparent,
.EmailAddress--transparent .EmailAddress-emailIcon:before {
    color: #fff
}

.Switch-container {
    display: flex;
    flex-direction: column;
    height: 39px
}

.Switch-container--rightAlign {
    align-items: flex-end
}

.Switch {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.Switch--disabled,
.Switch--loading {
    cursor: not-allowed
}

.Switch--disabled {
    opacity: .5
}

.Switch-toggle {
    align-items: center;
    background: #e5e9ed;
    border-radius: 24px;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    height: 30px;
    position: relative;
    transition: background .3s;
    width: 46px
}

.Switch-toggle:focus-within {
    box-shadow: 0 0 0 1px #fff, 0 0 0 4px rgba(115, 45, 217, .5)
}

.Switch-toggle--on {
    background: #732dd9
}

.Switch-toggle:before {
    animation: load 1.5s infinite;
    animation-timing-function: linear;
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 75%, transparent 0, transparent);
    background-size: 10px 10px;
    border-radius: 24px;
    bottom: 1px;
    content: "";
    left: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: opacity .3s
}

.Switch-toggle--on:before {
    background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .3) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .3) 0, hsla(0, 0%, 100%, .3) 75%, transparent 0, transparent)
}

.Switch-toggle--loading:before {
    opacity: 1;
    transition: opacity .5s
}

.Switch-toggle--loadingOff:before {
    opacity: 1;
    transition: opacity .5s
}

@keyframes load {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 50px
    }
}

.Switch-label {
    flex: 1;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    min-width: 0;
    padding-left: 15px;
    transition: color .3s
}

.Switch-label--off {
    color: #7c8689
}

.Switch-label:hover {
    cursor: pointer
}

.Switch-knob {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 2px rgba(0, 0, 0, .1);
    height: 24px;
    position: absolute;
    top: 3px;
    transform: translateX(3px);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    width: 24px
}

.Switch-knob--on {
    transform: translateX(19px)
}

.Switch-input {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.Switch-message {
    display: flex;
    font-size: 12px;
    justify-content: flex-start;
    margin-top: 5px;
    min-height: 1.5em;
    opacity: 0;
    transition: opacity .3s
}

.Switch-message--error {
    color: #eb5757;
    opacity: 1
}

.Switch-message--success {
    color: #47a82d;
    opacity: 1
}

.Switch-message--rightAlign {
    justify-content: flex-end
}

.MultilistingBadge {
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 7px;
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    padding: 12px 13px 13px 40px;
    position: relative
}

.MultilistingBadge:before {
    content: "";
    font-family: budicon;
    font-size: 20px;
    left: 11px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width:767px) {
    .MultilistingBadge {
        padding-left: 50px
    }

    .MultilistingBadge:before {
        background-image: ;
        content: "";
        height: 22px;
        left: 15px;
        top: 12px;
        transform: none;
        width: 22px
    }
}

.MultilistingBadge--fullWidth {
    display: block;
    width: 100%
}

.MultilistingBadge--angular {
    border-radius: 0;
    border-bottom-left-radius: 7px
}

@media(max-width:767px) {
    .MultilistingBadge--angular {
        border-bottom-left-radius: 0
    }
}

.MultilistingBadge-label {
    font-weight: 600;
    margin-right: .5em
}

.StickyHeader {
    left: 0;
    position: fixed;
    top: 0;
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    z-index: 110
}

.StickyHeader--hidden {
    transform: translateY(-100%)
}

.FullWidthCard {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: fixed;
    right: 0;
    transition: all .5s ease-in-out;
    z-index: 1002
}

.FullWidthCard.isClosed {
    transform: translateY(100%)
}

.FullWidthCard.isOpen {
    transform: translate(0)
}

.FullWidthCard.semiVisible {
    transform: translateY(60%)
}

.FullWidthCard-buttonsOuter {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
    position: relative
}

.FullWidthCard-actionButton {
    left: 50%;
    margin-left: auto;
    position: absolute;
    transform: translateX(-50%);
    transition: all .5s ease-in-out;
    white-space: nowrap
}

.FullWidthCard-actionButton.actionButtonUp {
    transform: translate(-50%, -140%)
}

.FullWidthCard-closeButton {
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 20px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .25);
    display: flex;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    margin-left: auto;
    margin-right: 15px;
    width: 30px
}

.FullWidthCard-cardOuter {
    background-color: #fff;
    height: 250px
}

.ExtraAreaButton {
    background: #fff;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    transition: width .2s ease-out
}

.ExtraAreaButton:disabled {
    cursor: not-allowed
}

a.ExtraAreaButton {
    display: inline-block
}

.ExtraAreaButton--extraAreaEnabled {
    position: relative
}

.ExtraAreaButton--extraAreaEnabled:before {
    bottom: var(--touchAreaBottom, 0);
    content: "";
    cursor: pointer;
    left: var(--touchAreaLeft, 0);
    position: absolute;
    right: var(--touchAreaRight, 0);
    top: var(--touchAreaTop, 0)
}

.ExtraAreaButton--floating {
    box-shadow: 0 10px 20px rgba(55, 57, 86, .1), 0 5px 5px rgba(59, 55, 86, .03);
    color: #24272e
}

.ExtraAreaButton--translucid {
    background: hsla(0, 0%, 7%, .25);
    box-shadow: none
}

.ExtraAreaButton--brand:disabled,
.ExtraAreaButton--translucid:disabled,
.ExtraAreaButton--white:disabled {
    background: #e5e9ed;
    color: #b5bec5
}

.ExtraAreaButton--primary {
    background: #47a82d
}

.ExtraAreaButton--primary:disabled {
    background: #acd8a0
}

.ExtraAreaButton--brand {
    background: #732dd9
}

.ExtraAreaButton--white {
    background: #fff;
    color: #24272e
}

.ShortlistButton {
    align-items: center;
    box-shadow: 0 10px 20px rgba(55, 57, 86, .1), 0 5px 5px rgba(59, 55, 86, .03);
    cursor: pointer;
    display: flex;
    padding: 0 15px
}

.ShortlistButton.isActive {
    background-color: #732dd9;
    border: 0;
    color: #fff
}

.ShortlistButton.isActive:hover {
    background-color: #4f2892
}

.ShortlistButton svg {
    position: relative;
    transition: transform .2s, fill .3s;
    z-index: 1
}

.ShortlistButton.wasRemovedFromShortlist svg {
    animation: heart-wiggle .5s;
    transform-origin: center bottom
}

.ShortlistButton:active svg {
    transform: scale(.4);
    transform-origin: center center
}

@keyframes heart-wiggle {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    75% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.ShortlistButton.noLabel {
    height: 40px;
    justify-content: center;
    padding: 0;
    transition: background-color .3s;
    width: 40px
}

.ShortlistButton.noLabel:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px rgba(115, 45, 217, .5);
    color: #24272e;
    outline: none
}

.ShortlistButton.noLabel.isHovered:not(.isActive),
.ShortlistButton.noLabel:hover:not(.isActive) {
    background-color: #e5e9ed;
    border: 1px solid #dae0e6;
    color: #24272e
}

.ShortlistButton.noLabel:after {
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: 3px;
    content: "";
    height: 27px;
    left: 3px;
    opacity: .4;
    position: absolute;
    transform: scale(.1);
    transform-origin: center center;
    width: 27px
}

.ShortlistButton.noLabel.isActive:after {
    opacity: 0;
    transform: scale(1);
    transition: transform .3s, opacity .2s;
    transition-delay: 10ms, .4s
}

.ShortlistButton-label {
    margin-left: 5px
}

.ListingItem {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    position: relative;
    z-index: 1
}

@media(min-width:480px) {
    .ListingItem {
        border-bottom: 1px solid #e7f0f3;
        flex-direction: row;
        padding-bottom: 30px
    }
}

.ListingItem .ImageGallery {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ListingItem .ImageGallery .ImageGallery-container {
    height: 100%;
    top: 0
}

.ListingItem .ImageGallery .ImageGallery-container .CoverImage-image {
    border-radius: 5px
}

.ListingItem .ImageGallery .ImageGallery-container .ImageGallery-navButton {
    width: 20%
}

.ListingItem-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.ListingItem-link.mobile {
    display: block
}

.ListingItem-link.notMobile {
    bottom: 30px;
    display: none
}

@media(min-width:768px) {
    .ListingItem-link.mobile {
        display: none
    }

    .ListingItem-link.notMobile {
        display: block
    }
}

.ListingItem-image-outer {
    width: 100%
}

@media(min-width:480px) {
    .ListingItem-image-outer {
        min-width: 250px;
        width: calc(40% - 30px)
    }
}

@media(min-width:1200px) {
    .ListingItem-image-outer {
        width: calc(47% - 30px)
    }
}

@media(min-width:1440px) {
    .ListingItem-image-outer {
        width: calc(44% - 30px)
    }
}

.ListingItem-image {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .05);
    height: 0;
    padding-bottom: 66%;
    position: relative
}

@media(min-width:480px) {
    .ListingItem-image {
        height: 100%;
        margin-right: 30px;
        min-height: 185px;
        padding-bottom: 0
    }
}

.ListingItem-info {
    color: inherit;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 15px;
    position: relative
}

.ListingItem-deleteButton.DeleteButton {
    margin-left: auto;
    z-index: 3
}

@media(min-width:480px) {
    .ListingItem-deleteButton.DeleteButton {
        margin-top: auto
    }
}

@media(max-width:480px) {
    .ListingItem-deleteButton.DeleteButton {
        position: absolute;
        right: 0;
        top: 0
    }
}

.ListingItem-price {
    font-size: 19px
}

.ListingItem-title {
    font-size: 16px;
    line-height: 22.5px;
    padding-right: 30px
}

@media(min-width:480px) {
    .ListingItem-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }
}

.ListingItem-brief,
.ListingItem-region {
    color: #575d64;
    font-size: 14px
}

.ListingItem-brief {
    line-height: 1
}

.ListingItem-perMonth {
    color: #515161;
    font-size: 12px;
    font-weight: 100
}

.ListingItem-separator {
    margin: 0 10px
}

.popper,
.popper-InnerReference,
.popper-reference {
    height: -moz-max-content;
    height: max-content;
    width: -moz-max-content;
    width: max-content
}

.popper {
    background: #fff;
    border: 1px solid #e5e9ed;
    border-radius: 7px;
    box-shadow: 0 15px 25px rgba(59, 55, 86, .03), 0 50px 125px rgba(59, 55, 86, .07);
    box-sizing: border-box
}

.popper-enter {
    opacity: .01
}

.popper-enter-active {
    opacity: 1;
    transition: opacity .35s
}

.popper-exit {
    opacity: 1
}

.popper-exit-active {
    opacity: .01;
    transition: opacity .25s
}

.popper-inner {
    height: -moz-max-content;
    height: max-content;
    padding: 20px;
    width: -moz-max-content;
    width: max-content
}

.popper .popper__arrow {
    border-style: solid;
    height: 0;
    width: 0
}

.popper[data-placement^=right] {
    margin-left: 12px
}

.popper[data-placement^=right] .popper__arrow {
    border-color: #fff;
    border-width: 6px;
    box-shadow: -1px -1px 1px rgba(59, 55, 86, .07);
    left: -6px
}

.popper[data-placement^=top] {
    margin-bottom: 12px
}

.popper[data-placement^=top] .popper__arrow {
    border-color: #fff;
    border-width: 6px;
    bottom: -6px;
    box-shadow: -1px 1px 1px rgba(59, 55, 86, .07)
}

.popper[data-placement^=bottom] {
    margin-top: 12px
}

.popper[data-placement^=bottom] .popper__arrow {
    border-color: #fff;
    border-width: 6px;
    box-shadow: 1px -1px 1px rgba(59, 55, 86, .07);
    top: -6px
}

.popper[data-placement^=left] {
    margin-right: 12px
}

.popper[data-placement^=left] .popper__arrow {
    border-color: #fff;
    border-width: 6px;
    box-shadow: 1px 1px 1px rgba(59, 55, 86, .07);
    right: -6px
}

.popper[data-x-out-of-boundaries] {
    display: none
}

.VerticalRadio input[type=radio] {
    opacity: 0;
    position: fixed;
    width: 0
}

.VerticalRadio-listItem {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    transition: background .15s
}

.VerticalRadio-label {
    background: none;
    color: #575d64;
    display: flex;
    flex-direction: column;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    justify-content: space-around;
    margin-right: 15px;
    width: 85%
}

.VerticalRadio-title {
    color: #575d64;
    line-height: 22.5px
}

.VerticalRadio-subtitle {
    color: #7b8389;
    font-weight: 500;
    line-height: 22.5px
}

.VerticalRadio-icon {
    align-items: center;
    border: 1px solid #dae0e6;
    border-radius: 50%;
    display: flex;
    height: 26px;
    justify-content: center;
    transition: background .25s;
    width: 26px
}

.VerticalRadio-iconInner {
    color: #fff;
    display: none
}

.VerticalRadio .VerticalRadio-listItem:hover {
    background: #f7f9fa;
    border-radius: 5px;
    cursor: pointer
}

.VerticalRadio input[type=radio]:checked~.VerticalRadio-label .VerticalRadio-title {
    color: #24272e
}

.VerticalRadio input[type=radio]:checked~.VerticalRadio-icon {
    background: #732dd9;
    border: none
}

.VerticalRadio input[type=radio]:checked~.VerticalRadio-icon .VerticalRadio-iconInner {
    display: inherit
}

.DropdownInput-container {
    position: relative;
    width: 100%
}

.DropdownInput-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #f7f9fa;
    border: 1px solid #dae0e6;
    border-radius: 5px;
    box-sizing: border-box;
    color: #24272e;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    outline: none;
    padding: 0 20px;
    text-indent: 1px;
    text-overflow: "";
    width: 100%
}

.DropdownInput-select:hover {
    background: #edf1f4;
    border: 1px solid #e5e9ed
}

.DropdownInput-select:focus {
    background: #f5f1fb;
    border: 1px solid #732dd9
}

.DropdownInput-select--empty {
    color: #b5bec5
}

.DropdownInput-select--error {
    background: #fae8e8;
    border: 1px solid #eb5757;
    color: #eb5757
}

.DropdownInput-select--error.DropdownInput-select--empty {
    color: rgba(235, 87, 87, .3)
}

.DropdownInput-select--no-color,
.DropdownInput-select.DropdownInput-select--no-color:focus {
    color: transparent
}

.DropdownInput-custom-selected-value-container {
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.DropdownInput-item {
    color: #24272e
}

.DropdownInput-icon {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    display: flex;
    height: 18px;
    justify-content: center;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

.DropdownInput-triangle {
    display: inherit;
    margin-top: 2px
}

.WindowsOS .DropdownInput-select:focus {
    background: transparent;
    color: #24272e
}

.WindowsOS .DropdownInput-select:hover {
    color: #24272e
}

.WindowsOS .DropdownInput-select:focus:hover {
    background: transparent;
    color: #24272e
}

@-moz-document url-prefix() {

    .DropdownInput-select--empty,
    .DropdownInput-select--empty:focus,
    .DropdownInput-select--empty:focus:hover,
    .DropdownInput-select--empty:hover {
        color: #24272e !important
    }

    .DropdownInput-select--empty:focus,
    .DropdownInput-select--empty:focus:hover {
        background: transparent !important
    }
}

.InputText {
    display: flex;
    flex-direction: column;
    position: relative
}

@media(min-width:480px) {
    .InputText {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.InputText-adornment {
    align-items: center;
    display: flex;
    pointer-events: auto;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.InputText-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f7f9fa;
    border: 1px solid #dae0e6;
    border-radius: 5px;
    box-sizing: border-box;
    color: #24272e;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 135%;
    min-width: 100%;
    outline: none;
    padding: 15px 20px;
    width: 100%
}

.InputText-input:hover {
    background-color: #edf1f4;
    border: 1px solid #dae0e6
}

.InputText-input:focus {
    background-color: #f5f1fb;
    border: 1px solid #732dd9
}

.InputText-input:focus::-moz-placeholder {
    color: rgba(115, 45, 217, .3)
}

.InputText-input:focus::placeholder {
    color: rgba(115, 45, 217, .3)
}

.InputText-input::-moz-placeholder {
    color: #b5bec5
}

.InputText-input::placeholder {
    color: #b5bec5
}

.InputText-input--withAdornment {
    padding-right: 40px
}

.InputText-input--error {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.InputText-input--error:hover {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.InputText-input--error:focus {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.InputText-input--error:focus::-moz-placeholder {
    color: rgba(235, 87, 87, .3)
}

.InputText-input--error:focus::placeholder {
    color: rgba(235, 87, 87, .3)
}

.InputText-input--error::-moz-placeholder {
    color: rgba(235, 87, 87, .3)
}

.InputText-input--error::placeholder {
    color: rgba(235, 87, 87, .3)
}

@media(min-width:480px) {
    .InputText-input {
        margin-top: 0
    }
}

.InputText-label {
    color: #24272e;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding-right: 20px;
    white-space: nowrap
}

.InputTextArea {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%
}

@media(min-width:480px) {
    .InputTextArea {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.InputTextArea-internal {
    border-radius: 5px;
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    min-width: 100%;
    overflow: hidden;
    padding: 13px 20px;
    width: 100%;
    word-break: break-word
}

@media(min-width:480px) {
    .InputTextArea-internal {
        margin-top: 0
    }
}

.InputTextArea-hiddenSpan {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre-wrap
}

.InputTextArea-input {
    background: #f7f9fa;
    border: 1px solid #dae0e6;
    color: #24272e;
    outline: none;
    resize: none
}

.InputTextArea-input:hover {
    background-color: #edf1f4;
    border: 1px solid #dae0e6
}

.InputTextArea-input:focus {
    background-color: #f5f1fb;
    border: 1px solid #732dd9
}

.InputTextArea-input:focus::-moz-placeholder {
    color: rgba(115, 45, 217, .3)
}

.InputTextArea-input:focus::placeholder {
    color: rgba(115, 45, 217, .3)
}

.InputTextArea-input::-moz-placeholder {
    color: #b5bec5
}

.InputTextArea-input::placeholder {
    color: #b5bec5
}

.InputTextArea-input--error {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.InputTextArea-input--error:hover {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.InputTextArea-input--error:focus {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.InputTextArea-input--error:focus::-moz-placeholder {
    color: rgba(235, 87, 87, .3)
}

.InputTextArea-input--error:focus::placeholder {
    color: rgba(235, 87, 87, .3)
}

.InputTextArea-input--error::-moz-placeholder {
    color: rgba(235, 87, 87, .3)
}

.InputTextArea-input--error::placeholder {
    color: rgba(235, 87, 87, .3)
}

.InputTextArea-label {
    color: #24272e;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding-right: 20px;
    white-space: nowrap
}

.PhoneNumberInput {
    align-items: center;
    background: #f7f9fa;
    border: 1px solid #dae0e6;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    height: 46px
}

.PhoneNumberInput:hover {
    background: #edf1f4;
    border: 1px solid #dae0e6
}

.PhoneNumberInput:hover .PhoneNumberInput-phoneInput {
    background: #edf1f4
}

.PhoneNumberInput:focus-within {
    background: #f5f1fb;
    border: 1px solid #732dd9
}

.PhoneNumberInput:focus-within .PhoneNumberInput-phoneInput {
    background: #f5f1fb;
    outline: none
}

.PhoneNumberInput--error {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.PhoneNumberInput--error:focus,
.PhoneNumberInput--error:focus-within,
.PhoneNumberInput--error:hover {
    background: #fae8e8;
    border: 1px solid #eb5757
}

.PhoneNumberInput--error:focus .PhoneNumberInput-phoneInput,
.PhoneNumberInput--error:focus-within .PhoneNumberInput-phoneInput,
.PhoneNumberInput--error:hover .PhoneNumberInput-phoneInput {
    background: #fae8e8
}

.PhoneNumberInput-phoneInput {
    background: #f7f9fa;
    border: none;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    font-family: inherit;
    font-size: inherit;
    overflow: hidden;
    width: 100%
}

.PhoneNumberInput-phoneInput--error {
    background: #fae8e8
}

.PhoneNumberInput-phoneInput::-moz-placeholder {
    color: #b5bec5
}

.PhoneNumberInput-phoneInput::placeholder {
    color: #b5bec5
}

.PhoneNumberInput-phoneInput--focused::-moz-placeholder {
    color: rgba(115, 45, 217, .35)
}

.PhoneNumberInput-phoneInput--focused::placeholder {
    color: rgba(115, 45, 217, .35)
}

.PhoneNumberInput-phoneInput--error::-moz-placeholder {
    color: rgba(235, 87, 87, .35)
}

.PhoneNumberInput-phoneInput--error::placeholder {
    color: rgba(235, 87, 87, .35)
}

.PhoneNumberInput-countrySelect {
    cursor: pointer;
    font-family: Roboto, sans-serif;
    height: 30px;
    margin-left: 7.5px;
    opacity: 0;
    width: 50px;
    z-index: 1
}

.PhoneNumberInput-flag {
    align-items: center;
    background: #fff;
    border: 1px solid #e5e9ed;
    border-radius: 30px;
    box-shadow: 0 7px 10px rgba(55, 57, 86, .03), 0 5px 5px rgba(59, 55, 86, .03);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 0 7.5px 0 -50px;
    min-height: 30px;
    min-width: 50px;
    white-space: nowrap
}

select:focus~.PhoneNumberInput-flag {
    border: 1px solid #732dd9
}

.PhoneNumberInput-flag:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #575d64;
    content: "";
    display: inline-block;
    margin-left: 7.5px;
    vertical-align: middle
}

.PhoneNumberInput-flag--circular {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 17px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 17px
}

.PhoneNumberInput-flag-image {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.PhoneNumberInput-dialCode {
    color: #000;
    margin-right: 3.75px
}

.EmailForm {
    animation: appear .3s ease
}

.ForgotPassword {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    outline: none
}

.ForgotPassword-padlock {
    margin-right: 10px
}

.ForgotPassword-label {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.ForgotPassword-popover-ctaButtons {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.ForgotPassword-popover-btn {
    flex: 1;
    height: 40px
}

.ForgotPassword-popover-closeBtn {
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px
}

.ForgotPassword-popover-title-less-margin {
    font-family: Poppins, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px
}

@media(width > 700px) {
    .ForgotPassword-popover-title-less-margin {
        max-width: 285px
    }
}

.ForgotPassword-popover-text-less-wide {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 45px
}

@media(width > 700px) {
    .ForgotPassword-popover-text-less-wide {
        max-width: 285px
    }
}

.ForgotPassword-popover-email {
    word-break: break-all
}

.ForgotPassword-popover-title {
    font-family: Poppins, sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 25px;
    margin: 24px 0 10px;
    max-width: 260px
}

.ForgotPassword-popover-text {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 35px;
    max-width: 340px;
    word-break: break-word
}

.AuthComponent-Form-PasswordForm .popper-reference {
    display: inline-flex
}

.ForgotPasswordView .popper-inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 350px
}

.ForgotPasswordView .Toast-content {
    overflow: hidden
}

.ForgotPasswordView .Toast .StatusCard-outer {
    box-shadow: 0 50px 125px rgba(59, 55, 86, .07), 0 15px 25px rgba(59, 55, 86, .03)
}

.ForgotPasswordView .StatusCard .StatusCard-inner {
    padding: 15px
}

.ForgotPasswordView .Drawer-children {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 10px 30px;
    text-align: center
}

.Drawer-children .ForgotPassword-popover-title {
    margin-top: 0
}

.Drawer-children .ForgotPassword-popover-ctaButtons {
    margin-top: 25px
}

.AuthComponent-Form-PasswordForm {
    animation: passwordFormFadeInDown .3s ease;
    margin-top: 15px
}

.PasswordForm-additionalActionsContainer {
    align-items: center;
    display: grid;
    grid-auto-rows: 40px;
    margin-top: 15px
}

@media(min-width:993px) {
    .PasswordForm-additionalActionsContainer {
        gap: 30px;
        grid-template-columns: 1fr max-content max-content
    }
}

@keyframes passwordFormFadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-40%)
    }

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

.SocialButtons {
    animation: SocialButtonsFadeInUp .3s ease forwards;
    margin-top: 35px
}

.SocialButtons-title {
    color: #7b8389;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 25px
}

.SocialButtons-buttonsContainer {
    display: flex;
    flex-wrap: wrap
}

.SocialButtons-Button {
    align-items: center;
    color: #24272e;
    display: inline-flex;
    padding-bottom: 15px;
    padding-right: 45px
}

.SocialButtons-Button:hover {
    color: #575d64
}

button.SocialButtons-Button {
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    padding-left: 0
}

.SocialButtons-Button-icon {
    align-items: center;
    background: #f0f6fe;
    border: 1px solid #e5e9ed;
    border-radius: 50%;
    display: inline-flex;
    height: 46px;
    justify-content: center;
    width: 46px
}

.SocialButtons-Button-label {
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px
}

@keyframes SocialButtonsFadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

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

.SignupForm {
    animation: SignupFormFadeInRight .3s ease forwards
}

.SignupForm .InputWrapper {
    border-bottom: 1px solid #e5e9ed;
    margin-top: 15px;
    padding-bottom: 5px
}

.SignupForm .InputWrapper--hideBorder {
    border: transparent
}

@media(min-width:768px) {
    .SignupForm .InputWrapper {
        margin-top: 23px
    }
}

.SignupForm .InputWrapperEmail {
    grid-template-rows: auto 0;
    padding-bottom: 10px
}

.SignupForm .InputWrapperEmail .InputWithButton {
    min-height: auto
}

.InputWrapper-passwordInput .InputWrapper-children {
    position: relative
}

.InputWrapper-passwordInput .ShowPasswordToggle {
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.InputWrapper .InputTooltip-container {
    align-self: flex-end;
    margin-top: 5px;
    position: absolute;
    top: 100%
}

.SignupPasswordTooltip-popover .popper-inner {
    max-width: 240px
}

@media(min-width:480px) {
    .SignupPasswordTooltip-popover .popper-inner {
        max-width: 300px
    }
}

.SignupPasswordTooltip-popover .passwordTooltipContent {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px
}

.SignupPasswordTooltip-popover .passwordTooltipContent .passwordTooltipContent-title {
    margin-bottom: 20px
}

.SignupPasswordTooltip-popover .passwordTooltipContent .passwordTooltipContent-list {
    list-style: disc;
    padding-left: 20px
}

.SignupPasswordTooltip-popover .passwordTooltipContent .passwordTooltipContent-list li {
    font-weight: 400;
    position: relative
}

.SignupForm .InputText-input {
    min-width: auto;
    width: 100%
}

.SignupForm-tosCheckbox {
    margin-bottom: 15px;
    margin-top: 15px
}

.SignupForm-checkboxLabel {
    color: #24272e;
    font-size: 14px;
    font-weight: 500
}

.SignupForm-tosCheckbox .InputWrapper-error {
    margin-top: 5px
}

.SignupForm-tosLink {
    color: #732dd9
}

.SignupForm-inputGroup {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto
}

@media(min-width:768px) {
    .SignupForm-inputGroup {
        gap: 25px
    }
}

.AuthComponent-Form--stickyFooter {
    display: grid;
    grid-template-areas: "inputs" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 85px;
    height: 100%;
    width: 100%
}

.AuthComponent-Form--stickyFooter .SignupForm-inputsContainer {
    grid-area: inputs
}

.AuthComponent-Form--stickyFooter .SignupForm-footerContainer {
    align-items: center;
    background: #fff;
    background: hsla(0, 0%, 100%, .95);
    bottom: 0;
    display: flex;
    grid-area: footer;
    justify-content: flex-end;
    position: sticky;
    width: 100%;
    z-index: 5
}

.SignupForm-submitButton {
    background: #47a82d;
    border: none;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    width: 100%
}

.SignupForm-submitButton:hover {
    background: #429c2a
}

.SignupForm-submitButton:disabled {
    background: #acd8a0
}

@media(min-width:768px) {
    .SignupForm-submitButton {
        width: 145px
    }
}

@keyframes SignupFormFadeInRight {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.SignupForm .InputWrapperPhone {
    grid-template-rows: auto 30px auto 18px
}

@media(min-width:993px) {
    .SignupForm .InputWrapperPhone {
        grid-template-rows: auto 10px auto 18px
    }
}

.phoneTooltipContent {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.phoneTooltipContent-title {
    font-weight: 600;
    letter-spacing: .02em
}

.phoneTooltipContent-text,
.phoneTooltipContent-title {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 18px
}

.phoneTooltipContent-text {
    color: #24272e;
    font-weight: 500
}

.phoneNumber-sublabel-text {
    padding-left: 5px;
    vertical-align: super
}

.SignupPhoneTooltip-popover .popper-inner {
    max-width: 240px
}

@media(min-width:480px) {
    .SignupPhoneTooltip-popover .popper-inner {
        max-width: 300px
    }
}

@media(min-width:768px) {
    .AuthComponent-EmailVerification {
        margin-top: 250px;
        max-width: 575px
    }
}

.AuthComponent-EmailVerification-title {
    color: #24272e;
    font-size: 24px;
    font-weight: 600;
    line-height: 45px;
    text-align: center
}

@media(min-width:768px) {
    .AuthComponent-EmailVerification-title {
        font-size: 36px;
        text-align: left
    }
}

.AuthComponent-EmailVerification-description {
    color: #575d64;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.5px;
    margin-top: 5px;
    text-align: center;
    word-break: break-word
}

@media(min-width:768px) {
    .AuthComponent-EmailVerification-description {
        font-size: 16px;
        text-align: left
    }
}

.AuthComponent-EmailVerification-email {
    color: #24272e;
    font-weight: 600
}

.AuthComponent-EmailVerification-button {
    background: none;
    border: none;
    color: #575d64;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin-top: 25px
}

@media(max-width:768px) {
    .AuthComponent-EmailVerification-button {
        bottom: 10px;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%)
    }
}

.AuthComponent-EmailVerification-button .IconTextButton-icon {
    border: 0
}

.AuthComponent-Form {
    max-width: 690px
}

.HiddenPasswordInput {
    height: 0;
    overflow: hidden
}

.grecaptcha-badge {
    visibility: hidden
}

.ReCaptchaTOS {
    color: #7b8389;
    font-size: 12px;
    line-height: 15px;
    margin-top: 7px
}

.ReCaptchaTOS-link {
    color: #24272e;
    font-weight: 600
}

.InputWrapper {
    display: grid;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    grid-template-areas: "label children" ". error";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 18px
}

@media(max-width:992px) {
    .InputWrapper {
        grid-template-areas: "label" "." "children" "error";
        grid-template-columns: 1fr;
        grid-template-rows: auto 10px auto 18px
    }
}

.InputWrapper--labelOnTop {
    grid-template-areas: "label" "." "children" "error";
    grid-template-columns: 1fr;
    grid-template-rows: auto 10px auto 18px
}

.InputWrapper-label-container {
    align-self: center;
    cursor: pointer;
    grid-area: label
}

.InputWrapper-label,
.InputWrapper-label-sub {
    display: block;
    margin-right: 20px
}

.InputWrapper-label-sub {
    color: #7b8389;
    font-size: 12px;
    line-height: 15px
}

.InputWrapperPhone .InputWrapper-label-sub {
    position: absolute
}

.InputWrapper-children {
    display: flex;
    flex-direction: column;
    grid-area: children;
    justify-content: center;
    margin-top: 0
}

@media(max-width:992px) {
    .InputWrapper-children {
        grid-template-areas: "label" "." "children" "error";
        grid-template-columns: 1fr;
        grid-template-rows: auto 10px auto 18px
    }
}

.InputWrapper-error {
    align-self: center;
    background: transparent;
    color: #eb5757;
    font-size: 12px;
    grid-area: error;
    line-height: 100%;
    padding: 0
}

.InputWithButton {
    align-items: center;
    border-bottom: 1px solid #e5e9ed;
    display: flex;
    justify-content: space-between;
    min-height: 60px
}

.InputWithButton--disabled {
    border-bottom-color: transparent
}

.InputWithButton-input {
    background: none;
    background: transparent;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #24272e;
    display: inline-flex;
    flex: 1;
    font-family: Poppins, sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 45px;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.InputWithButton-input:hover::-moz-placeholder {
    color: #dae0e6
}

.InputWithButton-input:hover::placeholder {
    color: #dae0e6
}

.InputWithButton-input:focus::-moz-placeholder {
    color: #dae0e6
}

.InputWithButton-input:focus::placeholder {
    color: #dae0e6
}

.InputWithButton-input::-moz-placeholder {
    color: #b5bec5;
    font-size: 23px;
    font-weight: 600
}

.InputWithButton-input::placeholder {
    color: #b5bec5;
    font-size: 23px;
    font-weight: 600
}

@media(max-width:767px) {
    .InputWithButton-input::-moz-placeholder {
        font-size: 19px
    }

    .InputWithButton-input,
    .InputWithButton-input::placeholder {
        font-size: 19px
    }
}

.InputWithButton-input--error {
    animation: shake .5s linear;
    box-shadow: none;
    color: #eb5757
}

.InputWithButton-input--disabled {
    display: none
}

.InputWithButton-input:disabled {
    cursor: not-allowed
}

.InputWithButton-button {
    align-items: center;
    background: #acd8a0;
    border: none;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    width: 125px
}

@media(max-width:767px) {
    .InputWithButton-button {
        border-radius: 50%;
        height: 40px;
        min-height: 40px;
        min-width: 40px;
        width: 40px
    }
}

.InputWithButton-button--edit {
    background: #edf1f4;
    border: 1px solid #e5e9ed;
    border-radius: 50%;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    width: 30px
}

.InputWithButton-button:disabled {
    cursor: not-allowed
}

.InputWithButton-button--valid.InputWithButton-button--submit {
    background: #47a82d
}

.InputWithButton-button--valid.InputWithButton-button--submit:hover {
    background: #429c2a
}

.InputWithButton-btnLabel {
    margin-left: -16px;
    padding: 0 30px
}

@media(max-width:767px) {
    .InputWithButton-btnLabel {
        display: none
    }
}

.InputWithButton-arrowRight {
    display: none
}

@media(max-width:767px) {
    .InputWithButton-arrowRight {
        display: inline-block
    }
}

.InputWithButton-errorMsg {
    color: #eb5757;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    margin-top: 5px
}

.InputWithButton-inputContainer {
    align-items: center;
    display: grid;
    gap: 35px;
    grid-template-columns: 1fr max-content;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: center left;
    transition: transform .3s ease;
    white-space: nowrap;
    width: 100%
}

.InputWithButton-inputContainer--disabled {
    transform: scale(.83)
}

.InputWithButton-label {
    display: none
}

.InputWithButton-label--visible {
    display: inline-block;
    font-family: Poppins, sans-serif;
    font-size: 19px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PasswordInput-criteria {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    margin-top: 4px
}

.PasswordInput-criteria .criteria:before {
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px
}

.PasswordInput-criteria .criteria.criteriaSubmittedUnmatched {
    color: red
}

.PasswordInput-criteria .criteria.criteriaSubmittedUnmatched:before {
    content: 
}

.PasswordInput-criteria .criteria.criteriaNotMatched {
    color: #575d64
}

.PasswordInput-criteria .criteria.criteriaNotMatched:before {
    content: 
}

.PasswordInput-criteria .criteria.criteriaMatched {
    color: #47a82d
}

.PasswordInput-criteria .criteria.criteriaMatched:before {
    content: 
}

.PasswordInput-error {
    color: red;
    font-size: 12px;
    margin-top: 4px
}

.VerticalInputContainer {
    display: flex;
    flex-direction: column;
    width: 100%
}

.VerticalInputContainer-label {
    color: #24272e;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px
}

.VerticalInputContainer-tooltip {
    padding-left: 5px;
    vertical-align: sub
}

.VerticalInputContainer-error {
    animation: appear .2s linear 1;
    color: #eb5757;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin: 2px 0
}

.Drawer {
    background: rgba(0, 0, 0, .25);
    bottom: 0;
    justify-content: flex-end;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 12000
}

.Drawer,
.Drawer-inner {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Drawer-inner {
    background: #fff;
    border-radius: 10px 10px 0 0;
    max-height: 95%;
    opacity: unset;
    z-index: 1000
}

.Drawer-sliderContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0
}

.Drawer-enter {
    background: none;
    opacity: 0;
    visibility: hidden
}

.Drawer-enter .Drawer-inner {
    transform: translateY(100%)
}

.Drawer-enter-active {
    background: rgba(0, 0, 0, .25);
    opacity: 1;
    transition: all .25s;
    visibility: inherit
}

.Drawer-enter-active .Drawer-inner {
    transform: translateY(0);
    transition: transform .25s
}

.Drawer-exit {
    background: rgba(0, 0, 0, .25);
    opacity: 1
}

.Drawer-exit .Drawer-inner {
    transform: translateY(0)
}

.Drawer-exit-active {
    opacity: 0;
    transition: opacity .25s
}

.Drawer-exit-active .Drawer-inner {
    transform: translateY(100%);
    transition: transform .25s
}

.Drawer-slider {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 30px;
    padding-top: 15px;
    width: 100%
}

.Drawer-children {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15px
}

.FlashMessage {
    background: #3c8e26;
    color: #fff;
    font-size: 14px;
    line-height: 22.5px;
    padding: 7.5px 37.5px 7.5px 30px;
    position: relative
}

.FlashMessage-closeButton {
    background: none;
    border: 0;
    border-radius: 2em;
    color: #fff;
    height: 22.5px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    top: calc(50% - 11.25px);
    width: 22.5px
}

.FlashMessage-closeButton:hover {
    background: #2b661b
}

.FlashMessage-closeButton:before {
    content: "";
    font-family: budicon;
    left: 50%;
    line-height: 1;
    margin-left: 1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

@keyframes appear {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes appearFromRight {
    0% {
        opacity: 0;
        transform: translateX(100px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeAndScaleIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes shake {

    41%,
    8% {
        -webkit-transform: translateX(-10px)
    }

    25%,
    58% {
        -webkit-transform: translateX(10px)
    }

    75% {
        -webkit-transform: translateX(-5px)
    }

    92% {
        -webkit-transform: translateX(5px)
    }

    0%,
    to {
        -webkit-transform: translateX(0)
    }
}

.MonthlyAvailabilityViewer-yearSelect {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.MonthlyAvailabilityViewer-currentYear {
    font-size: 16px;
    font-weight: 500
}

.MonthlyAvailabilityViewer-selectNextYear,
.MonthlyAvailabilityViewer-selectPreviousYear {
    background: 0;
    border: 0;
    cursor: pointer;
    padding: 7.5px
}

.MonthlyAvailabilityViewer-selectNextYear:before,
.MonthlyAvailabilityViewer-selectPreviousYear:before {
    color: #170c37;
    display: inline-block;
    font-size: 16px
}

.MonthlyAvailabilityViewer-selectNextYear:hover:before,
.MonthlyAvailabilityViewer-selectPreviousYear:hover:before {
    color: #343434
}

.MonthlyAvailabilityViewer-selectNextYear:disabled:before,
.MonthlyAvailabilityViewer-selectPreviousYear:disabled:before {
    color: #ededed
}

.MonthlyAvailabilityViewer-selectPreviousYear:before {
    content: "";
    font-family: budicon
}

.MonthlyAvailabilityViewer-selectNextYear:before {
    content: "";
    font-family: budicon;
    transform: scaleX(-1)
}

.MonthlyAvailabilityViewer-monthsContainer {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 1px 0 0 1px
}

.MonthlyAvailabilityViewer-month {
    border: 1px solid #e5e7ef;
    float: left;
    font-size: 13px;
    height: 120px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 7px 10px 10px 28px;
    position: relative;
    text-align: right;
    width: 16.77%
}

.MonthlyAvailabilityViewer-month:after {
    border-radius: 50%;
    content: "";
    height: 10px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 10px
}

.MonthlyAvailabilityViewer-month--available:after {
    background: #3c8e26
}

.MonthlyAvailabilityViewer-month--partlyAvailable:after {
    background: #e6c346
}

.MonthlyAvailabilityViewer-month--unavailable:after {
    background: #e04e4e
}

@media(max-width:767px) {
    .MonthlyAvailabilityViewer-month {
        height: 80px;
        padding: 7px 8px 8px 25px;
        width: 33.33%
    }

    .MonthlyAvailabilityViewer-yearSelect {
        justify-content: space-between
    }
}

.ImageGalleryModal {
    background: rgba(0, 0, 0, .92);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.ImageGalleryModal .Modal-body {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    width: auto
}

.ImageGalleryModal .Modal-body .btn-close {
    right: 12px;
    top: 12px
}

.ImageGalleryModal .Modal-body .btn-close:before {
    color: #fff
}

.ImageGalleryModal .ImageGallery-navButton img {
    height: 50px;
    width: 50px
}

.StartCreateBookingWizardForm {
    background: #fff;
    border-radius: 7px 7px 0 0;
    box-shadow: 0 5px 5px rgba(59, 55, 86, .03), 0 0 20px rgba(55, 57, 86, .1);
    padding: 30px 20px;
    width: 300px;
    z-index: 10
}

@media(max-width:992px) {
    .StartCreateBookingWizardForm {
        bottom: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        position: fixed
    }
}

.StartCreateBookingWizardForm-error {
    color: #e71a5d;
    font-size: .8em;
    margin-top: 1rem;
    text-align: center
}

.StartCreateBookingWizardForm .FormHelpText {
    margin-bottom: 0;
    text-align: center
}

.StartCreateBookingWizardForm .ListingTenantServiceFee {
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.StartCreateBookingWizardForm .ListingTenantServiceFee .ListingTenantServiceFee-title {
    align-items: center;
    color: #575d64;
    display: flex;
    font-size: 12px;
    gap: 4px
}

.StartCreateBookingWizardForm-bookingDurationTooltip {
    animation: appear-delayed .3s;
    background: rgba(0, 0, 0, .8);
    border-radius: 2px;
    color: #fff;
    font-size: .8em;
    overflow: hidden;
    padding: .5em .75em;
    text-overflow: ellipsis;
    white-space: nowrap
}

.StartCreateBookingWizardForm-bookingDurationTooltip.Popover--position-top-center,
.StartCreateBookingWizardForm-bookingDurationTooltip.Popover--position-top-left,
.StartCreateBookingWizardForm-bookingDurationTooltip.Popover--position-top-right {
    margin-top: -.25em
}

.StartCreateBookingWizardForm-bookingDurationTooltip.Popover--position-bottom-center,
.StartCreateBookingWizardForm-bookingDurationTooltip.Popover--position-bottom-left,
.StartCreateBookingWizardForm-bookingDurationTooltip.Popover--position-bottom-right {
    margin-top: .25em
}

@keyframes appear-delayed {
    0% {
        opacity: 0
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 100%
    }
}

.StartCreateBookingWizardForm-previouslyRequestedMessage {
    color: #3c8e26;
    font-size: 14px;
    line-height: 22.5px;
    margin: 15px auto 0;
    text-align: center
}

.StartCreateBookingWizardForm-previouslyRequestedMessage:before {
    color: #3c8e26;
    content: "";
    font-family: budicon;
    margin-right: 5px
}

.StartCreateBookingWizardFormDateRangePicker-label {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase
}

.StartCreateBookingWizardFormDateRangePicker-trigger {
    border: 1px solid #dae0e6;
    border-radius: 5px;
    margin-bottom: 40px;
    margin-top: 8px;
    padding: 5px
}

.StartCreateBookingWizardFormDateRangePicker .popper-reference {
    width: 100%
}

.StartCreateBookingWizardFormDateRangePicker .popper-InnerReference {
    width: inherit
}

.StartCreateBookingWizardFormDateRangePicker .popper[data-placement^=bottom],
.StartCreateBookingWizardFormDateRangePicker .popper[data-placement^=top] {
    inset: 0 0 auto auto !important;
    margin-top: 7px;
    transform: translate3d(-20px, 161px, 0) !important
}

.StartCreateBookingWizardFormDateRangePicker-previewDateButton {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #24272e;
    cursor: pointer;
    display: inline-flex;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    line-height: 22px;
    padding: 2px 5px
}

.StartCreateBookingWizardFormDateRangePicker-previewDateButton--cleared {
    color: #24272e
}

.StartCreateBookingWizardFormDateRangePicker-previewDateButton--active {
    background-color: #f5f1fb;
    color: #a874f3
}

.StartCreateBookingWizardFormDateRangePicker-previewDateButton--selected {
    background-color: #f5f1fb;
    border-radius: 5px;
    color: #732dd9
}

.StartCreateBookingWizardFormDateRangePicker-previewDateButton--applied:hover {
    color: #7b8389
}

.StartCreateBookingWizardFormDateRangePicker-dateSeparator {
    color: #24272e;
    font-weight: 600
}

.StartCreateBookingWizardFormDateRangePicker-dateSeparator--inactive {
    color: #b5bec5
}

.StartCreateBookingWizardFormDateRangePicker-ctaPanel {
    justify-content: space-between
}

.StartCreateBookingWizardForm-ChangeDateButton,
.StartCreateBookingWizardForm-SubmitButton {
    display: block;
    width: 100%
}

.StartCreateBookingWizardForm-ChangeDateButton {
    margin-top: 15px
}

.ListingPriceText__wrapper {
    color: #575d64;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 22px
}

.ListingPriceText__label {
    color: #575d64;
    font-size: 12px;
    line-height: normal;
    text-transform: uppercase
}

.ListingPriceText__label,
.ListingPriceText__value {
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 600
}

.ListingPriceText__value {
    color: #24272e;
    font-size: 20px;
    line-height: 28px
}

.MultilistingUnavailableCard {
    animation: appear .2s ease-out;
    font-size: 14px;
    font-weight: 600;
    left: 10px;
    opacity: 1;
    position: fixed;
    right: 10px;
    top: 15px;
    transition: opacity .2s ease-out;
    z-index: 2100
}

.MultilistingUnavailableCard--hide {
    opacity: 0;
    pointer-events: none
}

.MultilistingUnavailableCard .StatusCard-inner {
    align-items: center
}

@media(min-width:480px) {
    .MultilistingUnavailableCard {
        display: none
    }
}

.MultilistingUnavailableCard-text {
    line-height: 22.5px;
    padding-right: 7.5px
}

.MultilistingUnavailableCard-close {
    height: 30px;
    width: 30px
}

.CostOverview>div {
    margin-top: 20px
}

.CostOverview>div:not(:last-of-type) {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px
}

.CostOverview-itemRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.CostOverview-itemRow p {
    color: #575d64;
    font-weight: 500
}

.CostOverview-chargeList {
    margin-top: 20px;
    overflow-wrap: break-word
}

.CostOverview-chargeList p.CostOverview-chargeTag {
    background: #f7f9fa;
    border-radius: 30px;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 6px 20px 6px 15px;
    white-space: nowrap
}

.CostOverview-chargeList p.CostOverview-chargeTag:not(:last-of-type) {
    margin-right: 10px
}

.CostOverview-chargeList p.CostOverview-chargeTag:before {
    content: ;
    margin-right: 10px
}

.CostOverview-TenantServiceFee {
    text-align: left
}

.CostOverview-TenantServiceFee .CostOverview-inlineIcon {
    display: inline;
    vertical-align: middle
}

@media(max-width:767px) {
    .CostOverview-TenantServiceFee>span {
        display: inline-block;
        width: 80%
    }
}

.ListingDetailsPage-VerifiedBadgeButton {
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    margin-top: 15px;
    outline: none
}

@media(min-width:768px) {
    .ListingDetailsPage-VerifiedBadgeButton {
        margin-top: 0
    }
}

.ListingsDetailsPage-VerifiedBadgeButton-text {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-left: 4px;
    margin-right: 6px;
    text-align: right
}

.VerifiedBadgePopover-content {
    padding: 20px
}

@media(min-width:768px) {
    .VerifiedBadgePopover-content {
        max-width: 335px;
        padding: 0
    }
}

.VerifiedBadgePopover-contentTitle {
    color: #24272e;
    font-family: Poppins;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 25px
}

.VerifiedBadgePopover-separator {
    border: 0;
    border-top: 1px solid #e5e9ed
}

.VerifiedBadgePopover-contentInfo {
    color: #24272e;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.5px;
    margin-bottom: 15px
}

.VerifiedBadgePopover-contact {
    color: #24272e;
    font-size: 14px;
    font-weight: 500;
    line-height: 22.5px;
    margin-bottom: 30px;
    margin-top: 15px
}

.VerifiedBadgePopover-contact-email {
    color: #24272e
}

.ListingDetailsPage-VerifiedBadgeGotItButton {
    background: #edf1f4;
    border: 1px solid #e5e9ed;
    color: #24272e;
    font-weight: 500
}

.ListingDetailsPage-VerifiedBadgeGotItButton:hover {
    background: #e5e9ed;
    border-color: #dae0e6
}

.VerifiedBadgePopover-closeButton {
    align-items: center;
    background-color: #edf1f4;
    border-radius: 50%;
    display: flex;
    height: 26px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 26px
}

.ViennaStayDurationMessage {
    box-shadow: none;
    flex-wrap: wrap;
    margin: 30px 0
}

@media(min-width:768px) {
    .ViennaStayDurationMessage {
        flex-wrap: nowrap;
        margin: 30px 0 0
    }
}

.ViennaStayDurationMessage .Card {
    align-items: center
}

.ViennaStayDurationMessage-dismissButton {
    margin: 20px auto 0 0
}

@media(min-width:719px) {
    .ViennaStayDurationMessage-dismissButton {
        margin: 0 0 0 auto
    }
}

.ViennaStayDurationMessage-title {
    color: #24272e;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.ViennaStayDurationMessage-content {
    color: #575d64;
    font-size: 14px;
    line-height: 21px
}

.ViennaStayDurationMessage-buttonWrapper {
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 15px
}

.ViennaStayDurationMessage-button {
    overflow: visible !important
}

.RegistrationNumberBody {
    color: #24272e;
    font-size: 14px;
    font-weight: 500
}

@media(min-width:1201px) {
    .hide-xlarge {
        display: none
    }
}

@media(min-width:993px)and (max-width:1199px) {
    .hide-large {
        display: none
    }
}

@media(min-width:768px)and (max-width:991px) {
    .hide-medium {
        display: none
    }
}

@media(max-width:766px) {
    .hide-small {
        display: none
    }
}

@media(max-width:768px) {
    .hide-lt-medium {
        display: none
    }
}

@media(min-width:993px) {
    .hide-gt-large {
        display: none
    }
}

.PaymentOverview-title {
    margin: 0 0 15px
}

.PaymentOverview-subtitle {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 20px
}

.PaymentOverview-subsection {
    background: #f7f9fa;
    border-radius: 7px;
    margin-top: 20px;
    padding: 20px;
    width: 100%
}

.PaymentOverview-subsection-title {
    color: #170c37;
    font-size: 16px;
    margin-bottom: 20px
}

.PaymentOverview-subsection-title span {
    color: #575d64;
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    font-weight: 400;
    line-height: 21px
}

.PaymentOverview-itemRow {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.PaymentOverview-itemRow:not(:last-child) {
    margin-bottom: 15px
}

.PaymentOverview-itemRow:not(:last-child):not(.PaymentOverview-itemRow--no-divider) {
    border-bottom: 1px solid #e5e9ed;
    padding: 0 0 15px
}

.PaymentOverview-itemRow-title {
    align-items: center;
    color: #575d64;
    display: flex;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 5px;
    line-height: 21px
}

.PaymentOverview-itemRow-title--bold {
    color: #170c37;
    font-weight: 600
}

@media(max-width:480px) {
    .PaymentOverview-itemRow-title--serviceFee {
        max-width: 125px
    }
}

.PaymentOverview-itemRow-label {
    color: #575d64;
    display: flex;
    display: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    font-weight: 400;
    line-height: 21px;
    margin-right: 20px
}

@media(min-width:480px) {
    .PaymentOverview-itemRow-label {
        display: block
    }
}

.PaymentOverview-itemRow-value {
    color: #575d64;
    color: #170c37;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    font-weight: 600;
    line-height: 21px
}

.PaymentOverview-itemRow-value--light {
    color: #575d64;
    font-weight: 500
}

.PaymentOverview-itemRow-value {
    text-align: right
}

.PaymentOverview-itemRow--charges {
    flex-direction: column;
    gap: 20px
}

.PaymentOverview-chargeList,
.PaymentOverview-itemRow--charges h4 {
    color: #575d64;
    font-size: 14px;
    font-weight: 500
}

.PaymentOverview-chargeList {
    color: #24272e;
    display: flex;
    flex-wrap: wrap;
    font-family: Poppins, sans-serif;
    font-style: normal;
    gap: 20px;
    line-height: 21px;
    margin-bottom: 10px
}

.PaymentOverview-chargeList-item:before {
    color: #47a82d;
    content: "";
    float: left;
    font-family: budicon;
    font-size: 24px;
    margin-right: 8px
}

.ListingDetails {
    font-family: Poppins, sans-serif
}

.ListingDetails .ServicesList-wrapper {
    display: flex;
    flex-wrap: wrap
}

.ListingDetails .ServicesList-serviceItemOuter {
    align-items: center;
    display: flex
}

.ListingDetails .ServicesList-serviceDetail {
    color: #575d64;
    font-size: 12px;
    line-height: 15px
}

.ListingDetails .ListingDetails-shortlistButton {
    bottom: 12px;
    height: 36px;
    position: absolute;
    right: 15px;
    width: 36px
}

.ListingDetails .ListingDetails-desktopButtons .ListingDetails-viewGalleryButton {
    align-items: center;
    display: flex;
    justify-content: center
}

.ListingDetails .ListingDetails-desktopButtons .ListingDetails-viewGalleryText {
    margin-left: 7.5px
}

@media(max-width:992px) {
    .ListingDetails .ListingDetails-desktopButtons {
        display: none
    }
}

@media(min-width:993px) {
    .ListingDetails .ListingDetails-desktopButtons {
        align-content: center;
        display: flex;
        position: relative;
        top: -65px
    }
}

.ListingDetails .ListingDetails-shortlistButtonDesktop {
    height: 36px;
    margin-left: 15px
}

.ListingDetails .ListingDetails-floorPlanButton {
    align-items: center;
    display: flex;
    margin-left: 15px
}

.ListingDetails .ListingDetails-floorPlanText {
    margin-left: 7.5px
}

.ListingDetails-mobileFixedButtonsOuter {
    display: flex;
    height: 0;
    justify-content: space-between;
    overflow: visible;
    padding: 0 30px 0 0;
    position: fixed;
    top: 15px;
    width: 100%;
    z-index: 1001
}

.ListingDetails-mobileFixedButton {
    transform: translateY(-62px);
    transition: transform .3s cubic-bezier(.07, .68, .48, 1.51)
}

.ListingDetails-mobileFixedButton--visible {
    border: 1px solid #ededed;
    box-shadow: 0 10px 20px rgba(55, 57, 86, .1), 0 5px 5px rgba(59, 55, 86, .03);
    transform: translateY(0)
}

.ListingDetails-mobileFixedButton.delayed {
    transition-delay: .1s
}

.ListingDetails-mobileFixedShortlistButton {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 1001
}

.ListingDetails-mobileFixedBackButton {
    left: 15px;
    position: fixed;
    top: 15px;
    width: 40px
}

.BookingWizardVisible .ListingDetails .AppHeader {
    display: none
}

.ListingDetails .ImageGallery-navButton--left {
    justify-content: flex-start;
    padding-left: 20px;
    width: 5%
}

.ListingDetails .ImageGallery-navButton--right {
    justify-content: flex-end;
    padding-right: 20px;
    width: 30%;
    z-index: 0
}

.ListingDetails-toolbar {
    background: rgba(0, 0, 0, .7);
    border-radius: 2em;
    color: #aeaeae;
    font-size: .8em;
    margin-top: 15px;
    padding: .5em 1em;
    position: absolute;
    right: 30px;
    top: 70px;
    z-index: 2
}

.ListingDetails-toolbar a {
    color: #fff;
    font-weight: 700
}

@media(max-width:992px) {
    .ListingDetails-toolbar {
        font-size: 14px;
        right: 1em;
        top: 64px
    }
}

@media(max-width:767px) {
    .ListingDetails-toolbar {
        margin-top: 0;
        right: 15px;
        top: 400px;
        transform: translateY(calc(-100% - 15px))
    }
}

.ListingDetails .stick-it {
    border-radius: 7px;
    display: inline-block
}

.ListingDetails .stick-it .BookingForm,
.ListingDetails .stick-it .StartCreateBookingWizardForm,
.ListingDetails .stick-it .bookingTeam {
    position: relative;
    top: 0
}

.ListingDetails .bookingTeam {
    background: linear-gradient(180deg, #f0f5fa 24.73%, #fbf7fa);
    border-radius: 0 0 7px 7px;
    padding: 30px;
    text-align: center;
    width: 300px
}

.ListingDetails .bookingTeam-title {
    color: #343434;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 5px;
    margin-top: 12px;
    text-align: center
}

.ListingDetails .bookingTeam-info {
    color: #7b8389;
    font-size: 12px;
    line-height: 16px
}

.ListingDetails .bookingTeam img {
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 90px;
    object-fit: cover;
    width: 90px
}

.ListingDetails .bookingTeam .name {
    font-size: 16px;
    margin-bottom: 2px;
    margin-top: 5px
}

.ListingDetails .bookingTeam .contactInfo {
    margin-top: 1.6em
}

.ListingDetails .bookingTeam .contactButton {
    background: #fff;
    border: 2px solid #dae0e6;
    border-radius: 30px;
    color: #343434;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    width: 100%
}

.ListingDetails .bookingTeam .phone {
    height: 36px;
    line-height: 36px;
    opacity: .7;
    overflow: hidden;
    vertical-align: middle
}

.ListingDetails .bookingTeam .phone:before {
    content: "";
    display: inline-block;
    font-family: budicon;
    font-size: 1.2em;
    font-weight: 400;
    margin-right: .3em;
    margin-top: 2px;
    transform: translateY(1px) scaleX(-1)
}

.ListingDetails .heading-large {
    margin: 15px 0
}

@media(min-width:768px) {
    .ListingDetails .heading-large {
        margin-bottom: 15px;
        margin-top: 25px
    }
}

.ListingDetails article section>h3 {
    color: #343434;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px
}

.ListingDetails article p {
    overflow-wrap: break-word;
    white-space: pre-line
}

.ListingDetails article section {
    border-bottom: 1px solid #ededed;
    padding: 40px 0;
    white-space: pre-line
}

@media(min-width:768px) {
    .ListingDetails article section {
        padding: 50px 0
    }
}

@media(max-width:767px) {
    .ListingDetails article section>h3 {
        margin: 0 0 15px
    }
}

.ListingDetails header .ListingPrice {
    font-size: 20px;
    position: relative;
    top: -18px
}

.ListingDetails-image {
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
    height: 600px;
    position: relative;
    width: 100%
}

.ListingDetails-wrapper {
    display: flex;
    gap: 30px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 15px 60px;
    position: relative
}

@media(max-width:993px) {
    .ListingDetails-wrapper {
        flex-direction: column;
        gap: 0
    }
}

.ListingDetails-basic {
    align-items: center;
    display: flex;
    line-height: 20px
}

.ListingDetails-basic .Rating {
    float: right
}

.ListingDetails .ListingDetails-addressLink {
    background: none;
    border: none;
    color: #575d64;
    color: #542ebc;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    padding-left: 5px
}

.ListingDetails .ListingDetails-addressLink:hover {
    text-decoration: underline
}

.ListingDetails-stats {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 40px
}

@media(min-width:768px) {
    .ListingDetails-stats {
        display: flex;
        justify-content: space-between;
        width: 85%
    }
}

.ListingDetails .ListingDetails-statsElt {
    align-items: center;
    display: flex;
    position: relative
}

.ListingDetails .ListingDetails-statsElt:before {
    background-color: #edf1f4;
    background-size: 30px 30px;
    border-radius: 50%;
    height: 46px;
    margin-right: 15px;
    width: 46px
}

@media(max-width:767px) {
    .ListingDetails .ListingDetails-statsElt:before {
        margin-left: 0;
        margin-right: 12px
    }

    .ListingDetails .ListingDetails-statsElt .groundFloor {
        display: block
    }
}

.ListingDetails .ListingDetails-statsElt.floor:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .ListingDetails-statsElt.rooms:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .ListingDetails-statsElt.beds:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .ListingDetails-statsElt.wifi:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .ListingDetails-statsElt.guests:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .ListingDetails-statsElt .explanation {
    bottom: 2px;
    color: #aeaeae;
    display: none;
    font-size: .8em;
    left: 90px;
    position: absolute
}

@media(max-width:767px) {
    .ListingDetails .ListingDetails-statsElt .explanation {
        bottom: auto;
        font-size: 10px;
        left: auto;
        line-height: 15px;
        position: relative
    }
}

.touch .ListingDetails .ListingDetails-statsElt .explanation {
    display: block
}

.non-touch .ListingDetails .ListingDetails-statsElt:hover .explanation {
    display: block
}

.ListingDetails .ListingDetails-statsText {
    color: #24272e;
    display: block;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:480px) {
    .ListingDetails .ListingDetails-statsText {
        font-size: 14px
    }
}

.ListingDetails-about-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
    white-space: pre-wrap
}

@media(min-width:480px) {
    .ListingDetails-about-title {
        align-items: center;
        flex-direction: row
    }
}

.ListingDetails-services .check {
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 50px 0 0
}

.ListingDetails-services .check:before {
    color: #3c8e26;
    content: "";
    float: left;
    font-family: budicon;
    font-size: 24px;
    margin-right: 10px
}

.ListingDetails-services .unavailable {
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 50px 0 0
}

.ListingDetails-services .unavailable:before {
    color: #7b8389;
    content: "";
    float: left;
    font-family: budicon;
    font-size: 24px;
    margin-right: 10px
}

.ListingDetails-amenities,
.ListingDetails-roomsInformation {
    overflow: hidden
}

.ListingDetails .BedsList {
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(4, minmax(200px, 1fr));
    row-gap: 20px
}

@media(max-width:993px) {
    .ListingDetails .BedsList {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:768px) {
    .ListingDetails .BedsList {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:376px) {
    .ListingDetails .BedsList {
        grid-template-columns: repeat(1, 1fr)
    }
}

.ListingDetails .BedsList-category {
    background: #f7f9fa;
    border-radius: 7px;
    padding: 20px
}

.ListingDetails .BedsList-categoryTitle {
    align-items: center;
    display: flex;
    font-size: inherit;
    font-weight: 600;
    margin-top: 36px
}

.ListingDetails .BedsList-categorySubtitle {
    color: #616172;
    font-weight: 500
}

.ListingDetails .BedsList .doubleBedCount:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .BedsList .singleBedCount:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .BedsList .couchBedCount:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .BedsList .guestBedCount:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .BedsList .othersCount:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails .BedsList .couchBedCount:before,
.ListingDetails .BedsList .doubleBedCount:before,
.ListingDetails .BedsList .guestBedCount:before,
.ListingDetails .BedsList .othersCount:before,
.ListingDetails .BedsList .singleBedCount:before {
    height: 25px;
    position: absolute;
    width: 25px
}

.ListingDetails .AmenitiesList-columns {
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.ListingDetails .AmenitiesList-category {
    list-style: none;
    margin: 0;
    padding: 0
}

.ListingDetails .AmenitiesList-categoryTitle {
    align-items: center;
    display: flex;
    font-size: inherit;
    font-weight: 600;
    min-height: 40px
}

.ListingDetails .amenity {
    align-items: center;
    display: flex;
    line-height: 22.5px;
    min-height: 40px
}

.ListingDetails .amenity:before {
    color: #3c8e26;
    content: "";
    font-family: budicon;
    font-size: 24px;
    line-height: 24px;
    margin-right: 10px
}

.ListingDetails .amenity-subtitle {
    color: #747474;
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin-top: -1px
}

.ListingDetails-map {
    height: 500px
}

@media(max-width:992px) {

    .ListingDetails .BookingForm label,
    .ListingDetails .BookingForm legend,
    .ListingDetails .StartCreateBookingWizardForm label,
    .ListingDetails .StartCreateBookingWizardForm legend {
        display: block;
        text-align: center;
        width: 100%
    }

    .ListingDetails .StartCreateBookingWizardForm {
        width: auto
    }

    .ListingDetails .StartCreateBookingWizardForm label {
        max-width: none
    }

    .ListingDetails .BookingForm,
    .ListingDetails .bookingTeam {
        border-radius: 7px;
        margin-top: 10px;
        text-align: center;
        width: 100%
    }

    .ListingDetails .BookingForm .contactButton,
    .ListingDetails .BookingForm button,
    .ListingDetails .bookingTeam .contactButton,
    .ListingDetails .bookingTeam button {
        margin: 0 auto;
        max-width: 240px
    }

    .ListingDetails-map {
        height: 400px
    }

    .ListingDetails .AmenitiesList-columns {
        grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr)
    }

    .ListingDetails .Footer-container {
        padding-bottom: 85px
    }

    .ListingDetails .AppHeader {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 115
    }
}

@media(max-width:480px) {

    .ListingDetails-amenities ul,
    .ListingDetails-roomsInformation ul {
        min-width: 160px;
        width: 100%
    }
}

@media(max-width:767px) {
    .ListingDetails .ListingDetails-title {
        font-size: 23px;
        line-height: 30px;
        word-wrap: break-word
    }

    .ListingDetails-stats span {
        text-align: center
    }

    .ListingDetails-stats span:before {
        display: block;
        float: none;
        margin: 0 auto
    }
}

@media(min-width:993px) {
    .ListingDetails-stats .ErrorIndicator-message {
        padding-left: 80px
    }
}

@media(max-width:992px) {
    .ListingDetails-listingTitle {
        font-size: 1.6em
    }

    .ListingDetails .no-touch {
        position: relative
    }

    .ListingDetails .no-touch:after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .ListingDetails-image {
        height: 400px;
        overflow: hidden;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .ListingDetails-image:before {
        background: linear-gradient(180deg, #000, transparent);
        content: "";
        height: 100px;
        left: 0;
        opacity: .35;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .ListingDetails-image.ListingDetails-image--multilisting:before {
        height: 185px
    }

    .ListingDetails-imageElement {
        width: calc(100% + 200px)
    }
}

@media(max-width:992px)and (max-width:767px) {
    .ListingDetails-imageElement {
        animation: coverImageAnimation 18s linear infinite alternate-reverse
    }
}

@media(max-width:992px)and (max-width:767px)and (prefers-reduced-motion:reduce) {
    .ListingDetails-imageElement {
        animation: none
    }
}

.ListingDetails .ListingDetails-bookingSidebar {
    height: -moz-max-content;
    height: max-content;
    position: sticky;
    width: auto
}

.ListingDetails .ListingDetails-bookingSidebar--stickyTop {
    top: 400px;
    transform: translateY(-332px)
}

@media(max-width:993px) {
    .ListingDetails .ListingDetails-bookingSidebar--stickyTop {
        position: unset;
        top: 0;
        transform: unset
    }
}

.ListingDetails .ListingDetails-bookingSidebar--stickyFix {
    top: 68px;
    transform: unset
}

@media(max-width:993px) {
    .ListingDetails .ListingDetails-bookingSidebar--stickyFix {
        position: unset;
        top: 0;
        transform: unset
    }
}

@media(min-width:768px)and (max-width:991px) {
    .ListingDetails .ListingDetails-bookingSidebar {
        display: flex;
        overflow: hidden
    }

    .ListingDetails .ListingDetails-bookingSidebar .contactButton,
    .ListingDetails .ListingDetails-bookingSidebar button {
        margin-left: auto;
        margin-right: auto;
        max-width: 240px
    }

    .ListingDetails .ListingDetails-bookingSidebar legend {
        text-align: center;
        width: 100%
    }

    .ListingDetails .ListingDetails-bookingSidebar .BookingForm,
    .ListingDetails .ListingDetails-bookingSidebar .StartCreateBookingWizardForm {
        border-radius: 0;
        flex: 1;
        min-width: 300px;
        text-align: center
    }

    .ListingDetails .ListingDetails-bookingSidebar .bookingTeam {
        border-radius: 0;
        box-shadow: none;
        flex: 1;
        padding-left: 30px;
        text-align: center;
        width: auto
    }
}

.ListingDetails .Badge--servicedApartments {
    left: 50px;
    position: absolute;
    top: 20px
}

@media(max-width:992px) {
    .ListingDetails .Badge--servicedApartments {
        left: 10px;
        top: 70px
    }
}

.ListingDetails .Badge--servicedApartments.BelowMultilistingBadge {
    top: 60px
}

@media(max-width:992px) {
    .ListingDetails .Badge--servicedApartments.BelowMultilistingBadge {
        top: 120px
    }
}

@media(max-width:480px) {
    .ListingDetails .Badge--servicedApartments.BelowMultilistingBadge {
        top: 170px
    }
}

@media(max-width:767px) {
    .ListingDetails .ListingDetails-MultilistingBookingFormContainer {
        border: 0;
        height: 0;
        overflow: hidden;
        padding: 0
    }
}

.ListingDetailsPage-mobileCallOut {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);
    display: none;
    left: 0;
    min-height: 70px;
    position: fixed;
    right: 0;
    z-index: 1000
}

@media(max-width:992px) {
    .ListingDetailsPage-mobileCallOut {
        display: block
    }

    .ListingDetailsPage-mobileCallOut>div:first-child {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 0 15px
    }
}

.ListingDetailsPage-mobileCallOut-info-legend {
    align-items: center;
    background: #edf1f4;
    color: #7b8389;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    width: 100%
}

.ListingDetailsPage-mobileCallOut-buttonOuter,
.ListingDetailsPage-mobileCallOut-info {
    padding: 15px 0
}

.ListingDetailsPage-mobileCallOut-info {
    line-height: 1
}

.ListingDetailsPage-mobileCallOut-price {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 6px
}

.ListingDetailsPage-mobileCallOut-price-descriptor {
    font-size: 12px;
    font-weight: 400
}

.ListingDetailsPageMobileCallOut-trigger {
    align-items: center;
    border-bottom: 1px solid #24272e;
    display: flex
}

.ListingDetailsPageMobileCallOut-previewDateButton {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #24272e;
    display: inline-flex;
    font-family: Poppins, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    font-weight: 400;
    line-height: 18px
}

.ListingDetailsPageMobileCallOut-previewDateButton:first-of-type {
    padding-right: 2px
}

.ListingDetailsPageMobileCallOut-previewDateButton:nth-of-type(2) {
    padding-left: 2px
}

.ListingDetailsPageMobileCallOut-dateSeparator {
    color: #24272e
}

.ListingDetailsPageMobileCallOut-ctaPanel {
    justify-content: space-between
}

.ListingDetailsPage-mobileCallOut-infoTenantServiceFee {
    color: #515161;
    font-size: 12px;
    padding-right: 7.5px;
    text-decoration: underline
}

.ListingDetails-shortlistButton {
    bottom: 15px;
    position: absolute;
    right: 15px
}

.ListingDetails-shortlistButtonDesktop {
    background: #fff;
    border: 1px solid #ededed;
    box-shadow: 0 10px 20px rgba(55, 57, 86, .1), 0 5px 5px rgba(59, 55, 86, .03);
    color: #41414e;
    height: 36px;
    margin-left: 15px
}

.ListingDetails-shortlistButtonDesktop.isActive {
    background-color: #732dd9;
    color: #fff
}

@keyframes coverImageAnimation {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-200px, 0, 0)
    }
}

.Multilisting-multilistingBadge {
    display: inline-block;
    left: 0;
    margin: 10px 0 0 50px;
    position: absolute;
    top: 0
}

@media(max-width:992px) {
    .Multilisting-multilistingBadge {
        display: block;
        margin: 0;
        padding-top: 64px
    }

    .Multilisting-multilistingBadge .MultilistingBadge {
        background: transparent;
        border-radius: 0;
        color: #fff;
        width: 100%
    }

    .Multilisting-multilistingBadge .MultilistingBadge-label {
        display: block;
        margin-right: 0
    }
}

.Multilisting-BookingForm {
    display: table;
    width: 100%
}

.Multilisting-BookingForm .FormHelpText {
    margin-top: 0
}

@media(max-width:767px) {
    .Multilisting-BookingForm .FormHelpText {
        text-align: center
    }
}

.Multilisting-BookingForm-Icon-outer {
    display: table-cell;
    vertical-align: middle;
    width: 190px
}

@media(max-width:767px) {
    .Multilisting-BookingForm-Icon-outer {
        display: none
    }
}

.Multilisting-BookingForm-submit {
    margin-bottom: 15px
}

.Multilisting-BookingForm-Icon {
    background-color: #ededed;
    border-radius: 100%;
    height: 140px;
    margin: 0 auto;
    transition: opacity 2s;
    width: 140px
}

.Multilisting-BookingForm-Icon .icon {
    animation: fadeAndScaleIn 1s;
    color: #aeaeae;
    display: block;
    font-size: 60px;
    font-style: normal;
    line-height: 140px;
    text-align: center;
    width: 100%
}

.Multilisting-BookingForm-Icon .icon:before {
    display: inline-block;
    height: 60px;
    width: 60px
}

.Multilisting-BookingForm-Icon .icon--calendar:before {
    content: "";
    font-family: budicon;
    width: 56px
}

.Multilisting-BookingForm-Icon .icon--tick:before {
    content: "";
    font-family: budicon;
    padding-top: 5px
}

.Multilisting-BookingForm-Icon .icon--block:before {
    content: "";
    font-family: budicon
}

@media(max-width:767px) {
    .Multilisting-BookingForm-Icon {
        display: none
    }
}

.Multilisting-BookingForm-content {
    display: table-cell;
    vertical-align: middle
}

@media(max-width:767px) {
    .Multilisting-BookingForm-content {
        margin-left: 0
    }
}

.Multilisting-BookingForm-content-title {
    font-size: 20px;
    margin: 0 0 25px
}

.Multilisting-BookingForm-content-subtitle {
    font-size: 14px;
    font-weight: 400
}

.Multilisting-BookingForm-content-inputs {
    margin-top: 15px
}

.Multilisting-BookingForm-content-inputs>label {
    display: inline-block;
    position: relative
}

@media(max-width:767px) {
    .Multilisting-BookingForm-content-inputs>label {
        margin-bottom: 15px;
        width: 100%
    }
}

.Multilisting-BookingForm-content-inputs>label span:first-child {
    left: 20px;
    line-height: 38px;
    position: absolute;
    top: 0
}

@media(max-width:480px) {
    .Multilisting-BookingForm-content-inputs>label span:first-child {
        display: none
    }
}

.Multilisting-BookingForm-content-inputs .DateTextInput {
    margin-bottom: 15px;
    text-align: right
}

@media(max-width:480px) {
    .Multilisting-BookingForm-content-inputs .DateTextInput {
        text-align: center
    }
}

.Multilisting-BookingForm-content-inputs .DateTextInput,
.Multilisting-BookingForm-content-inputs .btn {
    display: inline-block;
    margin-right: 15px;
    min-width: 12em;
    vertical-align: top
}

@media(max-width:767px) {

    .Multilisting-BookingForm-content-inputs .DateTextInput,
    .Multilisting-BookingForm-content-inputs .btn {
        min-width: 0;
        width: 100%
    }
}

.Multilisting-BookingForm-content-inputs .btn.btn-secondary {
    line-height: 34px
}

.Multilisting-BookingForm-Message {
    font-size: 14px;
    margin-top: 1rem;
    min-height: 18px;
    text-align: left
}

.Multilisting-BookingForm-Message--error {
    color: #e71a5d
}

.ListingDetails-indicatorWrapper {
    margin-bottom: 20px;
    margin-top: 20px
}

@media(min-width:993px) {
    .ListingDetails-indicatorWrapper {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media(min-width:768px) {
    .ListingDetails-indicatorWrapper {
        align-items: center;
        display: flex;
        justify-content: flex-start
    }
}

.ListingDetails-badge {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    justify-content: flex-start;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .ListingDetails-badge:not(:last-of-type) {
        margin-right: 20px
    }
}

.ListingDetails-badge-icon {
    margin-right: 12px
}

.ListingDetails-badge-info {
    background: transparent;
    border: none;
    cursor: pointer;
    margin-left: 4px;
    vertical-align: middle
}

.ListingDetails-mobileButtonGroup {
    align-items: center;
    bottom: 14px;
    display: flex;
    height: 36px;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    width: calc(100% - 117px);
    z-index: 1
}

.ListingDetails-mobileButtonGroup .ListingDetails-viewGalleryButton {
    margin-left: 15px
}

.ListingDetails-mobileButtonGroup .ListingDetails-floorPlanButton--noLabel {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-left: 15px;
    padding: 0;
    width: 36px
}

.ListingDetails-houseRules p {
    color: #575d64
}

.ListingDetails article .ListingDetails-houseRules p {
    line-height: 22.5px
}

.ListingDetails-houseRulesContainer {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-top: 30px
}

@media(max-width:767px) {
    .ListingDetails-houseRulesContainer {
        flex-direction: column
    }
}

.ListingDetails-houseRule {
    display: flex;
    max-width: 50%;
    width: auto
}

.ListingDetails-houseRule-icon {
    height: 30px;
    width: 30px
}

.ListingDetails-houseRule-text {
    margin-left: 10px
}

.ListingDetails-houseRule-conditionText {
    font-size: 12px
}

.ListingDetails-houseRule-heading {
    color: #24272e
}

.ListingDetails-houseRule:not(:first-child) {
    margin-left: 30px
}

@media(max-width:767px) {
    .ListingDetails-houseRule {
        max-width: 100%
    }

    .ListingDetails-houseRule:not(:first-child) {
        margin-left: 0;
        margin-top: 30px
    }
}

.ListingDetails-minimumStay {
    color: #575d64;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    margin: -30px 0 30px
}

@media(max-width:767px) {
    .ListingDetails-minimumStay {
        margin-top: -15px
    }
}

.ListingDetails-about-subtitle {
    margin-bottom: 15px
}

.ListingDetails-readMoreToggle {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: block;
    font: inherit;
    font-weight: 500;
    margin-top: 15px;
    padding: 0;
    text-decoration: underline
}

.ListingDetails-readMoreToggle:hover {
    color: #000
}

.ListingDetails-additional-info {
    margin-top: 30px
}

.ListingDetails-additional-info h4 {
    margin-bottom: 15px
}

.ListingDetails-virtualTour .matterport-showcase iframe {
    height: 480px;
    margin: 16px 0;
    min-height: 240px;
    width: 853px;
    width: 100%
}

@media screen and (min-width:768px) {
    .ListingDetails-virtualTour .matterport-showcase iframe {
        min-height: 360px
    }
}

@media screen and (min-width:992px) {
    .ListingDetails-virtualTour .matterport-showcase iframe {
        height: 600px;
        margin: 0 auto 15px;
        max-width: 1068px
    }
}

.ListingDetails-virtualTour .matterport-showcase {
    text-align: center
}

.ListingDetails-shareButton.ShareButton {
    background: #fff;
    box-shadow: 0 10px 20px rgba(55, 57, 86, .1), 0 5px 5px rgba(59, 55, 86, .03);
    color: #575d64;
    height: 36px;
    padding: 0;
    width: 36px
}

.ListingDetails-shareButton.ShareButton:hover {
    background: #fff
}

@media(min-width:993px) {
    .ListingDetails-shareButton.ShareButton {
        margin-left: 15px;
        padding: 0 15px;
        position: static;
        width: auto
    }
}

.ListingDetails-shareButton.ShareButton .ShareButton-label {
    display: none
}

@media(min-width:993px) {
    .ListingDetails-shareButton.ShareButton .ShareButton-label {
        display: inline
    }
}

.ListingDetails-shareButton.ShareButton .ShareButton-icon {
    margin-right: 0
}

@media(min-width:993px) {
    .ListingDetails-shareButton.ShareButton .ShareButton-icon {
        margin-right: 5px
    }
}

.ListingDetails-image .popper-reference {
    bottom: 12px;
    height: 36px;
    position: absolute;
    right: 66px;
    width: 36px
}

@media(min-width:993px) {
    .ListingDetails-image .popper-reference {
        position: static
    }
}

.ListingDetails-availability {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0
}

@media(max-width:768px) {
    .ListingDetails-availability_duration {
        margin-bottom: 20px
    }
}

.ListingDetails-availability_date,
.ListingDetails-availability_duration {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ListingDetails-availability_date:before,
.ListingDetails-availability_duration:before {
    background-color: #edf1f4;
    background-size: 20px 20px;
    border-radius: 50%;
    height: 30px;
    width: 30px
}

.ListingDetails-availability_date:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails-availability_duration:before {
    background-image: ;
    background-position: 50%;
    background-repeat: no-repeat;
    content: ""
}

.ListingDetails-availability .statsWrapper {
    margin-left: 13px;
    margin-right: 20px
}

@media(min-width:480px) {
    .ListingDetails-availability .statsWrapper {
        margin-right: 30px
    }
}

.ListingDetails-availability .statsLabel {
    color: #575d64;
    font-size: 14px;
    font-weight: 500
}

.ListingDetails-availability .statsText {
    color: #24272e;
    font-size: 16px;
    font-weight: 600
}

.ListingDetails-minBookingDurationPermitId--label {
    font-weight: 600
}

.ListingDetails-minBookingDurationPermitId--value {
    font-weight: 500
}

.ListingDetails-certifications .ListingDetails-certificationsContainer>div:not(:last-of-type) {
    padding-bottom: 15px
}

.ListingDetails-certifications .ListingDetails-certificationsContainer>div {
    margin-top: 15px
}

.ListingDetails-certifications .ListingDetails-certificationsContainer>div>h4 {
    margin-bottom: 10px
}

.ListingDetails-map .leaflet-bottom,
.ListingDetails-map .leaflet-pane {
    z-index: 0
}

.ErrorPage {
    display: flex;
    flex-direction: column
}

.ErrorPage .ErrorPage-fullHeightContainer {
    min-height: 100vh
}

.ErrorPage-mainContainer {
    margin: 180px auto 0;
    max-width: 800px;
    padding: 0 15px;
    text-align: center
}

.ErrorPage-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3
}

.ErrorPage-subTitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 15px auto 0;
    max-width: 650px
}

.ErrorPage-actionBar {
    margin-top: 30px
}

.ErrorPage-actionBarItem {
    margin: 0 10px
}

@media(max-width:992px) {
    .ErrorPage-mainContainer {
        margin-top: 60px
    }

    .ErrorPage-title {
        font-size: 28px
    }

    .ErrorPage-actionBarItem {
        display: block
    }

    .ErrorPage-actionBarItem+.ErrorPage-actionBarItem {
        margin-top: 5px
    }
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.marginBottom--single {
    margin-bottom: 30px
}

.marginBottom--double {
    margin-bottom: 60px
}

.marginBottom--half {
    margin-bottom: 15px
}

.marginBottom--none {
    margin-bottom: 0
}

@media(max-width:768px) {
    .hide-on-mobile {
        display: none
    }
}

.disable-scroll {
    overflow: hidden
}

@media(max-width:767px) {
    .disable-scroll {
        position: fixed
    }
}

.Select--single .Select-control,
.Select-control {
    border: 0;
    height: auto
}

.Select--single .Select-control .Select-value,
.Select--single .Select-control.is-focused .Select-value,
.Select-control .Select-value,
.Select-control.is-focused .Select-value {
    color: #343434
}

.no-scroll {
    overflow: hidden
}

.root {
    height: 100%;
    min-height: 100vh
}