.rooms-guests-select,.rooms-guests-fields.disabled,.rooms-guests-fields,.promocode-fields.disabled,.promocode-fields,.dates-fields.disabled,.dates-fields,.hotels-field .fist-step.disable,.hotels-field .fist-step,.hotel-selector .hotel:hover .hotel-title,.hotel-selector .hotel:hover .hotel-img img,.hotel-selector .hotel .hotel-title,.hotel-selector .hotel .hotel-img img,.hotel-selector.active,.hotel-selector{transition:all .3s ease-out}@media only screen and (max-width: 48rem){.booking-mask-banner .hotels-field{width:100%}.booking-mask-banner .hotels-field .hotel-field{display:none}.booking-mask-banner .dates-fields,.booking-mask-banner .rooms-guests-fields{display:none}}.booking-mask-banner.booking-mask-banner-rooms{background:oklch(from var(--color-body) l c h/0.1);border-radius:50px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid;border-color:oklch(from var(--color-body) l c h/0.25);padding-left:var(--space-m)}.booking-mask-banner.booking-mask-banner-rooms .dates-fields,.booking-mask-banner.booking-mask-banner-rooms .rooms-guests-fields{padding-block:var(--space-s);border:none}.booking-mask-banner.booking-mask-banner-rooms .dates-fields .date-field,.booking-mask-banner.booking-mask-banner-rooms .dates-fields .rooms-guests,.booking-mask-banner.booking-mask-banner-rooms .dates-fields .promocode-guests,.booking-mask-banner.booking-mask-banner-rooms .rooms-guests-fields .date-field,.booking-mask-banner.booking-mask-banner-rooms .rooms-guests-fields .rooms-guests,.booking-mask-banner.booking-mask-banner-rooms .rooms-guests-fields .promocode-guests{padding-block:0}.booking-mask-banner.booking-mask-banner-rooms .dates-fields .date-field strong,.booking-mask-banner.booking-mask-banner-rooms .dates-fields .rooms-guests strong,.booking-mask-banner.booking-mask-banner-rooms .dates-fields .promocode-guests strong,.booking-mask-banner.booking-mask-banner-rooms .rooms-guests-fields .date-field strong,.booking-mask-banner.booking-mask-banner-rooms .rooms-guests-fields .rooms-guests strong,.booking-mask-banner.booking-mask-banner-rooms .rooms-guests-fields .promocode-guests strong{color:oklch(from var(--color-body) l c h/0.75)}.booking-mask-banner.booking-mask-banner-rooms .button.primary{height:-webkit-fill-available;height:-moz-available;height:stretch;max-height:unset;min-height:unset;border-radius:0 var(--btn-radius) var(--btn-radius) 0;position:relative}.booking-mask-banner.booking-mask-banner-rooms .button.primary::after{content:"";width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;border-radius:0 var(--btn-radius) var(--btn-radius) 0;border:1px solid;border-color:var(--color-accent-primary);position:absolute;z-index:1}@media only screen and (max-width: 48rem){.booking-mask-banner.booking-mask-banner-rooms{padding:0;background:unset;border:0;-webkit-backdrop-filter:unset;backdrop-filter:unset}}@media only screen and (max-width: 48rem){.booking-mask-side{flex-direction:column}.booking-mask-side .hotels-field,.booking-mask-side .dates-fields{border:none;width:100%;text-align:center;justify-content:center;border-bottom:1px solid}.booking-mask-side .hotels-field .hotel-field,.booking-mask-side .dates-fields .hotel-field{padding-top:0;padding-bottom:var(--gutter-tight)}.booking-mask-side .hotels-field .date-field,.booking-mask-side .dates-fields .date-field{border:none !important;width:100%;padding-top:var(--gutter-tight);padding-bottom:var(--gutter-tight)}.booking-mask-side .rooms-guests-fields{display:flex;flex-direction:column;width:100%}.booking-mask-side .rooms-guests-fields .rooms-guests{width:100%;padding-top:var(--gutter-tight);padding-bottom:var(--gutter-tight);border-bottom:1px solid}.booking-mask-side .rooms-guests-fields .promocode-fields{width:100%;padding-top:var(--gutter-tight);padding-bottom:0;border:none}.booking-mask-side .rooms-guests-fields .promocode-fields .promocode-guests{width:100%;padding:0}.booking-mask-side .button.primary{display:block !important;width:100%;margin-top:var(--gutter-tight) !important}}.booking-mask{align-items:center;position:relative}@media only screen and (max-width: 48rem){.booking-mask{width:100%;max-width:var(--width-content)}}.booking-mask .open-book-modal{display:none;width:100%;background:rgba(0,0,0,.1);border:1px solid;border-color:oklch(from var(--color-body) l c h/0.1);color:oklch(from var(--color-body) l c h/0.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media only screen and (max-width: 48rem){.booking-mask .open-book-modal{display:block}}.booking-mask .button.primary{margin:0;height:fit-content}.booking-mask .button.primary.disabled{background:rgba(0,0,0,.1);border:1px solid;border-color:oklch(from var(--color-body) l c h/0.1);color:oklch(from var(--color-body) l c h/0.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media only screen and (max-width: 48rem){.booking-mask .button.primary{display:none}}.hotel-selector{display:flex;width:100%;flex-direction:row;flex-wrap:wrap;gap:var(--space-s);background-color:var(--color-background);position:absolute;bottom:4rem;height:0;max-height:0;overflow:hidden;padding:0 var(--space-m)}.hotel-selector.active{height:auto;max-height:500rem;padding:var(--space-m)}.hotel-selector .hotel{display:flex;width:calc(33.3333333333% - var(--space-s));flex-direction:row;gap:var(--space-2xs);align-items:center;cursor:pointer;font-family:var(--font-family-small-heading);font-weight:var(--font-weight-small-heading);text-transform:var(--text-transform-small-heading);font-size:var(--font-size-small-heading-2);line-height:var(--line-height-small-heading-2);letter-spacing:var(--letter-spacing-small-heading-2);font-style:var(--font-style-small-heading)}.hotel-selector .hotel .hotel-img{width:var(--size-xl-2);height:60px;overflow:hidden}.hotel-selector .hotel .hotel-img img{width:100%;height:100%}.hotel-selector .hotel .hotel-title{opacity:1}.hotel-selector .hotel:hover .hotel-img img{transform:scale(1.1)}.hotel-selector .hotel:hover .hotel-title{opacity:.6}@media only screen and (max-width: 48rem){.hotel-selector{bottom:unset;top:3rem;gap:var(--space-s);border-radius:4px;width:90%;z-index:2}.hotel-selector .hotel{width:100%}.hotel-selector .hotel .hotel-img{display:none}}.hotels-field{position:relative;border-right:1px solid;border-color:oklch(from var(--color-body) l c h/0.25)}.hotels-field .hotel-field{flex-direction:column;padding:var(--space-xs) var(--space-s);min-width:var(--size-2xl-3);cursor:pointer}.hotels-field .hotel-field .dropdown{padding:0}.hotels-field .hotel-field .dropdown select{padding:0;text-align:center}.hotels-field .fist-step{position:absolute;display:flex;flex-direction:column;font-family:var(--font-family-signature);font-weight:var(--font-weight-signature);text-transform:var(--text-transform-signature);font-size:var(--font-size-signature-2);line-height:var(--line-height-signature-2);letter-spacing:var(--letter-spacing-signature-2);font-style:var(--font-style-signature);text-box-trim:trim-start;align-items:center;top:4.5rem;left:-2rem}.hotels-field .fist-step span{transform:rotate(-5deg)}.hotels-field .fist-step.disable{opacity:0;visibility:hidden}@media only screen and (max-width: 48rem){.hotels-field .fist-step{left:0;top:3.5rem}}.dates-fields{border-right:1px solid;border-color:oklch(from var(--color-body) l c h/0.25);position:relative}@media only screen and (max-width: 48rem){.dates-fields{border-right:0;border-bottom:1px solid}}.dates-fields.disabled{opacity:.5}.dates-fields .date-field{padding:var(--space-xs) var(--space-m);min-width:var(--size-2xl-2);position:relative;text-align:center;justify-content:center}.dates-fields .date-field input{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;color:rgba(0,0,0,0);background:rgba(0,0,0,0);border:0;padding:0;margin:0;opacity:0}@media only screen and (max-width: 48rem){.dates-fields .date-field{width:50%}}.dates-fields .date-field svg{margin-right:var(--space-xs);color:var(--color-body)}.dates-fields .date-field:first-child{border-right:1px solid;border-color:oklch(from var(--color-body) l c h/0.25)}.dates-fields .datepicker-trigger{position:absolute;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:2}.promocode-fields{position:relative;border-left:1px solid;border-color:oklch(from var(--color-body) l c h/0.25)}.promocode-fields.disabled{opacity:.5}.promocode-fields .promocode-guests{flex-direction:column;padding:var(--space-xs) var(--space-s);min-width:var(--size-2xl-3)}.promocode-fields .promocode-guests input{padding:0;text-align:center}.promocode-fields .promocode-guests input.disabled{pointer-events:none}.rooms-guests-fields{position:relative}.rooms-guests-fields.disabled{opacity:.5}.rooms-guests-fields .rooms-guests{padding:var(--space-xs) var(--space-s);min-width:var(--size-2xl-3);text-align:center;justify-content:center;cursor:pointer}.rooms-guests-fields .rooms-guests span{font-family:var(--font-family-body);font-weight:var(--font-weight-body);text-transform:var(--text-transform-body);font-size:var(--font-size-body-m);line-height:var(--line-height-body-m);letter-spacing:var(--letter-spacing-body-m);font-style:var(--font-style-body)}.rooms-guests-fields .rooms-guests svg{margin-right:var(--space-xs);color:var(--color-body)}.banner-block .booking-mask{margin-top:var(--space-xl)}.rooms-guests-select{z-index:5}@media only screen and (max-width: 40rem){.rooms-guests-select{left:auto;right:0}}.rooms-guests-select .select-inner{box-shadow:0px 4px 8px oklch(from var(--color-body) l c h/0.1);padding:var(--space-m);width:100%;border-radius:2px;box-shadow:4px 8px 24px rgba(0,10,44,.075);background-color:var(--color-background)}.rooms-guests-select .select-inner.no-padding{padding:0}.rooms-guests-select .select-inner footer{padding-top:var(--space-m);border-top:1px solid;border-color:oklch(from var(--color-body) l c h/0.1)}.rooms-guests-select .select-inner footer a{color:var(--color-body)}.rooms-guests-select .select-inner footer a:hover{color:var(--color-accent-primary)}.rooms-guests-select .select-inner .selector-value{width:3rem}.rooms-guests-select .select-inner.select-inner-multi .room-selector .room{margin-top:var(--space-m)}.rooms-guests-select .select-inner.select-inner-multi .room-selector .room:first-of-type{margin-top:0}.rooms-guests-select .select-inner.select-inner-multi .room-selector .room:first-of-type .remove-room{display:none !important}.rooms-guests-select .select-inner.select-inner-multi .room-selector .room .remove-room{cursor:pointer}.rooms-guests-select .select-inner.select-inner-multi .room-selector .room .guest-wrap{flex-direction:column}.rooms-guests-select:before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:0 7px 7px 7px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0);top:-6px;left:var(--space-s)}@media only screen and (max-width: 40rem){.rooms-guests-select:before{left:auto;right:var(--space-s)}}.rooms-guests-select.active{top:calc(100% + var(--space-m));visibility:visible;opacity:1}@media only screen and (max-width: 48rem){.rooms-guests-select.active{top:4rem}}.force-mobile-mask{width:100%}@media only screen and (max-width: 64rem){.force-mobile-mask{display:flex;justify-content:center}}.force-mobile-mask .booking-mask{width:100%;flex-direction:column;max-width:20rem}.force-mobile-mask .booking-mask .dates-fields{border-right:0;border-bottom:1px solid;border-color:var(--color-body)}.force-mobile-mask .booking-mask .dates-fields .date-field{width:50%}.banner-portrait{padding-bottom:0}
/*# sourceMappingURL=booking_mask.css.map */