#indBooking__modal #indBooking__billingPanel .indBooking__formCell {
    flex: 1;
}#indBooking__modal .confirmation {
    --max-receipt-width: 600px;
    --section-border: 1px solid var(--gray-50);

    padding-top: var(--spacing-10);
}

#indBooking__modal .confirmation__title {
    font-size: var(--heading-lg, var(--display-xl));
    line-height: var(--heading-lg-lh, 120%);
    font-weight: var(--futura-medium, 500);
    margin: 0 0 var(--spacing-4);
}

#indBooking__modal .confirmation__subtitle {
    font-size: var(--text-lg);
    line-height: 120%;
    text-align: center;
    margin: 0 0 var(--spacing-6);
}

#indBooking__modal .confirmation__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--max-receipt-width);
    margin: 0 auto;
}

#indBooking__modal .confirmation__content > h2 {
    text-align: center;
}

#indBooking__modal .confirmation__section {
    display: flex;
    flex-wrap: wrap;
    border: var(--section-border);
    border-top: none;
    background-color: var(--white);
    padding: var(--spacing-3) var(--spacing-4);
}

#indBooking__modal .confirmation__section:first-of-type {
    margin-top: var(--spacing-4);
    border-top: var(--section-border);
}

#indBooking__modal .confirmation__label {
    font-size: var(--text-lg);
}

#indBooking__modal .confirmation__order__pax {
    margin-right: var(--spacing-4);
}

#indBooking__modal .confirmation__order__pax {
    flex: 1;
    margin-right: var(--spacing-2);
}

#indBooking__modal .confirmation__order__lead {
    flex: 1;
    margin-left: var(--spacing-2);
}

#indBooking__modal .confirmation__hotel__details {
    width: 100%;
    margin: 0 0 var(--spacing-2);
}

#indBooking__modal .confirmation__hotel__confirmation-number {
    width: 100%;
    margin: 0 0 var(--spacing-2);
}

#indBooking__modal .confirmation__hotel__check-in {
    flex: 1;
    margin-right: var(--spacing-2);
}

#indBooking__modal .confirmation__hotel__check-out {
    flex: 1;
    margin-left: var(--spacing-2);
}

#indBooking__modal .confirmation__rooms__name {
    width: 100%;
    margin: 0 0 var(--spacing-2);
}

#indBooking__modal .confirmation__rooms__rate {
    flex: 1;
    margin-right: var(--spacing-2);
}

#indBooking__modal .confirmation__order__total {
    flex: 1;
    margin-left: var(--spacing-2);
}

#indBooking__modal .confirmation__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#indBooking__modal .confirmation__footer__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-6);
    width: 100%;
    margin: var(--spacing-5) 0 0;
}

#indBooking__modal .confirmation__footer > p {
    font-size: var(--text-lg);
    margin: var(--spacing-5) 0 0;
}

#indBooking__modal .confirmation__footer__actions button {
    font-size: var(--text-lg);
    flex: 1;
}

#indBooking__modal .summary-panel.mobile.confirmation,
#indBooking__modal .summary-panel.desktop.confirmation {
    margin: 0 auto;
    width: 100%;
}

#indBooking__modal #indBooking__confirmation__viewTrip,
#indBooking__modal #indBooking__confirmation__tripMessage {
    display: none;
}

#indBooking__modal #indBooking__confirmation__tripMessage.show {
    width: 100%;
    display: flex;
}

#indBooking__modal #indBooking__confirmation__viewTrip.show {
    display: flex;
    justify-content: center;
    align-items: center;
}

#indBooking__modal #indBooking__confirmation__viewTrip .icon,
#indBooking__modal #indBooking__confirmation__tripMessage .icon {
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top center;
    mask-position: top center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

#indBooking__modal #indBooking__confirmation__viewTrip .icon {
    min-height: 24px;
    min-width: 24px;
    margin: 0 0 0 var(--spacing-1);
    background-color: var(--primary-500);
    -webkit-mask-image: url(https://booking.staging.indagare.com/static/images/icons/arrow-right.svg?v=1);
    mask-image: url(https://booking.staging.indagare.com/static/images/icons/arrow-right.svg?v=1);
}

#indBooking__modal #indBooking__confirmation__tripMessage .icon {
    min-height: 16px;
    min-width: 16px;
    margin: var(--spacing-1) var(--spacing-2) 0 0;
    background-color: var(--black);
    -webkit-mask-image: url(https://booking.staging.indagare.com/static/images/icons/info-circle.svg?v=1);
    mask-image: url(https://booking.staging.indagare.com/static/images/icons/info-circle.svg?v=1);
}

#indBooking__modal #indBooking__confirmation__viewTrip:hover .icon {
    background-color: var(--white);
}

/* ----- MOBILE ----- */
@media (max-width: 768px) {
    #indBooking__modal .confirmation__footer__actions {
        flex-direction: column;
        align-items: stretch;
    }
}#indBooking__modal #indBooking__errorPanel {
    --spacing: var(--spacing-5);
    flex-direction: column;
    padding: var(--spacing);
    align-self: flex-start;
    border-radius: 6px;
    border: var(--widget-card-border, 1px solid var(--gray-300));
    box-shadow: var(--widget-card-box-shadow, none);
    background: rgba(255, 255, 255, 0.90);
    text-align: center;
    margin: 0 auto;
}

#indBooking__modal #indBooking__errorButton {
    font-size: var(--text-md);
    margin: var(--spacing-2) 0 0;
}#indBooking__modal .indBooking__bookingSectionTitle {
    font-size: var(--text-subheading-sm, var(--text-lg));
    font-weight: var(--futura-medium, 500);
    line-height: var(--text-subheading-sm-lh, 150%);
    margin: 0 0 var(--modal-padding);
}


#indBooking__modal #indBooking__guests-form__guests-section,
#indBooking__modal #indBooking__guests-form__billing-section {
    background-color: white;
    padding: var(--modal-padding) 0 1px var(--modal-padding);
    margin-bottom: var(--modal-padding);
    box-shadow: var(--widget-card-box-shadow, none);
    border: var(--widget-card-border, 1px solid var(--gray-300));
    border-radius: var(--widget-button-radius, 6px);
    overflow: hidden;
}

#indBooking__modal .indBooking__guests__primary-heading {
    font-size: var(--text-subheading-lg, var(--display-sm));
    font-weight: var(--futura-medium, 500);
    line-height: var(--text-subheading-lg-lh, 120%);
    font-family: futura-pt, 'Futura PT', sans-serif;
    margin: 0 0 1rem;
}

#indBooking__modal #indBooking__additionalGuests {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--spacing-3);
}

#indBooking__modal #indBooking__additionalGuests.hidden {
    display: none;
}

#indBooking__modal #indBooking__additionalGuests__expand {
    font-size: var(--text-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-2) var(--spacing-6) var(--spacing-2) 0;
}

#indBooking__modal #indBooking__additionalGuestDetailsContainer {
    height: auto;
    margin: 0 0 0 calc(var(--modal-padding) * -1);
    overflow: hidden;
    box-shadow: 0 0 1px 1px var(--gray-50) inset;
}

#indBooking__modal #indBooking__additionalGuestDetailsContainer.collapse {;
    height: 0;
}

#indBooking__modal #indBooking__additionalGuestDetailsContainer.collapse #indBooking__additionalGuestDetails {;
    visibility: hidden;
    opacity: 0;
}

#indBooking__modal #indBooking__additionalGuestDetails {
    transition: all 500ms;
    visibility: visible;
    opacity: 1;
    padding: calc(var(--modal-padding) / 2) 0 calc(var(--modal-padding) / 2) var(--modal-padding);
}

#indBooking__modal .indBooking__guestTemplate:not(:first-child),
#indBooking__modal .indBooking__childGuestTemplate:not(:first-child) {
    border-top: 2px solid var(--gray-50);
    margin-top: var(--spacing-3);
    padding-top: var(--spacing-3);
}

#indBooking__modal #indBooking__submitGuestsButton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: var(--text-lg);
    line-height: 1em;
    margin-bottom: var(--modal-padding);
    text-transform: uppercase;
}

#indBooking__modal svg.expand path {
    stroke: var(--primary-500);
    transform-origin: 50% 50%;
    transition: ease all 250ms;
}
#indBooking__modal svg.expand #border {
    stroke: var(--primary-500);
}

#indBooking__modal #indBooking__guestsPanel button:not(.shown) svg.expand #leg1 {
    transform: rotate(-90deg);
}

#indBooking__modal #indBooking__guestsPanel button:not(.shown) svg.expand #leg2 {
    transform: rotate(-180deg);
}/********************************/
/* MOBILE                       */
/********************************/
#indBooking__modal .indBooking__header {
    padding: var(--spacing-10) var(--modal-padding) var(--modal-padding);
    display:none;
    flex-direction: column;
    position: sticky;
    top: 0;
    background-color: var(--modal-background-color);
    backdrop-filter: blur(8px);
    z-index: 55;
    width: 100%;
    max-width: var(--content-max-width);
    margin: 0 auto;
}
#indBooking__modal .indBooking__header__hotel-name-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#indBooking__modal .indBooking__header__panel-title {
    display: flex;
    flex: 1
}
#indBooking__modal .indBooking__header__hotel-address-container {
    display: flex;
    padding: 0 0 var(--spacing-3);
    border-bottom: 1px solid var(--gray-50);
}
#indBooking__modal #indBooking__closeButton {
    --size: 60px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 60;
    background-color: transparent;
    background-image: url(https://booking.staging.indagare.com/static/images/buttons/cross.svg);
    background-position: center center;
    background-size: calc(var(--size) / 3);
    background-repeat: no-repeat;
    width: var(--size);
    height: var(--size);
}
#indBooking__modal .indBooking__backButton {
    font-size:22px;
    background-image: url(https://booking.staging.indagare.com/static/images/buttons/back.svg);
    background-repeat: no-repeat;
    background-size: 31px 31px;
    background-position: center center;
    padding:0 0 0 20px;
    margin:0 10px 0 0;
    height: 100%;
    width: 31px;
}

/********************************/
/* DESKTOP                      */
/********************************/
@media (min-width: 768px) {
}#indBooking__modal #indBooking__loadingPanel {
    text-align: center;
    font-size:20px;
    padding:80px;
}

#indBooking__modal #indBooking__loading {
    background-image: url(https://booking.staging.indagare.com/static/images/loading.gif);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: left center;
    padding:0 0 0 34px;
    font-size: var(--text-subheading-sm, 1.125rem);
    line-height: var(--text-subheading-sm-lh, 1.25em);
    font-weight: var(--futura-medium, 500);
    font-family: futura-pt, 'Futura PT', sans-serif;
    display:inline-block;
}
#indBooking__root #indBooking__logged-out a {
    text-decoration: underline;
}

#indBooking__root #indBooking__logged-out a,
#indBooking__root #indBooking__logged-out a:visited {
    color: var(--white);
    transition: opacity 200ms;
}

#indBooking__root #indBooking__logged-out a:hover,
#indBooking__root #indBooking__logged-out a:active {
    opacity: .85;
}

#indBooking__root .indBooking__logged-out__message {
    margin: var(--spacing-2) 0 0;
    text-align: center;
}#indBooking__root .indWidget__marketing {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width:var(--modal-width);
    margin: 0 auto;
}

#indBooking__root .indagare-perks {
    --icon-size: 65px;

    background-color: var(--gray-100);
    display: flex;
    flex-direction: column;
    margin: var(--spacing-6) 0;
    padding: var(--spacing-5) var(--spacing-12);
}

#indBooking__root .indagare-perk {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#indBooking__root .indagare-perk:not(:first-child) {
    padding-top: var(--spacing-10);
}

#indBooking__root .indagare-perk__icon {
    display: block;
    height: var(--icon-size);
    width: var(--icon-size);
    object-fit: cover;
}

#indBooking__root .indagare-perk__title {
    padding: var(--spacing-3) 0;
    font-size: var(--text-lg);
}

#indBooking__root .indagare-perk__description {
    text-align: center;
    font-weight: 300;
}#indBooking__modal .indBooking__popup {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    z-index: 60;
    backdrop-filter: blur(3px);
    padding: var(--spacing-9) var(--spacing-6);
}

#indBooking__modal .indBooking__popup__content {
    background-color: var(--modal-background-color);
    padding: var(--spacing-9);
    border-radius: 4px;
    max-width: var(--w-md, 768px);
}

#indBooking__modal .indBooking__popup__content h2 {
    font-size: var(--heading-md, 1.75rem);
    line-height: var(--heading-md-lh, 1em);
    margin-bottom: var(--spacing-6);
}

#indBooking__modal .indBooking__popup__content p {
    font-size: var(--text-body, 1.125rem);
    margin-bottom: var(--spacing-6);
}

#indBooking__modal .indBooking__popup__actions {
    display: flex;
    flex-direction: column-reverse;
}

#indBooking__modal .indBooking__popup__actions > *:not(:first-child) {
    margin: 0 0 var(--spacing-3) 0;
}

/********************************/
/* DESKTOP                      */
/********************************/
@media (min-width: 768px) {
    #indBooking__modal .indBooking__popup__actions {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    #indBooking__modal .indBooking__popup__actions > *:not(:first-child) {
        margin: 0 0 0 var(--spacing-3);
    }
}#indBooking__modal #indBooking__ratesHeader {
    display:flex;
    flex-flow:row nowrap;
    justify-content: space-between;
    border-bottom:1px solid var(--dark-blue);
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#indBooking__modal #indBooking__ratesRoomType {
    font-size:24px;
}

#indBooking__modal .indBooking__rateLoading {
    padding:40px 0 40px 20px;
    background-image: url(https://booking.staging.indagare.com/static/images/loading.gif);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    text-align: left;
}

#indBooking__modal .indBooking__rateError {
    display:none;
    padding:40px 0;
}
#indBooking__modal .indBooking__rateHeader {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#indBooking__modal .indBooking__rate__description,
#indBooking__modal .indBooking__rate__additional {
    font-weight: 300;
}

#indBooking__modal .indBooking__rateName {
    font-family: 'Austin Text Web', "Time New Roman", "serif";
    font-size: var(--heading-sm, 32px);
    line-height: var(--heading-sm-lh, 1em);
    font-weight: var(--futura-medium, 500);
    margin-bottom: var(--spacing-1);
}
#indBooking__modal .indBooking__indBenefits {
    display: none;
    position: relative;
    order: 4;
    padding-top: var(--spacing-1);
}
#indBooking__modal .indBooking__indBenefits p {
    font-size: var(--text-body, var(--text-md));
    line-height: var(--text-body-lh, 1.1em);
    font-weight: var(--futura-medium, 500);
}
#indBooking__modal .indBooking__rateAmountTitle {
    font-size: var(--text-body, var(--text-md));
    line-height: var(--text-body-lh, 1.1em);
    width: 100%;
    text-align: left;
    padding-bottom: var(--spacing-2);
}
#indBooking__modal .indBooking__rateAmount {
    flex-direction: column;
    display: flex;
    align-items: baseline;
    font-size: var(--text-subheading-sm, 1.125rem);
    line-height: var(--text-subheading-sm-lh, 1.25em);
    font-weight: var(--futura-medium, 500);
}
#indBooking__modal .indBooking__rateDetail {
    display:none;
}
#indBooking__modal .indBooking__rateRow {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: start;
    line-height: 150%;
}
#indBooking__modal .indBooking__rateItem h3 {
    width:110px;
    font-size:14px;
    font-weight: 300;
    flex-shrink: 0;
}
#indBooking__modal .indBooking__rateItem.clamp-3 .indBooking__rate__description,
#indBooking__modal .indBooking__rateItem.clamp-3 .indBooking__rateItem__heading,
#indBooking__modal .indBooking__rateItem.clamp-3 .indBooking__rate__additional {
    display: inline;
}
#indBooking__modal .indBooking__rateItem span {
    font-size: var(--text-body, 1rem);
    line-height: var(--text-body-lh, 1.2em);
    font-weight: var(--futura-book, 300);
}
#indBooking__modal .indBooking__rateItem__heading {
    color: var(--gray-400);
    font-size: var(--text-sm);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.17px;
    text-transform: uppercase;
    margin: var(--spacing-4) 0 var(--spacing-1);
}
#indBooking__modal .btn--primary.indBooking__bookButton {
    font-size: var(--text-link);
    line-height: var(--text-link-lh);
    font-weight: var(--futura-medium);
    border: none;
    padding: var(--spacing-1) var(--spacing-3);
    text-transform: uppercase;
    width: 100%;
}

#indBooking__modal .rateChange__new-price {
    font-weight: var(--futura-medium, 500);
}

#indBooking__modal .rateConfirmation__content,
#indBooking__modal .rateUnavailable__content {
    --spacing: var(--spacing-5);
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: var(--spacing);
    align-self: flex-start;
    border-radius: 6px;
    border: 1px solid var(--gray-300);
    background: rgba(255, 255, 255, 0.90);
}

#indBooking__modal .rateConfirmation__confirmation,
#indBooking__modal .rateUnavailable__cta {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-4);
}

#indBooking__modal .rateConfirmation__buttons,
#indBooking__modal .rateUnavailable__buttons {
    display: flex;
    flex: 1;
    justify-content: center;
    margin-top: var(--spacing-3);
}

#indBooking__modal .rateConfirmation__buttons button,
#indBooking__modal .rateUnavailable__buttons button{
    font-size: var(--text-lg);
}

#indBooking__modal .rateConfirmation__back,
#indBooking__modal .rateUnavailable__back{
    margin-right: var(--spacing-6);
}

#indBooking__modal .indBooking__rate__moreButton {
    text-align: left;
    font-size: var(--text-md);
}


@media (min-width: 768px) {
    #indBooking__modal .indBooking__rateName {
        margin-bottom: var(--spacing-3);
    }
    #indBooking__modal .indBooking__rateAmount {
        white-space: nowrap;
        margin-bottom: var(--spacing-3);
    }
    #indBooking__modal .indBooking__indBenefits {
        position: absolute;
        top: 100%;
        padding-top: 0;
    }
    #indBooking__modal .indBooking__rateAmountTitle {
        position: absolute;
        top: 100%;
        right: 0;
        text-align: right;
        padding-bottom: 0;
    }
    #indBooking__modal .indBooking__rateAmount {
        font-size: var(--text-subheading-lg, 32px);
        line-height: var(--text-subheading-lg-lh, 1.2em);
        font-weight: var(--futura-medium, 500);
    }
    #indBooking__modal .btn--primary.indBooking__bookButton {
        width: fit-content;
    }
}
#indBooking__modal #indBooking__not-available {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#indBooking__modal #indBooking__not-available a {
    text-decoration: underline;
}

#indBooking__modal #indBooking__not-available a,
#indBooking__modal #indBooking__not-available a:visited {
    color: var(--white);
    transition: opacity 200ms;
}

#indBooking__modal #indBooking__not-available a:hover,
#indBooking__modal #indBooking__not-available a:active {
    opacity: .85;
}

#indBooking__modal .indBooking__not-available__message {
    margin: var(--spacing-2) 0 0;
    text-align: center;
}#indBooking__modal .indBooking__roomTypeName {
    font-family: 'Austin Text Web', "Time New Roman", "serif";
    font-size: var(--heading-sm, 32px);
    line-height: var(--heading-sm-lh, 1em);
    font-weight: var(--futura-medium, 500);
}

#indBooking__modal .indBooking__roomTypeIcons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-6);
}

#indBooking__modal .indBooking__roomTypeIcons:has( div) {
    margin-bottom: var(--spacing-6);
}

#indBooking__modal .indBooking__roomTypeIcon {
    display: none;
    flex-direction: column;
    align-items: center;
}

#indBooking__modal .indBooking__roomTypeIcon p {
    color: var(--indagare-gray);
    white-space: nowrap;
}

#indBooking__modal .indBooking__roomTypeDescription {
    font-size: var(--text-body, 1rem);
    line-height: var(--text-body-lh, 1.2em);
    font-weight: var(--futura-book, 300);
}

#indBooking__modal .indBooking__roomTypeDescription p {
    margin-bottom: var(--paragraph-spacing);
}

#indBooking__modal .indBooking__roomTypeDescription p:has(> br) {
    margin-bottom: 0;
}

#indBooking__modal .indBooking__roomTypeDescription p:has(+ ul),
#indBooking__modal .indBooking__roomTypeDescription p:has(+ ol) {
    margin-bottom: var(--spacing-2);
}

#indBooking__modal .indBooking__roomTypeDescription ul,
#indBooking__modal .indBooking__roomTypeDescription ol {
    padding-left: var(--spacing);
    margin-bottom: var(--paragraph-spacing);
}

#indBooking__modal .indBooking__roomTypeFromRate {
    font-size: var(--text-subheading-sm, 1.125rem);
    line-height: var(--text-subheading-sm-lh, 1.25em);
    font-weight: var(--futura-medium, 500);
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

#indBooking__modal .indBooking__roomTypeRatesButton.btn--primary {
    font-size: var(--text-link);
    line-height: var(--text-link-lh);
    font-weight: var(--futura-medium);
    border: none;
    padding: var(--spacing-1) var(--spacing-3);
    text-transform: uppercase;
}

#indBooking__modal .indBooking__roomTypeMoreButton {
    font-size:16px;
    display:none;
}

#indBooking__modal #indBooking__noRooms {
    display: none;
    flex-direction: column;
    background-color: var(--white);
    border: 1px solid var(--gray-300);
    padding: var(--spacing-4);
    border-radius: 6px;
}

#indBooking__modal .noRooms__action {
    align-self: center;
}

#indBooking__modal .noRooms__title,
#indBooking__modal .noRooms__message {
    text-align: center;
}

#indBooking__modal .noRooms__title {
    margin: 0 0 var(--spacing-1);
}

#indBooking__modal .noRooms__message {
    margin: 0 0 var(--spacing-6);
}

#indBooking__modal .btn--primary.noRooms__action {
    font-size: var(--text-md);
}

@media (min-width: 768px) {
    #indBooking__modal .indBooking__roomTypeFromRate {
        white-space: nowrap;
        align-items: flex-end;
    }
    #indBooking__modal .indBooking__roomTypeFromRate {
        font-size: var(--text-subheading-lg, 32px);
        line-height: var(--text-subheading-lg-lh, 1.2em);
    }
}
#indBooking__root #indBooking__not-found a {
    text-decoration: underline;
}

#indBooking__root #indBooking__not-found a,
#indBooking__root #indBooking__not-found a:visited {
    color: var(--white);
    transition: opacity 200ms;
}

#indBooking__root #indBooking__not-found a:hover,
#indBooking__root #indBooking__not-found a:active {
    opacity: .85;
}

#indBooking__root .indBooking__not-found__message {
    margin: var(--spacing-2) 0 0;
    text-align: center;
}:root {
    /********************************/
    /* PALETTE                      */
    /********************************/
    --white:     #ffffff;
    --black:     #212121;
    --dark-blue: #172344;
    --red:       #bd3939;

    --gray-25-rgbv: 252, 252, 252;
    --gray-50-rgbv: 250, 250, 250;
    --gray-100-rgbv: 245, 245, 245;
    --gray-200-rgbv: 229, 229, 229;
    --gray-300-rgbv: 214, 214, 214;
    --gray-400-rgbv: 163, 163, 163;
    --gray-500-rgbv: 115, 115, 115;
    --gray-600-rgbv: 82, 82, 82;
    --gray-700-rgbv: 66, 66, 66;
    --gray-800-rgbv: 41, 41, 41;
    --gray-900-rgbv: 20, 20, 20;
    --gray-25: rgb(var(--gray-25-rgbv));
    --gray-50: rgb(var(--gray-50-rgbv));
    --gray-100: rgb(var(--gray-100-rgbv));
    --gray-200: rgb(var(--gray-200-rgbv));
    --gray-300: rgb(var(--gray-300-rgbv));
    --gray-400: rgb(var(--gray-400-rgbv));
    --gray-500: rgb(var(--gray-500-rgbv));
    --gray-600: rgb(var(--gray-600-rgbv));
    --gray-700: rgb(var(--gray-700-rgbv));
    --gray-800: rgb(var(--gray-800-rgbv));
    --gray-900: rgb(var(--gray-900-rgbv));

    --primary-200-hslv: 229, 82%, 85%;
    --primary-300-hslv: 229, 81%, 75%;
    --primary-400-hslv: 229, 81%, 65%;
    --primary-500-hslv: 228.92, 80.51%, 61.76%;
    --primary-600-hslv: 220.79, 80.18%, 43.53%;
    --primary-700-hslv: 221.45, 100%, 32.35%;
    --primary-200: hsla(var(--primary-200-hslv), 1);
    --primary-300: hsla(var(--primary-300-hslv), 1);
    --primary-400: hsla(var(--primary-400-hslv), 1);
    --primary-500: hsla(var(--widget-primary-500-hsl, var(--primary-500-hslv)), 1);
    --primary-500-o-8: hsla(var(--widget-primary-500-hsl, var(--primary-500-hslv)), .8);
    --primary-600: hsla(var(--primary-600-hslv), 1);
    --primary-700: hsla(var(--primary-700-hslv), 1);

    --error-300: hsla(4, 96%, 80%, 1);
    --error-500: hsla(4, 86%, 58%, 1);

    /* ----- INDAGARE PALETTE HSL ----- */
    --indagare-gold-hsl: 25deg, 50%, 44%;
    --indagare-gold: hsl(var(--indagare-gold-hsl));
    --indagare-gold-lt-hsl: 26deg, 45%, 62%;
    --indagare-gold-lt: hsl(var(--indagare-gold-lt-hsl));

    --modal-background-color: var(--indagare-neutral, var(--gray-25));
    --card-box-shadow-raw: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.06);
    --card-box-shadow: var(--widget-card-box-shadow, var(--card-box-shadow-raw));

    /********************************/
    /* RADIUS                       */
    /********************************/
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;

    /********************************/
    /* SPACING                      */
    /********************************/
    --spacing-1:        .25rem;
    --spacing-2:        .5rem;
    --spacing-3:        .75rem;
    --spacing-4:        1rem;
    --spacing-5:        1.25rem;
    --spacing-6:        1.5rem;
    --spacing-7:        1.75rem;
    --spacing-8:        2rem;
    --spacing-9:        2.25rem;
    --spacing-10:       2.5rem;
    --spacing-11:       2.75rem;
    --spacing-12:       3rem;

    /********************************/
    /* THEMING                      */
    /********************************/
    --foreground: var(--black);
    --background: var(--white);
    --modal-foreground: var(--white);
    --modal-background: var(--black);
    --modal-width: 400px;

    --overlay-duration: 250ms;
    --modal-delay: calc(var(--overlay-duration) / 2);
    --modal-duration: 350ms;
}

/********************************/
/* DESKTOP                      */
/********************************/
@media (min-width: 768px) {
}

/********************************/
/* REDUCED MOTION               */
/********************************/
@media (prefers-reduced-motion) {
    :root {
        --overlay-duration: 0ms;
        --modal-delay: 0ms;
        --modal-duration: 0ms;
    }
}

#indBooking__root {
    display: none;
}

#indBooking__root *,
#indBooking__modal *{
    font-family: futura-pt, 'Futura PT', sans-serif;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

#indBooking__root h1,
#indBooking__root h2,
#indBooking__root h3,
#indBooking__root h4,
#indBooking__root h5,
#indBooking__root h6,
#indBooking__modal h1,
#indBooking__modal h2,
#indBooking__modal h3,
#indBooking__modal h4,
#indBooking__modal h5,
#indBooking__modal h6 {
    font-family: 'Austin Web', sans-serif;
    font-weight: 400;
}

#indBooking__root .flexRow {
    display:flex;
    flex-wrap: wrap;
    justify-content:left;
    align-items:normal;
}
#indBooking__root .flexColumn {
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:left;
    align-items:normal;
}
#indBooking__root .flexRowSpaced {
    display:flex;
    flex-flow: row nowrap;
    justify-content:space-between;
    align-items:center;
}
#indBooking__root .indBooking__panel {
    display: none;
    margin-bottom: var(--modal-padding);
    border-bottom: 1px solid var(--gray-50);
}
#indBooking__hotelSearch {
    --content-max-width: 1440px;
    --summary-panel-width: 346px;

    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9989; /* 1 layer below hubspot chat widget */
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    opacity: 0;
    padding-top: 150px;
}

#indBooking__hotelSearch.shown {
    -o-animation: visible var(--overlay-duration) forwards, bump var(--modal-duration) linear var(--modal-delay) 1 forwards;
    -moz-animation: visible var(--overlay-duration) forwards, bump var(--modal-duration) linear var(--modal-delay) 1 forwards;
    -webkit-animation: visible var(--overlay-duration) forwards, bump var(--modal-duration) linear var(--modal-delay) 1 forwards;
    animation: visible var(--overlay-duration) forwards, bump var(--modal-duration) linear var(--modal-delay) 1 forwards;
}

#indBooking__modal {
    --modal-padding: var(--spacing-6);
    --border-color: #d7d7d7;
    box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);
    padding-top: 0;
    background-color: var(--modal-background-color);
    width:100%;
    height: 100%;
    max-height: 100vh;
    color: var(--gray-900);
    position: relative;
    display: flex;
    flex-direction: column;
    opacity: 0;
}

#indBooking__modal.shown {
    -o-animation: visible var(--modal-duration) linear var(--modal-delay) 1 forwards;
    -moz-animation: visible var(--modal-duration) linear var(--modal-delay) 1 forwards;
    -webkit-animation: visible var(--modal-duration) linear var(--modal-delay) 1 forwards;
    animation: visible var(--modal-duration) linear var(--modal-delay) 1 forwards;
}

#indBooking__modal .indBooking__modal__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    width: 100%;
    max-width: var(--content-max-width);
    flex-wrap: nowrap;
    margin: 0 auto;
    padding: 0 var(--modal-padding);
}

#indBooking__modal #indBooking__panels {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#indBooking__consentContainer .indBooking__formCell .checkbox-row {
    display: flex;
    align-items: flex-start; /* Align items at the top */
    padding-bottom: 4px; /* Space between checkbox-row and helper-text */
}

/* Styling the helper text */
#indBooking__consentContainer .indBooking__formCell .helper-text {

}

#indBooking__consentContainer .indBooking__formCell {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    position: static;
    margin: 0;
}

#indBooking__consentContainer .indBooking__formCell input[type="checkbox"] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin: 8px 8px 0 0;
}

#indBooking__consentContainer .indBooking__formCell .checkbox-row label {
    position: static !important;
    padding: 0;
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    color: var(--text-color, black);
    flex: 1;
}

#indBooking__serviceTermsConsent[type="checkbox"] {
    accent-color: black;
}

/********************************/
/* BUTTONS                      */
/********************************/
#indBooking__modal button {
    border:0;
    cursor: pointer;
}

#indBooking__modal  .btn--primary {
    line-height: 1em;
    background-color: var(--primary-500);
    border: 2px solid var(--primary-500);
    cursor: pointer;
    padding: var(--spacing-3) var(--spacing-4);
    color: var(--white);
    transition: background-color 250ms;
    border-radius: var(--widget-button-radius, 6px);
    font-size: var(--text-body, 1.125rem);
    text-transform: uppercase;
}
#indBooking__modal  .btn--primary:hover,
#indBooking__modal  .btn--primary:active,
#indBooking__modal  .btn--primary:focus {
    background-color: var(--primary-500-o-8);
}

#indBooking__modal  .btn--link {
    background-color: transparent;
    border:0;
    cursor: pointer;
    padding: var(--spacing-2) 0;
    border-radius: var(--radius-sm);
    transition: text-decoration 200ms;
    text-decoration: underline;
    color:var(--primary-500);
    font-size: var(--text-body, 1.125rem);
}
#indBooking__modal  .btn--link:hover {
    text-decoration: underline;
}

#indBooking__modal  .btn--outline {
    line-height: 1em;
    background-color: transparent;
    border: 2px solid var(--primary-500);
    cursor: pointer;
    padding: var(--spacing-3) var(--spacing-4);
    color: var(--primary-500);
    transition: background-color 250ms;
    border-radius: var(--widget-button-radius, 6px);
    font-size: var(--text-body, 1.125rem);
    text-transform: uppercase;
}
#indBooking__modal  .btn--outline:hover,
#indBooking__modal  .btn--outline:active,
#indBooking__modal  .btn--outline:focus {
    background-color: var(--primary-500-o-8);
    color: var(--indagare-white, var(--white));
}

#indBooking__modal .indBooking__link {
    background-color: transparent;
    color:var(--primary-500);
    text-decoration: underline;
}

#indBooking__modal .clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#indBooking__modal .clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#indBooking__modal .clamp-2 *,
#indBooking__modal .clamp-3 * {
    display: inline;
}

/* Chrome, Safari, Edge, Opera */
#indBooking__modal input::-webkit-outer-spin-button,
#indBooking__modal input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Firefox */
#indBooking__modal input[type=number] {
    -moz-appearance: textfield;
}

#indBooking__modal .fieldError {
    background-color: #f29a9a;
    border:1px solid var(--red);
}

#indBooking__modal .hidden {
    display: none;
}

#indBooking__modal .link-button {
    background-color: transparent;
    border: 0;
    color: var(--primary-500);
    text-decoration: underline;
}

#indBooking__modal button {
    cursor: pointer;
    padding: 0;
}

/********************************/
/* DESKTOP                      */
/********************************/
@media (min-width: 1000px) {
    #indBooking__modal .indBooking__panel {
        margin-bottom: 0;
    }

    #indBooking__modal .indBooking__modal__content {
        flex-direction: row;
    }
}

/********************************/
/* ANIMATIONS                   */
/********************************/
@keyframes visible {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes bump {
    from {
        padding-top: 150px;
    }
    to {
        padding-top: 0;
    }
}
#indBooking__root #indWidget__root {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0;
    background-color: var(--background);
    color: var(--foreground);
    transition: opacity 1000ms;
}

#indBooking__root #indWidget__container {
    background-color: var(--modal-background);
    padding: var(--spacing-5);
    width: 100%;
    max-width:var(--modal-width);
    color: var(--modal-foreground);
    border-radius: var(--widget-form-radius, 0);
    margin: 0 auto;
}
#indBooking__root #indWidget__container h1 {
    font-size: var(--heading-xxs, 2.125rem);
    line-height: var(--heading-xxs-lh, 1.2em);
    text-align: center;
    color: var(--modal-foreground);
}
#indBooking__root #indWidget__container label {
    font-size: var(--text-tag, var(--text-md));
    line-height: var(--text-tag-lh, 1.1em);
    font-weight: var(--futura-medium, normal);
    margin-bottom:var(--spacing-2);
    display: block;
}

#indBooking__root #indWidget__container #indWidget__pax label {
    font-size: var(--text-tag, var(--text-lg));
}
#indBooking__root #indWidget__pax,
#indBooking__root #indWidget__dates {
    margin: var(--spacing-4) 0 var(--spacing-2);
    display:flex;
    flex-flow: row nowrap;
    position: relative;
}
#indBooking__root #indWidget__pax {
    flex-direction: column;
}
#indBooking__root .indWidget__cell {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
    flex-wrap: wrap;
}
#indBooking__root .indWidget__cell.row {
    flex-direction: row;
}
#indBooking__root .indWidget__cell.row:not(:last-of-type) {
    margin-bottom: var(--spacing-2);
}
#indBooking__root #indWidget__container .indWidget__cell.row label {
    margin-bottom: 0;
}
#indBooking__root .indWidget__cell.full {
    width: 100%;
}
#indBooking__root .indWidget__cell.edge {
    justify-content: space-between;
    align-items: center;
}
#indBooking__root #indWidget__adtField,
#indBooking__root #indWidget__chdField {
    font-size: 18px;
    width:40px;
    padding:5px 10px;
}
#indBooking__root .indWidget__startDateCell {
    margin-right: var(--spacing-2);
}
#indBooking__root .indWidget__endDateCell {
    margin-left: var(--spacing-2);
}
#indBooking__root #indWidget__startDateField,
#indBooking__root #indWidget__endDateField {
    font-size: 18px;
    width:100%;
    padding: var(--spacing-2) 30px var(--spacing-2) 10px;
    border: 0;
    background-image: url(https://booking.staging.indagare.com/static/images/icons/calendar.svg?v=1);
    background-size:24px 24px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}
#indBooking__root #indWidget__startDateButton,
#indBooking__root #indWidget__endDateButton {
    width:38px;
    height:38px;
    margin:0 2px;
    border:0;
}
#indBooking__root #indWidget__buttons {
    text-align: center;
    padding: var(--spacing-4) 0;
}
#indBooking__root #indWidget__lastSearchButton {
    background-color: transparent;
    padding:0;
    border:0;
    color: rgb(var(--gray-400-rgbv));
}
#indBooking__root #indWidget__submitButton {
    background-color: var(--primary-500);
    color: var(--white);
    font-size: var(--text-link, 18px);
    line-height: var(--text-link-lh, 1.2em);
    font-weight: var(--futura-medium, 500);
    width: 100%;
    border:0;
    padding: var(--spacing-3);
    transition: background-color 200ms, opacity 200ms;
    border-radius: var(--widget-button-radius, 0);
    text-transform: uppercase;
}
#indBooking__root #indWidget__submitButton.disabled:hover {
    background-color: var(--indagare-gold-lt);
    opacity: 0.5;
    cursor: not-allowed;
}
#indBooking__root #indWidget__submitButton:hover,
#indBooking__root #indWidget__submitButton:active {
    background-color: var(--primary-500-o-8);
}
#indBooking__root .indWidget__connecting-rooms-cta {
    max-width: var(--modal-width);
    text-align: center;
    padding-top: var(--spacing-1);
    text-decoration: underline solid transparent;
}
#indBooking__root .indWidget__connecting-rooms-cta a,
#indBooking__root .indWidget__connecting-rooms-cta a:visited {
    color: var(--primary-500);
}
#indBooking__root .indWidget__connecting-rooms-cta a:hover,
#indBooking__root .indWidget__connecting-rooms-cta a:active {
    color: var(--primary-500-o-8);
    text-decoration: underline solid var(--primary-500-o-8);
}#indBooking__modal .custom-select {
    --item-padding: var(--spacing-1) var(--spacing-3);
    --helper-veritcal-padding: 5px;
    --padding-bottom: calc(var(--text-sm) + var(--helper-veritcal-padding));
    display: flex;
    flex-flow: column;
    position: relative;
    background-color: var(--white);
    background-image: url(https://booking.staging.indagare.com/static/images/icons/chev_down.svg?v=1);
    background-size: 16px 8px;
    background-position: right var(--spacing-5) center;
    background-repeat: no-repeat;
    transition: border-color 200ms;
}

#indBooking__modal .custom-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: var(--input-font-size);
    line-height: var(--input-font-line-height);
    background-color: transparent;
    padding: var(--input-pt) var(--spacing-10) var(--input-pb) var(--input-pl);
    text-overflow: ellipsis;
    border: 1px solid var(--border-color);
    display: flex;
    width: 100%;
    outline: none;
}

#indBooking__modal .custom-select select:focus {
    border-color: var(--input-focus-border-color);
}

/* Filament: Hide arrow icon in IE browsers */
#indBooking__modal .custom-select select::-ms-expand {
    display: none;
}#indBooking__root #dateSelect__popup {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--white);
    z-index: 200;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .36);
    border:1px solid var(--gray-200);
    color: var(--foreground);
}

#indBooking__root #dateSelect__nav {
    display:flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

#indBooking__root #dateSelect__monthDisplay {
    font-size: 1.5rem;
}

#indBooking__root #dateSelect__prevButton, #dateSelect__nextButton {
    height:21px;
    width:30px;
    background-color: transparent;
    background-size:16px;
    background-repeat: no-repeat;
    background-position: center;
    border:0;
}
#indBooking__root #dateSelect__prevButton { background-image: url(/static/images/buttons/gray-left-arrow.svg); }
#indBooking__root #dateSelect__nextButton { background-image: url(/static/images/buttons/gray-right-arrow.svg); }


#indBooking__root #dateSelect__calendarTable {
    width:100%;
    margin-bottom:10px;
    border-collapse: collapse;
}
#indBooking__root #dateSelect__calendarTable th {
    text-align:center;
    padding:4px 0;
}
#indBooking__root #dateSelect__calendarTable td {
    text-align:center;
    vertical-align: center;
    cursor:pointer;
    width: 42px;
    height: 42px;
}
#indBooking__root #dateSelect__calendarTable td.passed,
#indBooking__root #dateSelect__calendarTable td.passed:hover {
    color:var(--gray-400);
    background-color: var(--gray-100);
}
#indBooking__root #dateSelect__calendarTable td.passed:hover {
    cursor: default;
}
#indBooking__root #dateSelect__calendarTable td.faded,
#indBooking__root #dateSelect__calendarTable td.faded:hover {
    color:var(--gray-200);
}
#indBooking__root #dateSelect__calendarTable td.range {
    --gold: hsla(var(--indagare-gold-hsl), 0.6);
    background-color:var(--gold);
}
#indBooking__root #dateSelect__calendarTable td.range.faded {
    color:var(--gray-400);
}
#indBooking__root #dateSelect__calendarTable td.range.selected {
    background-color: var(--indagare-gold);
    color:var(--white);
}
#indBooking__root #dateSelect__calendarTable td.range.range-end {
    --gold: hsla(var(--indagare-gold-hsl), .25);
    background-color: var(--gold);
    color:var(--white);
}
#indBooking__root #dateSelect__calendarTable td:hover {
    background-color: var(--indagare-gold-lt);
}
#indBooking__modal .card {
    --color: var(--gray-500);
    --spacing: var(--spacing-6);
    --image-height: 248px;
}

#indBooking__modal .card.card--primary {
    --color: var(--primary-500);
}

#indBooking__modal .card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 4px;
    margin-bottom: var(--spacing);
    background-color: var(--indagare-white);
    box-shadow: var(--card-box-shadow);
    overflow: hidden;
    flex-wrap: wrap;
}

#indBooking__modal .card__image {
    position: relative;
    display: flex;
    flex: 1;
    padding: 0;
}

#indBooking__modal .card__image img {
    max-height: var(--image-height);
    object-fit: cover;
    width: 100%;
}

#indBooking__modal .card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 15px;
    flex-grow: 1;
    padding: var(--spacing);
    background-color: var(--white);
}

#indBooking__modal .card__contentHeaderContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    width: 100%;
    margin-bottom: var(--spacing);
}

#indBooking__modal .card__contentHeaderContainer.card__contentHeaderContainer__rate {
    margin-bottom: var(--spacing-4);
}

#indBooking__modal .card__actions {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
    align-items: flex-start;
    background-color: var(--white);
}

#indBooking__modal .card__actions.card__actions__rate {
    gap: var(--spacing-2);
}
@media (min-width: 768px) {
    #indBooking__modal .card {
        --image-height: 436px;
    }

    #indBooking__modal .card__contentHeaderContainer.card__contentHeaderContainer__rate {
        margin-bottom: calc(var(--spacing-4) + var(--text-body));
    }

    #indBooking__modal .card {
        margin-bottom: calc(var(--spacing) * 1.25);
        flex-direction: row;
    }

    #indBooking__modal .card__contentHeaderContainer {
        flex-direction: row;
        justify-content: space-between;
        gap: var(--spacing-1);
    }

    #indBooking__modal .card__actions {
        flex-direction: row;
        gap: var(--spacing-4);
    }

    #indBooking__modal .card__image {
        min-width: 100%;
        padding: var(--spacing) var(--spacing) 0;
    }
}#indBooking__modal .indBooking__formCell {
    --gutter: var(--spacing-6);

    --input-pt: var(--spacing-5);
    --input-pr: var(--spacing-4);
    --input-pb: var(--spacing-2);
    --input-pl: var(--spacing-4);

    --input-font-size: var(--text-lg);
    --input-font-line-height: var(--text-xl);
    --label-font-size: var(--text-md);
    --label-line-height: var(--text-lg);

    --helper-line-height: calc(var(--gutter) * .75);
    --helper-font-size: calc(var(--helper-line-height) * .8);

    --input-focus-border-color: var(--gray-500);

    display:flex;
    flex-flow:column;
    margin: 0 var(--gutter) var(--gutter) 0;
    position: relative;
    flex: 1;
    flex-basis: 240px;
}

#indBooking__modal .indBooking__formCell input {
    border: 1px solid var(--border-color);
    background-color: var(--white);
    padding: var(--input-pt) var(--input-pr) var(--input-pb);
    font-size: var(--input-font-size);
    line-height: var(--input-font-line-height);
    transition: border-color 200ms;
}

#indBooking__modal .indBooking__formCell input::placeholder {
    color: transparent;
}

/* Shrink label */
#indBooking__modal .indBooking__formCell label {
    border: 1px solid transparent;
    position: absolute;
    font-size: calc(var(--input-pt) * .8);
    line-height: var(--input-pt);
    padding: 2px 0 0 var(--input-pr);
    top: 0;
    left: 0;
    color: var(--gray-500);
    transition: all 150ms;
}

/* Center label on top of input */
#indBooking__modal .indBooking__formCell input:not(:focus-visible):placeholder-shown + label {
    --total-vertical-p: calc(var(--input-pt) + var(--input-pb));
    --even-vertical-p: calc(var(--total-vertical-p) / 2);

    position: absolute;
    font-size: var(--input-font-size);
    line-height: var(--input-font-line-height);
    padding: var(--even-vertical-p) var(--input-pr);
}

#indBooking__modal .indBooking__formCell.error input,
#indBooking__modal .indBooking__formCell.error input:focus,
#indBooking__modal .indBooking__formCell.error input:active,
#indBooking__modal .indBooking__formCell.error .custom-select {
    border-color: var(--error-500);
}
#indBooking__modal .indBooking__formCell input:active {
    border-color: var(--gray-900);
}
#indBooking__modal .indBooking__formCell input:focus {
    outline: none;
    border-color: var(--input-focus-border-color);
}
#indBooking__modal .indBooking__formCell .helper-text {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    top: 100%;
    padding: 0;
    font-size: var(--helper-font-size);
    line-height: var(--helper-line-height);
    transition: all;
}
#indBooking__modal .indBooking__formCell.error .helper-text {
    opacity: 1;
    visibility: visible;
    color: var(--error-500);
}#indBooking__root .paxField__container {
    display:flex;
    flex-flow:row nowrap;
    align-content: center;
}
#indBooking__root .paxField__input {
    width:30px;
    text-align: center;
    border: 0;
    height: initial;
    background-color: transparent;
    color: var(--white);
}

#indBooking__root .paxField__incrButton,
#indBooking__root .paxField__decrButton {
    width:32px;
    height:32px;
    border-radius: 100%;
    border: 2px solid rgb(var(--gray-400-rgbv));
    background-color: transparent;
    color: rgb(var(--gray-200-rgbv));
    font-size: var(--text-xl);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 200ms;
    padding: 0 0 0 1px;
}

#indBooking__root .paxField__decrButton {
    padding: 0 0 6px 0;
}

#indBooking__root .paxField__incrButton:hover,
#indBooking__root .paxField__decrButton:hover {
    border-color: rgb(var(--gray-300-rgbv));
    background-color: rgba(var(--gray-25-rgbv), .25);
}

#indBooking__root .paxField__incrButton:hover,
#indBooking__root .paxField__decrButton:hover {
    cursor: pointer;
}

#indBooking__root .paxField__incrButton:disabled,
#indBooking__root .paxField__decrButton:disabled {
    border-color: rgb(var(--gray-600-rgbv));
    color: rgb(var(--gray-600-rgbv));
}

#indBooking__root .paxField__incrButton:disabled:hover,
#indBooking__root .paxField__decrButton:disabled:hover {
    cursor: not-allowed;
    background-color: transparent;
}#indBooking__modal input.paymentCardField__input {
    --icon-width: calc(58px * .75);
    --icon-height: calc(40px * .75);
    --icon-size: var(--icon-width) var(--icon-height);
    padding-right:calc(var(--spacing-8) + var(--icon-width));
    background-repeat: no-repeat;
    background-position: right var(--spacing-4) center;
}
#indBooking__modal .paymentCardField--unknown    { background-image: url(https://booking.staging.indagare.com/static/images/payment-cards/card.svg?v=1); background-size: var(--icon-width) var(--icon-width); }
#indBooking__modal .paymentCardField--mastercard { background-image: url(https://booking.staging.indagare.com/static/images/payment-cards/mastercard.svg?v=1); background-size: var(--icon-size); }
#indBooking__modal .paymentCardField--visa       { background-image: url(https://booking.staging.indagare.com/static/images/payment-cards/visa.svg?v=1); background-size: var(--icon-size); }
#indBooking__modal .paymentCardField--discover   { background-image: url(https://booking.staging.indagare.com/static/images/payment-cards/discover.svg?v=1); background-size: var(--icon-size); }
#indBooking__modal .paymentCardField--amex       { background-image: url(https://booking.staging.indagare.com/static/images/payment-cards/amex.svg?v=1); background-size: var(--icon-size); }
#indBooking__modal .paymentCardField--diners     { background-image: url(https://booking.staging.indagare.com/static/images/payment-cards/diners.svg?v=1); background-size: var(--icon-size); }
#indBooking__modal .paymentCardField--jcb        { background-image: url(https://booking.staging.indagare.com/static/images/payment-cards/jcb.svg?v=1); background-size: var(--icon-size); }#indBooking__modal .summary-panel {
    --spacing: var(--spacing-4);
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 0 var(--modal-padding);
    align-self: flex-start;
    border-radius: var(--widget-button-radius, 6px);
    border: var(--widget-card-border, 1px solid var(--gray-300));
    box-shadow: var(--widget-card-box-shadow, none);
    background: var(--indagare-white, var(--white));
    margin: 0 0 var(--spacing);
}

#indBooking__modal .summary-panel.desktop {
    display: none;
}

#indBooking__modal .summary-panel p {
    font-size: var(--text-link, inherit);
    line-height: var(--text-link-lh, inherit);
    font-weight: var(--futura-medium, 500);
}

#indBooking__modal .summary-panel__section {
    padding: var(--spacing) 0;
    border-top: 1px solid var(--gray-200);
}

#indBooking__modal .summary-panel__section:first-child {
    border-top: none;
}

#indBooking__modal .summary-panel p.summary-panel__heading {
    color: var(--primary-500);
    font-size: .875rem;
    line-height: 1.35em;
    font-weight: 500;
    text-transform: uppercase;
    margin: var(--spacing-3) 0;
}

#indBooking__modal .summary-panel p.summary-panel__hotel-name {
    color: inherit;
    font-size: var(--text-subheading-sm, 1.2rem);
    line-height: var(--text-subheading-sm-lh, 1.1em);
    font-weight: var(--futura-medium, 500);
}

#indBooking__modal .summary-panel p.summary-panel__hotel-address {
    font-weight: var(--futura-book, 400);
}

#indBooking__modal .summary-panel__main-image {
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 6px;
}

#indBooking__modal .summary-panel__main-image.placeholder {
    transform: rotate(45deg);
}

#indBooking__modal .summary-panel .summary-panel__details p,
#indBooking__modal .summary-panel .summary-panel__room p {
    margin: var(--spacing-1) 0;
}

#indBooking__modal .summary-panel .summary-panel__item-details p {
    margin: var(--spacing-1) 0;
}

#indBooking__modal .summary-panel .summary-panel__details p:first-child,
#indBooking__modal .summary-panel .summary-panel__item-details p:first-child,
#indBooking__modal .summary-panel .summary-panel__room p:first-child {
    margin-top: 0;
}

#indBooking__modal .summary-panel .summary-panel__details p:last-child,
#indBooking__modal .summary-panel .summary-panel__item-details p:last-child,
#indBooking__modal .summary-panel .summary-panel__room p:last-child {
    margin-bottom: 0;
}

#indBooking__modal .summary-panel__room,
#indBooking__modal .summary-panel__rate-details {
    display: none;
    flex-direction: column;
}

#indBooking__modal .summary-panel p.summary-panel__rate-details__heading {
    margin: 0;
}

#indBooking__modal .summary-panel__rate-details__label,
#indBooking__modal .summary-panel__rate-details__value {
    display: flex;
    flex: 1;
}

#indBooking__modal .summary-panel__rate-details__value {
    justify-content: flex-end;
}

#indBooking__modal .summary-panel__rate-details-row {
    display: flex;
    margin-top: var(--spacing-1);
}

#indBooking__modal .summary-panel__rate-details__gross-usd {
    display: none;
    color: var(--gray-500);
}

#indBooking__modal .summary-panel__rate-details-row:first-child {
    margin-top: 0;
}

#indBooking__modal .summary-panel__rate-details__gross {
    font-weight: bold;
}

/* Hide when we are viewing the confirmation panel*/
#indBooking__modal.active-panel-7 .summary-panel:not(.confirmation),
#indBooking__modal.active-panel-2 .summary-panel:not(.confirmation) {
    display: none;
}
/********************************/
/* DESKTOP                      */
/********************************/
@media (min-width: 1000px) {
    #indBooking__modal .summary-panel.desktop {
        --spacing: var(--modal-padding);
        position: sticky;
        top: 0;
        margin: 0 0 0 var(--spacing);
        align-self: flex-start;
        width: var(--summary-panel-width);
        display: flex;
    }

    #indBooking__modal .summary-panel.mobile {
        display: none;
    }

    #indBooking__modal .summary-panel .summary-panel__details p,
    #indBooking__modal .summary-panel .summary-panel__room p {
        margin: var(--spacing-3) 0;
    }

    #indBooking__modal .summary-panel__rate-details-row {
        margin-top: var(--spacing-3);
    }
}

#indBooking__root .typeahead__results {
    border:1px solid #ccc;
    padding:8px;
    position:absolute;
    background-color:#fff;
    z-index:200;
    color: var(--black);
    top: 100%;
    right: 0;
    left: 0;
}
#indBooking__root .typeahead__result {
    font-size: 16px;
    padding: 8px;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
}
#indBooking__root .typeahead__result strong {
    font-weight: 600;
    font-size: 16px;
}
#indBooking__root .typeahead__result-selected {
    background-color:#ddd;
}
#indBooking__root .typeahead__result-sub {
    font-size: 12px;
    padding-left: 8px;
    overflow:hidden;
    white-space:nowrap;
    color:#ddd;
}/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2023 Schwartzco Inc.
        License: 2304-BZFLLO     
*/


@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-UltraItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-UltraItalic-Web.woff') format('woff');
  font-weight:  800;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Ultra-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Ultra-Web.woff') format('woff');
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-FatItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-FatItalic-Web.woff') format('woff');
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Fat-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Fat-Web.woff') format('woff');
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-ExtraboldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-ExtraboldItalic-Web.woff') format('woff');
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Extrabold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Extrabold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-BoldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-BoldItalic-Web.woff') format('woff');
  font-weight:  600;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Bold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Bold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-SemiboldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-SemiboldItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Semibold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Semibold-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-MediumItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-MediumItalic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Medium-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Medium-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Italic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Italic-Web.woff') format('woff');
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Roman-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Roman-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-LightItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-LightItalic-Web.woff') format('woff');
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Web';
  src: url('/static/fonts/Austin/Austin-Light-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/Austin-Light-Web.woff') format('woff');
  font-weight:  200;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-FatItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-FatItalic-Web.woff') format('woff');
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-Fat-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-Fat-Web.woff') format('woff');
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-BoldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-BoldItalic-Web.woff') format('woff');
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-Bold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-Bold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-SemiboldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-SemiboldItalic-Web.woff') format('woff');
  font-weight:  600;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-Semibold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-Semibold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-ItalicNo2-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-ItalicNo2-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-RomanNo2-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-RomanNo2-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-Italic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-Italic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Text Web';
  src: url('/static/fonts/Austin/AustinText-Roman-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinText-Roman-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-UltraItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-UltraItalic-Web.woff') format('woff');
  font-weight:  900;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Ultra-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Ultra-Web.woff') format('woff');
  font-weight:  900;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-FatItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-FatItalic-Web.woff') format('woff');
  font-weight:  800;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Fat-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Fat-Web.woff') format('woff');
  font-weight:  800;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-ExtraboldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-ExtraboldItalic-Web.woff') format('woff');
  font-weight:  700;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Extrabold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Extrabold-Web.woff') format('woff');
  font-weight:  700;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-BoldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-BoldItalic-Web.woff') format('woff');
  font-weight:  600;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Bold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Bold-Web.woff') format('woff');
  font-weight:  600;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-SemiboldItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-SemiboldItalic-Web.woff') format('woff');
  font-weight:  500;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Semibold-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Semibold-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-MediumItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-MediumItalic-Web.woff') format('woff');
  font-weight:  400;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Medium-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Medium-Web.woff') format('woff');
  font-weight:  400;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Italic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Italic-Web.woff') format('woff');
  font-weight:  300;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Roman-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Roman-Web.woff') format('woff');
  font-weight:  300;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-LightItalic-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-LightItalic-Web.woff') format('woff');
  font-weight:  200;
  font-style:   italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'Austin Hairline Web';
  src: url('/static/fonts/Austin/AustinHairline-Light-Web.woff2') format('woff2'),
       url('/static/fonts/Austin/AustinHairline-Light-Web.woff') format('woff');
  font-weight:  200;
  font-style:   normal;
  font-stretch: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-Bold.eot');
    src: local('Futura PT Bold'), local('FuturaPT-Bold'),
        url('/static/fonts/Futura/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-Bold.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-Bold.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-Heavy.eot');
    src: local('Futura PT Heavy'), local('FuturaPT-Heavy'),
        url('/static/fonts/Futura/FuturaPT-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-Heavy.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-Heavy.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Demi';
    src: url('/static/fonts/Futura/FuturaPT-DemiObl.eot');
    src: local('Futura PT Demi Oblique'), local('FuturaPT-DemiObl'),
        url('/static/fonts/Futura/FuturaPT-DemiObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-DemiObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-DemiObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-DemiObl.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Cond Extra';
    src: url('/static/fonts/Futura/FuturaPTCond-ExtraBoldObl.eot');
    src: local('Futura PT Cond Extra Bold Oblique'), local('FuturaPTCond-ExtraBoldObl'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBoldObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBoldObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBoldObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBoldObl.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Cond Book';
    src: url('/static/fonts/Futura/FuturaPTCond-Book.eot');
    src: local('Futura PT Cond Book'), local('FuturaPTCond-Book'),
        url('/static/fonts/Futura/FuturaPTCond-Book.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-Book.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-Book.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-LightObl.eot');
    src: local('Futura PT Light Oblique'), local('FuturaPT-LightObl'),
        url('/static/fonts/Futura/FuturaPT-LightObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-LightObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-LightObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-LightObl.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Book';
    src: url('/static/fonts/Futura/FuturaPT-BookObl.eot');
    src: local('Futura PT Book Oblique'), local('FuturaPT-BookObl'),
        url('/static/fonts/Futura/FuturaPT-BookObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-BookObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-BookObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-BookObl.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-HeavyObl.eot');
    src: local('Futura PT Heavy Oblique'), local('FuturaPT-HeavyObl'),
        url('/static/fonts/Futura/FuturaPT-HeavyObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-HeavyObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-HeavyObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-HeavyObl.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('/static/fonts/Futura/FuturaPTCond-BoldObl.eot');
    src: local('Futura PT Cond Bold Oblique'), local('FuturaPTCond-BoldObl'),
        url('/static/fonts/Futura/FuturaPTCond-BoldObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-BoldObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-BoldObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-BoldObl.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Demi';
    src: url('/static/fonts/Futura/FuturaPT-Demi.eot');
    src: local('Futura PT Demi'), local('FuturaPT-Demi'),
        url('/static/fonts/Futura/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-Demi.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-Demi.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-Demi.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Cond Book';
    src: url('/static/fonts/Futura/FuturaPTCond-BookObl.eot');
    src: local('Futura PT Cond Book Oblique'), local('FuturaPTCond-BookObl'),
        url('/static/fonts/Futura/FuturaPTCond-BookObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-BookObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-BookObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-BookObl.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Extra';
    src: url('/static/fonts/Futura/FuturaPT-ExtraBold.eot');
    src: local('Futura PT Extra Bold'), local('FuturaPT-ExtraBold'),
        url('/static/fonts/Futura/FuturaPT-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-ExtraBold.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-ExtraBold.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('/static/fonts/Futura/FuturaPTCond-Medium.eot');
    src: local('Futura PT Cond Medium'), local('FuturaPTCond-Medium'),
        url('/static/fonts/Futura/FuturaPTCond-Medium.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-Medium.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-Medium.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-Medium.eot');
    src: local('Futura PT Medium'), local('FuturaPT-Medium'),
        url('/static/fonts/Futura/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-Medium.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-Medium.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Cond Extra';
    src: url('/static/fonts/Futura/FuturaPTCond-ExtraBold.eot');
    src: local('Futura PT Cond Extra Bold'), local('FuturaPTCond-ExtraBold'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBold.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBold.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-MediumObl.eot');
    src: local('Futura PT Medium Oblique'), local('FuturaPT-MediumObl'),
        url('/static/fonts/Futura/FuturaPT-MediumObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-MediumObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-MediumObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-MediumObl.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('/static/fonts/Futura/FuturaPTCond-Bold.eot');
    src: local('Futura PT Cond Bold'), local('FuturaPTCond-Bold'),
        url('/static/fonts/Futura/FuturaPTCond-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-Bold.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-Bold.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-BoldObl.eot');
    src: local('Futura PT Bold Oblique'), local('FuturaPT-BoldObl'),
        url('/static/fonts/Futura/FuturaPT-BoldObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-BoldObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-BoldObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-BoldObl.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Book';
    src: url('/static/fonts/Futura/FuturaPT-Book.eot');
    src: local('Futura PT Book'), local('FuturaPT-Book'),
        url('/static/fonts/Futura/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-Book.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-Book.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT';
    src: url('/static/fonts/Futura/FuturaPT-Light.eot');
    src: local('Futura PT Light'), local('FuturaPT-Light'),
        url('/static/fonts/Futura/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-Light.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-Light.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura PT Cond';
    src: url('/static/fonts/Futura/FuturaPTCond-MediumObl.eot');
    src: local('Futura PT Cond Medium Oblique'), local('FuturaPTCond-MediumObl'),
        url('/static/fonts/Futura/FuturaPTCond-MediumObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPTCond-MediumObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPTCond-MediumObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPTCond-MediumObl.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Futura PT Extra';
    src: url('/static/fonts/Futura/FuturaPT-ExtraBoldObl.eot');
    src: local('Futura PT Extra Bold Oblique'), local('FuturaPT-ExtraBoldObl'),
        url('/static/fonts/Futura/FuturaPT-ExtraBoldObl.eot?#iefix') format('embedded-opentype'),
        url('/static/fonts/Futura/FuturaPT-ExtraBoldObl.woff2') format('woff2'),
        url('/static/fonts/Futura/FuturaPT-ExtraBoldObl.woff') format('woff'),
        url('/static/fonts/Futura/FuturaPT-ExtraBoldObl.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}