.container {
  border-top: 1px solid var(--Base-Border-Subtle);
}

.form {
  display: flex;
  justify-content: space-between;
  max-width: 1432px;
  padding: var(--Spacing-x2) var(--Spacing-x5);
}

.input {
  display: flex;
  gap: var(--Spacing-x2);
  width: 100%;
  max-width: 1250px;
}

.button {
  width: 118px;
  justify-content: center;
}

.bodyFontSize {
  font-size: var(--typography-Caption-Bold-Desktop-fontSize);
}

.where {
  width: 100%;
  max-width: 280px;
  height: 100%;
  max-height: 46px;
}

.when,
.rooms {
  width: 100%;
  max-width: 240px;
}

.vouchers {
  width: 100%;
  max-width: 200px;
}

.options {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 158px;
}

/**
* Update the styles after mobile UX is ready
*/

@media screen and (max-width: 1367px) {
  .container {
    display: none;
  }
}