.rooms-guests-select{transition:all .3s ease-out}.booking-mask{border-block:1px solid;border-color:var(--color-body);background-color:rgba(0,0,0,0);height:5rem;width:100%;z-index:5 !important}.booking-mask .locations-fields,.booking-mask .rooms-guests-fields,.booking-mask button[type=submit]{flex:1 1 0;width:0;max-width:none;min-width:0}@media only screen and (max-width: 64rem){.booking-mask .locations-fields,.booking-mask .rooms-guests-fields,.booking-mask button[type=submit]{width:100%;flex:unset}}.booking-mask .dates-fields{min-width:0;flex:2 1 0;width:0;max-width:none}@media only screen and (max-width: 64rem){.booking-mask .dates-fields{width:100%}}@media only screen and (max-width: 64rem){.booking-mask{height:unset;width:25rem;max-width:var(--width-content);flex-direction:column}}@media only screen and (max-width: 40rem){.booking-mask{width:100%;max-width:unset}}.booking-mask .button.primary{margin:0}.booking-mask button[type=submit]{display:flex;gap:var(--space-s);padding:1.25rem;font-family:var(--font-family-button-text);font-weight:var(--font-weight-button-text);text-transform:var(--text-transform-button-text);font-size:var(--font-size-button-text-l);line-height:var(--line-height-button-text-l);letter-spacing:var(--letter-spacing-button-text-l);font-style:var(--font-style-button-text);text-wrap:nowrap}@media only screen and (max-width: 64rem){.booking-mask button[type=submit]{height:var(--size-xl-1)}}.booking-mask button[type=submit]:before{border:none}.booking-mask button[type=submit] span{margin-left:var(--space-s)}@media only screen and (max-width: 64rem){.booking-mask button[type=submit] span{margin-left:0}}.booking-mask button[type=submit] svg{width:1.5rem;height:1.5rem}.booking-mask button[type=submit] svg path{fill:var(--color-body)}.dates-fields{border-right:1px solid;border-color:var(--color-body);position:relative;min-width:0;flex:2 1 0;width:0;max-width:none;display:flex}@media only screen and (max-width: 64rem){.dates-fields{border-right:0;flex-direction:column}}.dates-fields .date-field{padding:var(--space-xs) var(--space-m);position:relative}@media only screen and (max-width: 64rem){.dates-fields .date-field{padding:var(--space-xs)}}.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}.dates-fields .date-field p{display:flex}.dates-fields .date-field:first-child{border-right:1px solid;border-color:var(--color-body)}@media only screen and (max-width: 64rem){.dates-fields .date-field:first-child{border-right:0}}.dates-fields .datepicker-trigger{position:absolute;cursor:pointer;top:0;left:0;width:100%;height:100%;z-index:2}.date-field,.rooms-guests,.locations-fields{width:auto;max-width:none;min-width:0;height:100%;border-right:1px solid;flex:1 1 0;align-self:stretch;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-xs)}@media only screen and (max-width: 64rem){.date-field,.rooms-guests,.locations-fields{border-right:0;border-bottom:1px solid;width:100%;max-width:none;height:auto;flex:0 0 auto;align-self:auto;height:var(--size-xl-1)}}.date-field p,.rooms-guests p,.locations-fields p{min-width:0;flex:1 1 auto;white-space:nowrap;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-xs)}.date-field p strong,.date-field p span,.rooms-guests p strong,.rooms-guests p span,.locations-fields p strong,.locations-fields p span{min-width:0;white-space:nowrap}.date-field p strong,.rooms-guests p strong,.locations-fields p strong{font-family:var(--font-family-overline);font-weight:var(--font-weight-overline);text-transform:var(--text-transform-overline);font-size:var(--font-size-overline-1);line-height:var(--line-height-overline-1);letter-spacing:var(--letter-spacing-overline-1);font-style:var(--font-style-overline);margin-bottom:0;text-wrap:nowrap;letter-spacing:.09375rem;font-kerning:none;font-variant-numeric:lining-nums proportional-nums}.date-field p span,.rooms-guests p span,.locations-fields p span{font-family:var(--font-family-featured-text);font-weight:var(--font-weight-featured-text);text-transform:var(--text-transform-featured-text);font-size:var(--font-size-featured-text-l);line-height:var(--line-height-featured-text-l);letter-spacing:var(--letter-spacing-featured-text-l);font-style:var(--font-style-featured-text);text-wrap:nowrap;text-transform:uppercase}.date-field svg path,.rooms-guests svg path,.locations-fields svg path{fill:var(--color-body)}.locations-fields{justify-content:space-between;align-items:center}.locations-fields .location-field{padding:var(--space-xs) var(--space-m);gap:var(--space-xs);width:100%}@media only screen and (max-width: 64rem){.locations-fields .location-field{padding:var(--space-xs)}}.rooms-guests-fields{position:relative;min-width:0;flex:1 1 0;width:0}@media only screen and (max-width: 64rem){.rooms-guests-fields{height:auto;flex:0 0 auto;align-self:auto}}.rooms-guests-fields .rooms-guests{padding:var(--space-xs) var(--space-m);width:100%;max-width:none;min-width:0;flex:1 1 auto;cursor:pointer}@media only screen and (max-width: 64rem){.rooms-guests-fields .rooms-guests{padding:var(--space-xs)}}.rooms-guests-fields .rooms-guests p{min-width:0;flex:1 1 0}.banner-block .booking-mask{margin-top:var(--space-2xl)}.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-alt)}.rooms-guests-select .select-inner p strong{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-3);line-height:var(--line-height-small-heading-3);letter-spacing:var(--letter-spacing-small-heading-3);font-style:var(--font-style-small-heading)}.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:var(--color-body)}.rooms-guests-select .select-inner footer a{color:var(--color-body);font-family:var(--font-family-button-text);font-weight:var(--font-weight-button-text);text-transform:var(--text-transform-button-text);font-size:var(--font-size-button-text-s);line-height:var(--line-height-button-text-s);letter-spacing:var(--letter-spacing-button-text-s);font-style:var(--font-style-button-text)}.rooms-guests-select .select-inner footer a:hover{color:var(--color-accent-primary)}.rooms-guests-select .select-inner .selector-control:before{display:none}.rooms-guests-select .select-inner .selector-value{width:3rem;font-family:var(--font-family-featured-text);font-weight:var(--font-weight-featured-text);text-transform:var(--text-transform-featured-text);font-size:var(--font-size-featured-text-l);line-height:var(--line-height-featured-text-l);letter-spacing:var(--letter-spacing-featured-text-l);font-style:var(--font-style-featured-text)}.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 .select-inner.select-inner-multi__footer{margin-block-start:var(--space-m)}.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}.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 */