.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input .guest-controls button svg {
  transition: all 0.3s ease-out;
}

.booking-mask {
  border-radius: 99999997952px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.booking-mask .booking-mask-inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.booking-mask .booking-mask-inner .booking-mask-button {
  flex: 1;
  display: flex;
}
.booking-mask .booking-mask-inner .booking-mask-button button {
  padding: var(--space-xs) var(--space-m) var(--space-xs) var(--space-s);
  background-color: var(--color-accent-primary);
  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-m);
  line-height: var(--line-height-button-text-m);
  letter-spacing: var(--letter-spacing-button-text-m);
  font-style: var(--font-style-button-text);
  color: var(--color-background);
  border-radius: unset;
  flex: 1;
}
.booking-mask .booking-mask-inner .booking-mask-field {
  display: flex;
  height: var(--size-l-4);
  flex-direction: row;
  align-items: center;
  gap: var(--space-2xs);
  background-color: var(--color-background);
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-icon svg {
  width: var(--size-m-2);
  height: var(--size-m-2);
  color: var(--color-body);
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-s);
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input:hover span, .booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input:hover svg {
  color: var(--color-accent-primary);
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input 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-s);
  line-height: var(--line-height-body-s);
  letter-spacing: var(--letter-spacing-body-s);
  font-style: var(--font-style-body);
  margin: unset;
  color: var(--color-body);
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input input[type=text] {
  padding: unset;
  font-family: var(--font-family-body);
  font-weight: var(--font-weight-body);
  text-transform: var(--text-transform-body);
  font-size: var(--font-size-body-s);
  line-height: var(--line-height-body-s);
  letter-spacing: var(--letter-spacing-body-s);
  font-style: var(--font-style-body);
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input .guest-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-2xs);
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input .guest-controls button {
  min-height: unset;
  background-color: unset;
  border: unset;
  width: unset;
  height: unset;
  display: flex;
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input .guest-controls button svg {
  width: var(--size-m-2);
  height: var(--size-m-2);
  color: var(--color-body);
  flex: none;
  width: -moz-fit-content;
  width: fit-content;
}
.booking-mask .booking-mask-inner .booking-mask-field .booking-mask-field-input .guest-controls button:hover svg {
  color: var(--color-accent-primary);
}
.booking-mask .booking-mask-inner .booking-mask-field:first-of-type {
  padding: var(--space-s) var(--space-2xs) var(--space-s) var(--space-m);
  border-right: 1px solid oklch(from var(--color-body) l c h/0.25);
}
.booking-mask .booking-mask-inner .booking-mask-field:first-of-type span {
  min-width: 208px;
}
.booking-mask .booking-mask-inner .booking-mask-field:first-of-type {
  cursor: pointer;
}
.booking-mask .booking-mask-inner .booking-mask-field:nth-of-type(2) {
  padding: var(--space-s);
  border-right: 1px solid oklch(from var(--color-body) l c h/0.25);
}
.booking-mask .booking-mask-inner .booking-mask-field:nth-of-type(3) {
  padding: var(--space-s) var(--space-2xs);
  min-width: 120px;
}

.banner-block .booking-mask {
  margin-top: var(--space-2xl);
}
/*# sourceMappingURL=booking_mask.css.map */