.w-navigation-booking-details {
  grid-area: booking-details;
  display: flex;
  justify-content: center;
  border-top: var(--navigation-booking-details-border-top, 1px solid var(--color-border-default-subtle));
  padding-block: var(--navigation-booking-details-padding-block, var(--spacing-16-rem));
}
@media (min-width: 768px) {
  .w-navigation-booking-details {
    --navigation-booking-details-border-top: none;
    --navigation-booking-details-padding-block: var(--spacing-20-rem);
  }
}
.w-navigation-booking-details__date {
  text-align: center;
  border-right: var(--navigation-date-border, 1px solid var(--color-border-default-subtle));
  padding-inline-end: var(--navigation-date-padding-inline-end, var(--spacing-24-rem));
  margin-inline-end: var(--navigation-date-margin-inline-end, var(--spacing-24-rem));
}
@media (min-width: 768px) {
  .w-navigation-booking-details__date {
    --navigation-date-margin-inline-end: var(--spacing-16-rem);
    --navigation-date-padding-inline-end: var(--spacing-0-rem);
    --navigation-date-border: none;
  }
}

.w-image__inner-img {
  display: inherit;
  object-fit: inherit;
  aspect-ratio: inherit;
  object-position: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
}

.w-dropdown-navigation-item__wrapper {
  list-style: none;
  margin: 0;
  display: flex;
}
.w-dropdown-navigation-item__link {
  text-decoration: none;
  flex: 1 1 auto;
  display: flex;
  width: calc(295/var(--size-rem-base)*1rem);
  padding: var(--spacing-12-rem) var(--spacing-16-rem);
  align-items: center;
  border-radius: var(--corner-radius-md-rem);
}
.w-dropdown-navigation-item__link:not(.w-dropdown-navigation-item__link--in-navigation-panel) {
  width: auto;
  max-width: calc(308/var(--size-rem-base)*1rem);
  height: var(--spacing-40-rem);
  padding: var(--spacing-12-rem) var(--spacing-8-rem);
  align-items: center;
}
.w-dropdown-navigation-item__link--language:not(.w-dropdown-navigation-item__link--in-navigation-panel) {
  width: calc(242/var(--size-rem-base)*1rem);
}
.w-dropdown-navigation-item__link:hover {
  background: var(--color-bg-default-subtle);
}
.w-dropdown-navigation-item__link:active {
  background: var(--color-container-default-midtone-pressed);
}

.w-rewards-arch-level {
  --rewards-arch-level-spacing: var(--spacing-4-rem);
  --rewards-arch-fit-width: 100%;
  --rewards-arch-position-infos: var(--spacing-32-rem);
  position: relative;
  overflow: hidden;
  padding-top: var(--rewards-arch-level-spacing);
  aspect-ratio: 2/1;
}
.w-rewards-arch-level__infos {
  position: absolute;
  z-index: 1;
  inset: 0;
  top: var(--rewards-arch-position-infos);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.w-rewards-arch-level__infos-paragraph {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-4-rem);
}
.w-rewards-arch-level__pattern {
  position: absolute;
  width: var(--rewards-arch-fit-width);
  aspect-ratio: 1/1;
  stop-color: var(--color-container-default-subtle);
}
.w-rewards-arch-level__filled {
  --stop-color-filled: var(--brand-whr-brand-1);
  position: absolute;
  aspect-ratio: 1/1;
  transform: rotate(0deg);
  width: var(--rewards-arch-fit-width);
  stop-color: var(--stop-color-filled);
}
.w-rewards-arch-level__filled--stop-color-start-blue {
  --stop-color-filled: var(--brand-whr-brand-1);
}
.w-rewards-arch-level__filled--stop-color-end-blue {
  --stop-color-filled: var(--brand-whr-brand-4);
}
.w-rewards-arch-level__filled--stop-color-start-gold {
  --stop-color-filled: var(--color-fg-member-gold);
}
.w-rewards-arch-level__filled--stop-color-end-gold {
  --stop-color-filled: var(--color-fg-system-warning);
}
.w-rewards-arch-level__filled--stop-color-start-platinum {
  --stop-color-filled: var(--color-fg-member-platinum);
}
.w-rewards-arch-level__filled--stop-color-end-platinum {
  --stop-color-filled: var(--color-fg-default-disabled);
}
.w-rewards-arch-level__filled--stop-color-start-diamond {
  --stop-color-filled: var(--color-fg-member-diamond);
}
.w-rewards-arch-level__filled--stop-color-end-diamond {
  --stop-color-filled: var(--color-border-default-subtle);
}
.w-rewards-arch-level__filled--stop-color-start-titanium {
  --stop-color-filled: var(--color-fg-member-titanium);
}
.w-rewards-arch-level__filled--stop-color-end-titanium {
  --stop-color-filled: var(--color-fg-default-tertiary);
}

.w-rewards-arch-message {
  --rewards-arch-width: 100%;
  --rewards-arch-spacing: var(--spacing-24-rem);
  --rewards-arch-border-bottom: calc(1 / var(--size-rem-base) * 1rem) solid var(--color-fg-default-quaternary);
  width: var(--rewards-arch-width);
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1024px) {
  .w-rewards-arch-message {
    --rewards-arch-width: calc(300 / var(--size-rem-base) * 1rem);
  }
}
.w-rewards-arch-message__tier-message {
  --tier-message-width: 100%;
  --tier-message-padding: var(--spacing-24-rem);
  --tier-message-gap: var(--spacing-24-rem);
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  height: 100%;
  width: var(--tier-message-width);
  padding: var(--tier-message-padding) 0;
  gap: var(--tier-message-gap);
  border-bottom: var(--rewards-arch-border-bottom);
  margin-bottom: var(--rewards-arch-spacing);
}
@media (min-width: 1024px) {
  .w-rewards-arch-message__tier-message {
    --rewards-arch-spacing: 0;
    --rewards-arch-border-bottom: 0;
    --tier-message-width: calc(300 / var(--size-rem-base) * 1rem);
    --tier-message-padding: 0;
  }
}
.w-rewards-arch-message__main-message {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4-rem);
}
.w-rewards-arch-message__tier-message-paragraph {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-4-rem);
}
.w-rewards-arch-message__arch-wrap {
  --arch-wrap-width: 100%;
  --arch-wrap-margin-bottom: var(--spacing-24-rem);
  border-bottom: var(--rewards-arch-border-bottom);
  margin-bottom: var(--arch-wrap-margin-bottom);
  width: var(--arch-wrap-width);
}
@media (min-width: 1024px) {
  .w-rewards-arch-message__arch-wrap {
    --arch-wrap-width: calc(300 / var(--size-rem-base) * 1rem);
    --rewards-arch-border-bottom: 0;
    --rewards-arch-spacing: 0;
    --arch-wrap-margin-bottom: calc(-30 / var(--size-rem-base) * 1rem);
  }
}

.w-rewards-free-nights {
  --rewards-free-nights-gap: var(--spacing-8-rem);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12-rem);
  align-items: center;
}
@media (min-width: 1024px) {
  .w-rewards-free-nights {
    flex-direction: column;
  }
}
.w-rewards-free-nights--button {
  gap: var(--spacing-8-rem);
  align-items: stretch;
}
@media (min-width: 1024px) {
  .w-rewards-free-nights--button {
    flex-direction: row;
  }
}
.w-rewards-free-nights__locked-infos {
  --locked-infos-width: calc(130 / var(--size-rem-base) * 1rem);
  display: flex;
  align-items: center;
  gap: var(--rewards-free-nights-gap);
  width: var(--locked-infos-width);
  justify-content: center;
}
@media (min-width: 1024px) {
  .w-rewards-free-nights__locked-infos {
    --locked-infos-width: fit-content;
    padding: 0 var(--spacing-12-rem);
  }
}
@media (min-width: 1024px) {
  .w-rewards-free-nights__free-nights-dividers {
    width: 100%;
  }
}
.w-rewards-free-nights__icon {
  --free-nights-icon-square: calc(20 / var(--size-rem-base) * 1rem);
  aspect-ratio: 1/1;
  height: var(--free-nights-icon-square);
  width: var(--free-nights-icon-square);
}
.w-rewards-free-nights__divider--horizontal {
  --free-nights-divider-horizontal: none;
  display: var(--free-nights-divider-horizontal);
}
@media (min-width: 1024px) {
  .w-rewards-free-nights__divider--horizontal {
    --free-nights-divider-horizontal: block;
  }
}
.w-rewards-free-nights__divider--vertical {
  --free-nights-divider-vertical: block;
  display: var(--free-nights-divider-vertical);
  height: calc(32 / var(--size-rem-base) * 1rem);
}
@media (min-width: 1024px) {
  .w-rewards-free-nights__divider--vertical {
    --free-nights-divider-vertical: none;
  }
}
.w-rewards-free-nights__button {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-4-rem) var(--spacing-4-rem) var(--spacing-4-rem) var(--spacing-8-rem);
  border: calc(1 / var(--size-rem-base) * 1rem) solid var(--color-border-default-subtle);
  border-radius: var(--corner-radius-md-rem);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
  text-decoration: none;
  color: inherit;
}
.w-rewards-free-nights__button:hover {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
}
.w-rewards-free-nights__button-content {
  display: flex;
  gap: var(--spacing-8-rem);
  align-items: center;
}
.w-rewards-free-nights__button-icon {
  width: calc(12 / var(--size-rem-base) * 1rem);
  height: calc(12 / var(--size-rem-base) * 1rem);
  flex-shrink: 0;
}

.w-rewards-badge {
  --rewards-badge-width: calc(64 / var(--size-rem-base) * 1rem);
  --rewards-logo-width: 90%;
  border-radius: var(--corner-radius-sm-rem);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 8/5;
  width: var(--rewards-badge-width);
  min-width: var(--rewards-badge-width);
  background:
    linear-gradient(
      245deg,
      var(--color-container-brand-secondary) 15.24%,
      var(--color-fg-member-blue) 76.61%);
}
@media (min-width: 1024px) {
  .w-rewards-badge {
    --rewards-badge-width: calc(90 / var(--size-rem-base) * 1rem);
  }
}
.w-rewards-badge--tier-gold {
  background:
    linear-gradient(
      245deg,
      var(--global-yellow-500) 15.24%,
      var(--color-fg-member-gold) 76.61%);
}
.w-rewards-badge--tier-platinum {
  background:
    linear-gradient(
      245deg,
      var(--color-fg-default-disabled) 15.24%,
      var(--color-fg-member-platinum) 76.61%);
}
.w-rewards-badge--tier-diamond {
  background:
    linear-gradient(
      245deg,
      var(--global-grey-2) 15.24%,
      var(--color-fg-member-diamond) 76.61%);
}
.w-rewards-badge--tier-titanium {
  background:
    linear-gradient(
      245deg,
      var(--global-gamma-600) 15.24%,
      var(--color-fg-member-titanium) 76.61%);
}
.w-rewards-badge__rewards-logo {
  width: var(--rewards-logo-width);
}

.w-rewards-info-header {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: var(--spacing-16-rem);
}
@media (min-width: 1024px) {
  .w-rewards-info-header {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.w-rewards-info-header__member-level-paragraph {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16-rem);
}

.w-rewards-points {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: var(--spacing-8-rem);
}

.w-navigation-authenticated-account {
  --first-column-width: calc(800 / var(--size-rem-base) * 1rem);
  --middle-column-width: 100%;
  --gap-middle-column: var(--spacing-24-rem) var(--spacing-20-rem);
  --authenticated-account-max-width: calc(400 / var(--size-rem-base) * 1rem);
  width: 100%;
  max-width: var(--authenticated-account-max-width);
  display: block;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .w-navigation-authenticated-account {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: initial;
    --authenticated-account-max-width: initial;
  }
}
.w-navigation-authenticated-account__main-columns {
  --main-columns-padding: var(--spacing-24-rem);
  --main-columns-flex-direction: column-reverse;
  --main-columns-width: auto;
  --main-columns-border-radius: var(--corner-radius-md-rem);
  --main-columns-box-shadow: 0 1px 3px 0 rgb(85 85 85 / 10%), 1px 3px 8px 0 rgb(51 51 51 / 8%);
  display: flex;
  background-color: var(--color-container-default-lightest);
  gap: var(--spacing-24-rem);
  flex-direction: var(--main-columns-flex-direction);
  width: var(--main-columns-width);
  padding: var(--main-columns-padding);
  border-radius: var(--main-columns-border-radius);
  box-shadow: var(--main-columns-box-shadow);
  margin: var(--main-columns-margin);
}
@media (min-width: 1024px) {
  .w-navigation-authenticated-account__main-columns {
    --main-columns-margin: calc(14 / var(--size-rem-base) * 1rem) 0;
    --main-columns-padding: 0;
    --main-columns-width: 100%;
    --main-columns-box-shadow: 0 0 0 0;
    --main-columns-flex-direction: row;
    --main-columns-border-radius: 0;
  }
}
.w-navigation-authenticated-account__infos-arch-column {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: initial;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  .w-navigation-authenticated-account__infos-arch-column {
    flex-direction: column;
  }
}
.w-navigation-authenticated-account__points-nights-column {
  display: flex;
  flex-grow: 1;
  justify-content: initial;
  align-items: center;
  flex-direction: column;
  width: var(--middle-column-width);
  gap: var(--gap-middle-column);
}
@media (min-width: 1024px) {
  .w-navigation-authenticated-account__points-nights-column {
    --gap-middle-column: var(--spacing-64-rem);
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
}
.w-navigation-authenticated-account__list-links-column {
  --last-column-width: 100%;
  --last-column-padding: 0 var(--spacing-16-rem);
  --last-column-margin: var(--spacing-24-rem) auto;
  width: var(--last-column-width);
  padding: var(--last-column-padding);
  margin: var(--last-column-margin);
}
@media (min-width: 1024px) {
  .w-navigation-authenticated-account__list-links-column {
    --last-column-padding: 0;
    --last-column-width: calc(210 / var(--size-rem-base) * 1rem);
    --last-column-margin: 0;
  }
}
.w-navigation-authenticated-account__welcome-message {
  --welcome-message-display: block;
  display: var(--welcome-message-display);
  text-align: center;
}
@media (min-width: 1024px) {
  .w-navigation-authenticated-account__welcome-message {
    --welcome-message-display: none;
  }
}

.w-currency-widget {
  --currency-widget-full-size: 100%;
  --currency-widget-grid-columns-mobile: 1fr;
  --currency-widget-grid-columns-desktop: repeat(2, 1fr);
  --currency-widget-list-gap: var(--spacing-12-rem);
  width: var(--currency-widget-full-size);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.w-currency-widget__title,
.w-currency-widget__subtitle {
  display: none;
  color: var(--color-fg-default-primary);
  padding-left: var(--spacing-16-rem);
}
@media (min-width: 1024px) {
  .w-currency-widget__title,
  .w-currency-widget__subtitle {
    display: block;
  }
}
.w-currency-widget__title {
  margin-bottom: var(--spacing-4-rem);
}
.w-currency-widget__subtitle {
  margin-bottom: var(--spacing-8-rem);
}
.w-currency-widget__list {
  display: grid;
  grid-template-columns: var(--currency-widget-grid-columns-mobile);
  list-style: none;
  margin: 0;
  padding-inline: var(--currency-widget-list-padding-inline, var(--spacing-40-rem));
  gap: var(--currency-widget-list-gap);
  margin-top: var(--spacing-12-rem);
}
@media (min-width: 1024px) {
  .w-currency-widget__list {
    --currency-widget-list-gap: 0;
    --currency-widget-list-padding-inline: var(--spacing-8-rem);
    grid-template-columns: var(--currency-widget-grid-columns-desktop);
    margin-top: 0;
  }
}

.w-find-stay-widget__viewport-wrapper {
  --navigation-height: var(--navigation-mobile-height);
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - var(--navigation-height));
}
@media (min-width: 768px) {
  .w-find-stay-widget__viewport-wrapper {
    --navigation-height: var(--spacing-96-rem);
  }
}
.w-find-stay-widget--placement-navigation .w-find-stay-widget {
  display: grid;
  grid-template-columns: 1fr calc(288 / var(--size-rem-base) * 1rem);
  gap: var(--spacing-32-rem);
}
.w-find-stay-widget--placement-standalone .w-find-stay-widget {
  background: var(--color-container-default-lightest);
  padding: var(--find-stay-widget-padding, var(--spacing-32-rem));
  border-radius: var(--find-stay-widget-border-radius, var(--corner-radius-lg-rem) var(--corner-radius-lg-rem) 0 0);
  display: flex;
  flex-direction: column;
  gap: var(--find-stay-widget-gap, var(--spacing-24-rem));
  margin-top: auto;
}
@media (min-width: 768px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget {
    --find-stay-widget-padding: var(--spacing-64-rem);
    --find-stay-widget-border-radius: var(--corner-radius-lg-rem);
    --find-stay-widget-gap: var(--spacing-32-rem);
    margin: var(--spacing-104-rem) auto;
    width: var(--find-stay-widget-width, calc(512 / var(--size-rem-base) * 1rem));
  }
}
@media (min-width: 1024px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget {
    --find-stay-widget-padding: var(--spacing-64-rem) var(--spacing-56-rem);
    --find-stay-widget-gap: 0;
    display: grid;
    grid-template-columns: calc(384/var(--size-rem-base)*1rem) 1fr var(--find-stay-widget-form-width, calc(300 / var(--size-rem-base) * 1rem));
    grid-template-rows: auto 1fr auto;
    max-width: calc(984/var(--size-rem-base)*1rem);
    --find-stay-widget-width: calc(100vw - var(--spacing-40-rem) * 2);
  }
}
@media (min-width: 1280px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget {
    --find-stay-widget-form-width: calc(369 / var(--size-rem-base) * 1rem);
  }
}
.w-find-stay-widget__texts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.w-find-stay-widget--placement-navigation .w-find-stay-widget__texts {
  padding: var(--spacing-8-rem) 0 var(--spacing-8-rem) var(--spacing-16-rem);
}
.w-find-stay-widget__title-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--find-stay-widget-title-wrapper-gap, var(--spacing-16-rem));
}
.w-find-stay-widget--placement-standalone .w-find-stay-widget__title-wrapper {
  --find-stay-widget-title-wrapper-gap: var(--spacing-20-rem);
}
@media (min-width: 1024px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget__title-wrapper {
    --find-stay-widget-title-wrapper-gap: var(--spacing-24-rem);
    grid-column: 1;
    grid-row: 1;
  }
}
.w-find-stay-widget__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
}
.w-find-stay-widget--placement-navigation .w-find-stay-widget__form {
  padding: var(--spacing-12-rem) 0;
}
@media (min-width: 1024px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget__form {
    grid-column: 3;
    grid-row: 1/4;
  }
}
.w-find-stay-widget__inputs {
  display: flex;
  flex-direction: column;
}
.w-find-stay-widget--placement-navigation .w-find-stay-widget__inputs {
  gap: var(--spacing-24-rem);
}
.w-find-stay-widget--placement-standalone .w-find-stay-widget__inputs {
  gap: var(--spacing-32-rem);
}
.w-find-stay-widget__signin-button-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-12-rem);
}
@media (min-width: 1024px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget__signin-button-group {
    grid-column: 1;
    grid-row: 2;
    align-self: center;
  }
}
@media (min-width: 1024px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget__disclaimer {
    grid-column: 1;
    grid-row: 3;
    align-self: end;
  }
}
.w-find-stay-widget--placement-standalone .w-find-stay-widget__signin-button {
  width: var(--find-stay-widget-signin-button-width, 100%);
}
@media (min-width: 1024px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget__signin-button {
    --find-stay-widget-signin-button-width: auto;
  }
}
.w-find-stay-widget--placement-standalone .w-find-stay-widget__signin-label {
  text-align: var(--find-stay-widget-signin-label-text-align, center);
  width: 100%;
}
@media (min-width: 1024px) {
  .w-find-stay-widget--placement-standalone .w-find-stay-widget__signin-label {
    --find-stay-widget-signin-label-text-align: left;
  }
}

.w-marketing-widget {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 100%;
}
.w-marketing-widget__main-container {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  border-radius: var(--corner-radius-md-rem);
  overflow: hidden;
}
.w-marketing-widget__background-image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/2;
  object-position: center;
}
.w-marketing-widget__content {
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--spacing-32-rem) var(--spacing-24-rem) var(--spacing-16-rem) var(--spacing-24-rem);
  gap: var(--spacing-24-rem);
  background:
    linear-gradient(
      285deg,
      rgba(0, 0, 0, 0) 29.43%,
      rgba(0, 0, 0, 0.42) 64.58%,
      rgba(0, 0, 0, 0.7) 104.03%);
}
.w-marketing-widget__text-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-12-rem);
  max-width: calc(245/var(--size-rem-base)*1rem);
}
.w-marketing-widget__caption {
  margin-top: var(--spacing-2-rem);
}

.w-sign-in-widget {
  border-radius: var(--corner-radius-md-rem);
  background-color: var(--color-container-brand-primary);
  display: flex;
  padding: var(--spacing-40-rem) var(--spacing-24-rem);
  margin: 0 auto;
  gap: var(--spacing-32-rem);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
@media (min-width: 1024px) {
  .w-sign-in-widget {
    padding: var(--spacing-32-rem) var(--spacing-24-rem) var(--spacing-16-rem) var(--spacing-24-rem);
  }
}
.w-sign-in-widget__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-24-rem);
}
.w-sign-in-widget__secondary-logo-container {
  width: calc(90/var(--size-rem-base)*1rem);
}
@media (min-width: 1024px) {
  .w-sign-in-widget__secondary-logo-container {
    display: none;
  }
}
.w-sign-in-widget__title {
  color: var(--color-fg-default-primary-inverted);
}
.w-sign-in-widget__button-group {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-16-rem);
  flex-wrap: wrap;
}
.w-sign-in-widget__already-member {
  color: var(--color-fg-default-primary-inverted);
}
.w-sign-in-widget__already-member a {
  color: var(--color-fg-brand-link-inverted);
  text-decoration: none;
}
.w-sign-in-widget__already-member a:hover {
  text-decoration: underline;
}

.w-navigation-dropdown {
  --navigation-dropdown-sign-in-unauthenticated-width: calc(636 / var(--size-rem-base) * 1rem);
  --navigation-dropdown-sign-in-authenticated-width: calc(904 / var(--size-rem-base) * 1rem);
  --navigation-hover-display: none;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: opacity .2s ease;
  width: var(--navigation-dropdown-width);
  display: var(--navigation-hover-display);
  position: absolute;
  --panel-header-display: none;
  --widget-display: flex;
}
.w-navigation-dropdown--open {
  --navigation-hover-display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.w-navigation-dropdown--in-sidebar {
  --panel-header-display: block;
  --widget-display: none;
  background: var(--color-container-default-lightest);
}
.w-navigation-dropdown--in-sidebar.w-navigation-dropdown--utility {
  --widget-display: flex;
}
.w-navigation-dropdown--main .w-navigation-dropdown__panel-header,
.w-navigation-dropdown--utility .w-navigation-dropdown__panel-header,
.w-navigation-dropdown--property .w-navigation-dropdown__panel-header,
.w-navigation-dropdown--sign-in .w-navigation-dropdown__panel-header {
  border-bottom: var(--navigation-dropdown-panel-header-border-bottom, calc(1 / var(--size-rem-base) * 1rem) solid var(--color-border-default-subtle));
  padding: var(--navigation-dropdown-panel-header-padding, var(--spacing-16-rem) var(--spacing-40-rem) var(--spacing-12-rem));
  background: var(--color-fg-default-primary-inverted);
  display: var(--panel-header-display);
}
@media (min-width: 1024px) {
  .w-navigation-dropdown--main .w-navigation-dropdown__panel-header,
  .w-navigation-dropdown--utility .w-navigation-dropdown__panel-header,
  .w-navigation-dropdown--property .w-navigation-dropdown__panel-header,
  .w-navigation-dropdown--sign-in .w-navigation-dropdown__panel-header {
    --navigation-dropdown-panel-header-border-bottom: none;
    --navigation-dropdown-panel-header-padding: var(--spacing-24-rem) var(--spacing-16-rem) var(--spacing-0-rem);
  }
}
.w-navigation-dropdown__panel-header-content {
  padding: 0 var(--spacing-16-rem) 0;
}
.w-navigation-dropdown__caret {
  margin-inline-end: var(--spacing-8-rem);
  width: calc(5/var(--size-rem-base)*1rem);
  height: calc(8/var(--size-rem-base)*1rem);
}
.w-navigation-dropdown--main .w-navigation-dropdown__button,
.w-navigation-dropdown--utility .w-navigation-dropdown__button,
.w-navigation-dropdown--property .w-navigation-dropdown__button {
  padding: var(--spacing-12-rem) var(--spacing-8-rem);
  display: inline-flex;
  align-items: center;
  color: var(--color-fg-brand-primary);
}
.w-navigation-dropdown__panel {
  color: initial;
}
.w-navigation-dropdown--main .w-navigation-dropdown__panel,
.w-navigation-dropdown--sign-in .w-navigation-dropdown__panel,
.w-navigation-dropdown--utility .w-navigation-dropdown__panel,
.w-navigation-dropdown--property .w-navigation-dropdown__panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
@media (min-width: 1024px) {
  .w-navigation-dropdown--main .w-navigation-dropdown__panel,
  .w-navigation-dropdown--sign-in .w-navigation-dropdown__panel,
  .w-navigation-dropdown--utility .w-navigation-dropdown__panel,
  .w-navigation-dropdown--property .w-navigation-dropdown__panel {
    background: var(--color-container-default-lightest);
  }
}
@media (min-width: 1024px) {
  .w-navigation-dropdown:not(.w-navigation-dropdown--in-sidebar) .w-navigation-dropdown__panel {
    gap: var(--spacing-24-rem);
    border-radius: 0 0 var(--corner-radius-lg-rem) var(--corner-radius-lg-rem);
    box-shadow: var(--button-light-drop-shadow-box-shadow);
  }
}
@media (min-width: 1024px) {
  .w-navigation-dropdown--main:not(.w-navigation-dropdown--in-sidebar) .w-navigation-dropdown__panel {
    padding: var(--spacing-32-rem);
    min-height: calc(314/var(--size-rem-base)*1rem);
  }
}
.w-navigation-dropdown--sign-in .w-navigation-dropdown__panel {
  flex-direction: column-reverse;
  width: 100%;
  gap: var(--spacing-40-rem);
}
@media (min-width: 768px) {
  .w-navigation-dropdown--sign-in .w-navigation-dropdown__panel {
    width: calc(375/var(--size-rem-base)*1rem);
  }
}
@media (min-width: 1024px) {
  .w-navigation-dropdown--sign-in .w-navigation-dropdown__panel {
    height: calc(314/var(--size-rem-base)*1rem);
  }
}
.w-navigation-dropdown--utility:not(.w-navigation-dropdown--in-sidebar):not(.w-navigation-dropdown--logged-in) .w-navigation-dropdown__panel {
  --utility-height: px-to-rem(288);
  height: var(--utility-height);
  padding: var(--spacing-24-rem);
}
.w-navigation-dropdown--property:not(.w-navigation-dropdown--in-sidebar) .w-navigation-dropdown__panel {
  height: auto;
  gap: 0;
  padding: var(--spacing-24-rem);
}
.w-navigation-dropdown--logged-in .w-navigation-dropdown__panel {
  padding: var(--spacing-24-rem) var(--spacing-24-rem) var(--spacing-16-rem);
}
.w-navigation-dropdown--main .w-navigation-dropdown__list,
.w-navigation-dropdown--utility .w-navigation-dropdown__list {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding: var(--spacing-16-rem) var(--spacing-40-rem) var(--spacing-40-rem);
}
@media (min-width: 768px) {
  .w-navigation-dropdown--main .w-navigation-dropdown__list,
  .w-navigation-dropdown--utility .w-navigation-dropdown__list {
    padding: var(--spacing-12-rem) var(--spacing-40-rem) var(--spacing-40-rem);
  }
}
.w-navigation-dropdown--sign-in .w-navigation-dropdown__list {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-24-rem);
}
@media (min-width: 1024px) {
  .w-navigation-dropdown:not(.w-navigation-dropdown--in-sidebar):not(.w-navigation-dropdown--property) .w-navigation-dropdown__list {
    display: flex;
    gap: 0 var(--spacing-24-rem);
    flex-flow: row wrap;
    align-items: normal;
    padding: 0;
    justify-content: space-between;
    width: 100%;
  }
}
.w-navigation-dropdown__column.widget-column {
  order: -1;
  margin-bottom: var(--spacing-24-rem);
}
@media (min-width: 1024px) {
  .w-navigation-dropdown__column.widget-column {
    order: 0;
    margin-bottom: 0;
  }
}
.w-navigation-dropdown--main .w-navigation-dropdown__widget {
  display: var(--widget-display);
  width: calc(456/var(--size-rem-base)*1rem);
  min-height: 100%;
  flex: 0 0 auto;
}
.w-navigation-dropdown--main .w-navigation-dropdown__widget--booking {
  width: calc(496/var(--size-rem-base)*1rem);
}
.w-navigation-dropdown:not(:has(.w-navigation-dropdown__list)) .w-navigation-dropdown__widget {
  height: auto;
  width: 100%;
}
.w-navigation-dropdown--utility .w-navigation-dropdown__widget,
.w-navigation-dropdown--sign-in .w-navigation-dropdown__widget,
.w-navigation-dropdown--sign-in-main .w-navigation-dropdown__widget {
  display: var(--widget-display);
  width: 100%;
  min-height: 100%;
  flex: 0 0 auto;
  padding: 0;
}
@media (min-width: 1024px) {
  .w-navigation-dropdown--utility .w-navigation-dropdown__widget,
  .w-navigation-dropdown--sign-in .w-navigation-dropdown__widget,
  .w-navigation-dropdown--sign-in-main .w-navigation-dropdown__widget {
    width: calc(326/var(--size-rem-base)*1rem);
  }
}
.w-navigation-dropdown--main,
.w-navigation-dropdown--utility,
.w-navigation-dropdown--property,
.w-navigation-dropdown--sign-in {
  position: absolute;
  inset: 0;
}
.w-navigation-dropdown--main:not(.w-navigation-dropdown--in-sidebar),
.w-navigation-dropdown--utility:not(.w-navigation-dropdown--in-sidebar),
.w-navigation-dropdown--property:not(.w-navigation-dropdown--in-sidebar) {
  padding: 0 var(--spacing-40-rem);
  margin: 0 auto;
  position: absolute;
  inset: 100% 0 auto;
}
.w-navigation-dropdown--sign-in {
  --sign-in-background-color: var(--color-fg-default-primary-inverted);
  background: var(--sign-in-background-color);
  overflow-y: auto;
}
@media (min-width: 768px) {
  .w-navigation-dropdown--sign-in {
    width: auto;
    background-color: var(--sign-in-background-color);
  }
}
.w-navigation-dropdown--sign-in.w-navigation-dropdown--in-sidebar {
  height: var(--navigation-panel-height);
}
.w-navigation-dropdown--sign-in:not(.w-navigation-dropdown--in-sidebar) {
  width: 100%;
  height: calc(100vh - var(--navigation-mobile-height));
  position: absolute;
  inset: 100% 0 auto auto;
}
@media (min-width: 768px) {
  .w-navigation-dropdown--sign-in:not(.w-navigation-dropdown--in-sidebar) {
    width: calc(375/var(--size-rem-base)*1rem);
    inset: 100% 0 auto auto;
  }
}
.w-navigation-dropdown--logged-in {
  --sign-in-background-color: var(--color-container-default-subtle);
  background: var(--sign-in-background-color);
}
@media (min-width: 1024px) {
  .w-navigation-dropdown--logged-in {
    --sign-in-background-color: none;
    --navigation-dropdown-width: var( --navigation-dropdown-sign-in-authenticated-width );
  }
}
.w-navigation-dropdown--main:not(.w-navigation-dropdown--in-sidebar) {
  max-width: calc(1280/var(--size-rem-base)*1rem);
  width: 100%;
  inset-inline: 0;
  margin: 0 auto;
}
.w-navigation-dropdown--utility:not(.w-navigation-dropdown--in-sidebar) {
  inset-inline: auto calc(40/var(--size-rem-base)*1rem);
  padding: 0;
  margin: 0;
}
.w-navigation-dropdown--utility:not(.w-navigation-dropdown--in-sidebar):not(.w-navigation-dropdown--logged-in) {
  --navigation-dropdown-width: calc(588 / var(--size-rem-base) * 1rem);
}
.w-navigation-dropdown--property:not(.w-navigation-dropdown--in-sidebar) {
  position: absolute;
  width: max-content;
  padding: 0;
  left: 0%;
}
.w-navigation-dropdown--sign-in-main:not(.w-navigation-dropdown--in-sidebar) {
  position: absolute;
  inset: unset;
  inset-inline-end: calc(-1*var(--spacing-20-rem));
  inset-block-start: 100%;
  --navigation-dropdown-width: var( --navigation-dropdown-sign-in-unauthenticated-width );
}

.w-navigation-item {
  --navigation-marker-width: calc( 100% - 2 * var(--navigation-item-padding-inline) );
  --navigation-marker-left: var(--navigation-item-padding-inline);
  --navigation-marker-height: var(--spacing-0-rem);
  --navigation-item-height: auto;
  list-style: none;
  color: var(--navigation-item-text-color);
  height: var(--navigation-item-height);
}
.w-navigation-item--in-panel {
  --navigation-item-position: static;
  border-radius: var(--corner-radius-md-rem);
  background: var(--navigation-item-background, transparent);
}
.w-navigation-item--in-panel:hover {
  --navigation-item-background: var(--color-bg-default-subtle);
}
.w-navigation-item--in-panel:active {
  --navigation-item-background: var( --color-container-default-midtone-pressed );
}
.w-navigation-item--main {
  --navigation-item-text-color: var(--top-nav-color-nav-fg);
  --navigation-item-padding-block: var(--spacing-24-rem);
  --navigation-item-padding-inline: var(--spacing-20-rem);
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}
@media (min-width: 1024px) {
  .w-navigation-item--main {
    --navigation-item-position: static;
  }
}
[role=dialog] .w-navigation-item--main {
  --navigation-item-text-color: var(--color-fg-default-primary);
  --navigation-item-padding-block: var(--spacing-12-rem);
  --navigation-item-padding-inline: var(--spacing-8-rem);
}
.w-navigation-item--utility {
  --navigation-item-text-color: var(--color-fg-default-secondary);
}
@media (min-width: 1024px) {
  .w-navigation-item--utility {
    --navigation-item-padding-block: var(--spacing-8-rem);
    --navigation-item-padding-inline: var(--spacing-8-rem);
    --navigation-item-text-color: var(--top-nav-color-util-fg);
    --navigation-item-height: var(--spacing-32-rem);
  }
}
.w-navigation-item--property {
  --navigation-item-text-color: var(--top-nav-color-nav-fg);
  --navigation-item-padding-block: var(--spacing-10-rem);
  --navigation-item-padding-inline: var(--spacing-8-rem);
  --navigation-marker-width: 100%;
  --navigation-marker-left: 0;
  position: relative;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .w-navigation-item--property {
    --navigation-item-padding-inline: var(--spacing-0-rem);
  }
}
.w-navigation-item__content {
  padding-inline: var(--navigation-item-content-padding-inline, var(--spacing-8-rem));
  display: flex;
  gap: var(--spacing-4-rem);
  align-items: center;
}
@media (min-width: 1024px) {
  .w-navigation-item__content {
    --navigation-item-content-padding-inline: var(--spacing-4-rem);
  }
}
.w-navigation-item--property .w-navigation-item__content {
  --navigation-item-content-padding-inline: var(--spacing-0-rem);
}
.w-navigation-item__content:has(+ .w-navigation-item__property-caret) {
  padding-inline-end: 0;
}
.w-navigation-item__button,
.w-navigation-item__link {
  cursor: pointer;
  padding: var(--navigation-item-padding-block, var(--spacing-12-rem)) var(--navigation-item-padding-inline, var(--spacing-8-rem));
  width: 100%;
}
@media (min-width: 1024px) {
  .w-navigation-item__button,
  .w-navigation-item__link {
    position: relative;
  }
}
.w-navigation-item__link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.w-navigation-item__button,
.w-navigation-item__link {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: flex;
  align-items: center;
  gap: var(--spacing-4-rem);
}
@media (min-width: 1024px) {
  .w-navigation-item__button,
  .w-navigation-item__link {
    width: 100%;
  }
}
.w-navigation-item__icon {
  display: var(--navigation-icon-display, none);
}
@media (min-width: 1024px) {
  .w-navigation-item__icon {
    --navigation-icon-display: inline-flex;
    height: var(--spacing-12-rem);
    width: var(--spacing-12-rem);
    vertical-align: text-bottom;
    margin-inline-end: var(--spacing-4-rem);
  }
}
.w-navigation-item__caret {
  display: var(--navigation-caret-display, none);
  width: calc(5/var(--size-rem-base)*1rem);
  height: calc(8/var(--size-rem-base)*1rem);
}
.w-navigation-item--in-panel .w-navigation-item__caret {
  --navigation-caret-display: block;
}
@media (min-width: 1024px) {
  .w-navigation-item--in-panel .w-navigation-item__caret {
    margin-inline-start: auto;
  }
}
.w-navigation-item__property-caret {
  width: calc(5/var(--size-rem-base)*1rem);
  height: calc(5/var(--size-rem-base)*1rem);
  margin-inline-end: var(--spacing-2-rem);
  display: none;
}
@media (min-width: 1024px) {
  .w-navigation-item__property-caret {
    display: block;
  }
}
.w-navigation-item:not(.w-navigation-item--in-panel) .w-navigation-item__button::after,
.w-navigation-item:not(.w-navigation-item--in-panel) .w-navigation-item__link::after {
  content: "";
  display: block;
  width: var(--navigation-marker-width);
  height: var(--navigation-marker-height);
  position: absolute;
  bottom: 0;
  left: var(--navigation-marker-left);
  border-radius: var(--corner-radius-sm-rem) var(--corner-radius-sm-rem) 0 0;
  background: var(--navigation-item-text-color);
  transition: height .2s ease;
}
@media (min-width: 1024px) {
  .w-navigation-item--utility:not(.w-navigation-item--in-panel) .w-navigation-item__button::after,
  .w-navigation-item--utility:not(.w-navigation-item--in-panel) .w-navigation-item__link::after {
    bottom: calc(-2/var(--size-rem-base)*1rem);
  }
}
.w-navigation-item:hover {
  --navigation-marker-height: var(--spacing-2-rem);
}
.w-navigation-item:active {
  --navigation-marker-height: var(--spacing-4-rem);
}
.w-navigation-item--active {
  --navigation-marker-height: var(--spacing-4-rem);
}
.w-navigation-item--active:hover {
  --navigation-marker-height: var(--spacing-4-rem);
}
.w-navigation-item--selected {
  --navigation-item-text-color: var(--top-nav-color-selected-tab);
}
@media (min-width: 1024px) {
  .w-navigation-item--hover--active .w-navigation-dropdown,
  .w-navigation-item--hover:focus-within:not(.w-navigation-item--utility) .w-navigation-dropdown,
  .w-navigation-item--hover:hover:not(.w-navigation-item--utility) .w-navigation-dropdown {
    display: block;
  }
}
.w-navigation-item--visible-on-mobile {
  display: block;
}
@media (min-width: 768px) {
  .w-navigation-item--visible-on-mobile {
    display: none;
  }
}
.w-navigation-item--visible-on-tablet {
  display: none;
}
@media (min-width: 768px) {
  .w-navigation-item--visible-on-tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .w-navigation-item--visible-on-tablet {
    display: none;
  }
}
.w-navigation-item--visible-on-both {
  display: block;
}
@media (min-width: 1024px) {
  .w-navigation-item--visible-on-both {
    display: none;
  }
}

.w-navigation-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: var(--navigation-mobile-height);
  width: var(--navigation-mobile-height);
  color: inherit;
  text-decoration: none;
}
.w-navigation-button__icon {
  height: var(--spacing-20-rem);
  width: var(--spacing-20-rem);
}
.w-navigation-button__icon--mask {
  background-color: var(--navigation-icon-color);
  mask-size: contain;
  mask-repeat: no-repeat;
}

.w-navigation-panel {
  --mobile-navigation-hidden-transform: translateX(-100%);
  --navigation-panel-height: calc(100vh - var(--navigation-panel-block-start));
  height: var(--navigation-panel-height);
  width: 100vw;
  background-color: var(--color-container-default-lightest);
  position: absolute;
  transform: var(--mobile-navigation-transform, var(--mobile-navigation-hidden-transform));
  inset-inline-start: 0;
  inset-block-start: var(--navigation-panel-block-start);
  z-index: 7;
}
@media (min-width: 768px) {
  .w-navigation-panel {
    width: calc(375/var(--size-rem-base)*1rem);
  }
}
.w-navigation-panel--open {
  --mobile-navigation-transform: translateX(0);
}
.w-navigation-panel--mobile-only {
  --navigation-panel-block-start: var(--navigation-mobile-height);
}
@media (min-width: 1024px) {
  .w-navigation-panel--mobile-only {
    --mobile-navigation-transform: var(--mobile-navigation-hidden-transform);
  }
}
.w-navigation-panel--desktop-only {
  --navigation-panel-block-start: calc(30 / var(--size-rem-base) * 1rem);
}
.w-navigation-panel__nav,
.w-navigation-panel__main-nav,
.w-navigation-panel__utility-nav {
  display: flex;
  flex-direction: column;
}
.w-navigation-panel__nav {
  height: 100%;
}
.w-navigation-panel__main-nav {
  gap: var(--spacing-12-rem);
  padding: var(--spacing-32-rem) var(--spacing-40-rem) var(--spacing-40-rem);
  overflow: hidden auto;
  position: relative;
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .w-navigation-panel__main-nav {
    overflow-y: initial;
    gap: var(--spacing-4-rem);
    padding: var(--spacing-24-rem) var(--spacing-32-rem) var(--spacing-40-rem);
  }
}
.w-navigation-panel__main-nav:not(:has(+ .w-navigation-panel__utility-nav)) {
  height: 100%;
}
.w-navigation-panel__main-nav-bottom-logo-container {
  margin: var(--spacing-16-rem) var(--spacing-40-rem) var(--spacing-40-rem);
}
.w-navigation-panel__main-nav-bottom-logo {
  max-width: calc(176/var(--size-rem-base)*1rem);
}
.w-navigation-panel__utility-nav {
  gap: var(--spacing-4-rem);
  background-color: var(--color-container-default-subtle);
  padding: var(--spacing-16-rem) var(--spacing-40-rem) var(--spacing-24-rem);
  margin-block-start: auto;
}
.w-navigation-panel__wyndham-rewards-logo {
  height: var(--spacing-24-rem);
  margin-block-start: var(--spacing-20-rem);
  margin-inline-start: var(--spacing-16-rem);
}

.w-navigation {
  --navigation-primary-logo-width: minmax(0, 11rem);
  --navigation-margin-inline-start: 0;
  --navigation-main-background: var(--top-nav-color-nav-bg);
  --navigation-icon-color: var(--top-nav-color-nav-fg);
  --navigation-property-icon-size: var(--spacing-32-rem);
  position: relative;
  display: grid;
  align-items: center;
  background: var(--navigation-main-background);
  grid-template: var(--navigation-grid-template);
}
.w-navigation--bg-white {
  --navigation-main-background: var(--color-container-default-lightest);
  --navigation-icon-color: var(--color-fg-brand-primary);
  --top-nav-color-nav-fg: var(--color-fg-default-primary);
}
.w-navigation__wrap {
  --navigation-top: 0;
  --navigation-web-height-component: calc(var(--spacing-96-rem) * -1);
  --navigation-mobile-height-component: calc(var(--spacing-56-rem) * -1);
  --navigation-white-variations-height: calc(var(--spacing-32-rem) * -1);
  --navigation-property-variation-height: calc(var(--spacing-88-rem) * -1);
  --navigation-booking-mobile-height: calc(var(--spacing-64-rem) * -1);
  width: 100%;
  position: fixed;
  left: 0;
  top: var(--navigation-top);
  transition: top .2s ease;
  z-index: 8;
}
.w-navigation__wrap--scroll-up {
  --navigation-top: 0;
}
.w-navigation__wrap--scroll-down {
  --navigation-top: var(--navigation-mobile-height-component);
}
@media (min-width: 1024px) {
  .w-navigation__wrap--scroll-down {
    --navigation-top: var(--navigation-web-height-component);
  }
}
@media (min-width: 1024px) {
  .w-navigation__wrap--scroll-down.w-navigation__wrap--variation-rooms-rates,
  .w-navigation__wrap--scroll-down.w-navigation__wrap--variation-search-results {
    --navigation-top: var(--navigation-white-variations-height);
  }
}
.w-navigation__wrap--scroll-down.w-navigation__wrap--variation-search-results {
  --navigation-search-widget-border-top: none;
}
.w-navigation__wrap--scroll-down.w-navigation__wrap--variation-booking {
  --navigation-top: 0;
}
@media (min-width: 1024px) {
  .w-navigation__wrap--scroll-down.w-navigation__wrap--variation-booking {
    --navigation-top: var(--navigation-white-variations-height);
  }
}
@media (min-width: 1024px) {
  .w-navigation__wrap--scroll-down.w-navigation__wrap--variation-property {
    --navigation-top: var(--navigation-property-variation-height);
  }
}
.w-navigation__spacer {
  height: var(--navigation-mobile-height);
}
@media (min-width: 1024px) {
  .w-navigation__spacer {
    height: var(--spacing-96-rem);
  }
}
.w-navigation__spacer--variation-property {
  height: calc(88 / var(--size-rem-base) * 1rem);
}
@media (min-width: 1280px) {
  .w-navigation__spacer--variation-property {
    height: calc(128 / var(--size-rem-base) * 1rem);
  }
}
.w-navigation__spacer--variation-search-results,
.w-navigation__spacer--variation-rooms-rates {
  height: calc(104 / var(--size-rem-base) * 1rem);
}
@media (min-width: 768px) {
  .w-navigation__spacer--variation-search-results,
  .w-navigation__spacer--variation-rooms-rates {
    height: calc(112 / var(--size-rem-base) * 1rem);
  }
}
@media (min-width: 1024px) {
  .w-navigation__spacer--variation-search-results,
  .w-navigation__spacer--variation-rooms-rates {
    height: var(--spacing-96-rem);
  }
}
.w-navigation__spacer--variation-booking {
  height: calc(104 / var(--size-rem-base) * 1rem);
}
@media (min-width: 768px) {
  .w-navigation__spacer--variation-booking {
    height: calc(56 / var(--size-rem-base) * 1rem);
  }
}
@media (min-width: 1024px) {
  .w-navigation__spacer--variation-booking {
    height: calc(108 / var(--size-rem-base) * 1rem);
  }
}
.w-navigation--global,
.w-navigation--wyndham-rewards {
  --navigation-grid-template: "mobile-nav . logo . book account" auto / min-content 1fr var(--navigation-primary-logo-width) 1fr min-content min-content;
}
@media (min-width: 1024px) {
  .w-navigation--global,
  .w-navigation--wyndham-rewards {
    --navigation-margin-inline-start: var(--spacing-40-rem);
    --navigation-grid-template: "utility utility utility" auto ". logo main" auto / var(--navigation-margin-inline-start) var(--navigation-primary-logo-width) 1fr;
  }
}
@media (min-width: 1280px) {
  .w-navigation--global,
  .w-navigation--wyndham-rewards {
    --navigation-grid-template: "utility utility utility utility" auto ". logo main ." auto / var(--navigation-margin-inline-start) var(--navigation-primary-logo-width) 1fr var(--navigation-margin-inline-start);
  }
}
.w-navigation--property {
  --navigation-property-gap: minmax(var(--spacing-8-rem), 1fr);
  --navigation-grid-template: "mobile-nav . logo property-info . account" auto "property-nav property-nav property-nav property-nav property-nav property-nav" auto / min-content var(--navigation-property-gap) var(--navigation-property-icon-size) auto var(--navigation-property-gap) min-content;
  border-bottom: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
}
@media (min-width: 1024px) {
  .w-navigation--property {
    --navigation-margin-inline-start: var(--spacing-24-rem);
    --navigation-grid-template: "utility utility utility utility" auto ". logo . property-info" auto ". logo . property-nav" auto / var(--navigation-margin-inline-start) var(--navigation-primary-logo-width) var(--spacing-40-rem) 1fr;
  }
}
.w-navigation--search-results {
  --navigation-main-background: var(--color-container-default-lightest);
  --navigation-icon-color: var(--color-fg-brand-primary);
  --navigation-grid-template: "mobile-nav . logo . account" auto "search-widget search-widget search-widget search-widget search-widget" auto / min-content 1fr var(--navigation-primary-logo-width) 1fr min-content;
  border-bottom: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
  overflow-x: clip;
}
@media (min-width: 1024px) {
  .w-navigation--search-results {
    --navigation-margin-inline-start: var(--spacing-24-rem);
    --navigation-grid-template: "utility utility utility utility utility" auto ". logo . search-widget ." auto / var(--navigation-margin-inline-start) var(--navigation-primary-logo-width) 1fr max-content var(--navigation-margin-inline-start);
  }
}
.w-navigation--rooms-rates {
  --navigation-main-background: var(--color-container-default-lightest);
  --navigation-icon-color: var(--color-fg-brand-primary);
  --navigation-rooms-rates-gap: var(--spacing-12-rem);
  --navigation-grid-template: "mobile-nav . logo . property-info . account" auto "search-widget search-widget search-widget search-widget search-widget search-widget search-widget" auto / min-content 1fr var(--navigation-property-icon-size) var(--navigation-rooms-rates-gap) auto 1fr min-content;
  border-bottom: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
}
@media (min-width: 768px) {
  .w-navigation--rooms-rates {
    --navigation-rooms-rates-gap: var(--spacing-16-rem);
    --navigation-property-icon-size: 2.75rem;
  }
}
@media (min-width: 1024px) {
  .w-navigation--rooms-rates {
    --navigation-margin-inline-start: var(--spacing-24-rem);
    --navigation-search-widget-width: calc(325 / var(--size-rem-base) * 1rem);
    --navigation-grid-template: "utility utility utility utility utility utility utility" auto ". logo . property-info . search-widget ." auto / var(--navigation-margin-inline-start) var(--navigation-primary-logo-width) var(--spacing-20-rem) 1fr var(--spacing-48-rem) minmax( var(--navigation-search-widget-min-width, 0), var(--navigation-search-widget-width) ) var(--navigation-margin-inline-start);
  }
}
.w-navigation--booking {
  --navigation-main-background: var(--color-container-default-lightest);
  --navigation-icon-color: var(--color-fg-brand-primary);
  --navigation-grid-template: ". logo . property-info . account" auto "booking-details booking-details booking-details booking-details booking-details booking-details" auto / var(--spacing-12-rem) min-content var(--spacing-12-rem) auto 1fr min-content;
  border-bottom: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
}
@media (min-width: 768px) {
  .w-navigation--booking {
    --navigation-booking-md-gap: minmax(var(--spacing-16-rem), 1fr);
    --navigation-property-icon-size: 2.75rem;
    --navigation-grid-template: ". logo . property-info . booking-details . account" auto / var(--spacing-16-rem) min-content var(--spacing-16-rem) auto var(--navigation-booking-md-gap) auto var(--navigation-booking-md-gap) min-content;
  }
}
@media (min-width: 1024px) {
  .w-navigation--booking {
    --navigation-margin-inline-start: var(--spacing-40-rem);
    --navigation-grid-template: "utility utility utility utility utility utility utility" auto ". logo . property-info . booking-details ." auto / var(--navigation-margin-inline-start) min-content var(--spacing-24-rem) auto var(--spacing-56-rem) max-content var(--navigation-margin-inline-start);
  }
}
@media (min-width: 1280px) {
  .w-navigation {
    --navigation-margin-inline-start: calc( (100vw - var(--web-grids-min-width-rem)) / 2 + var(--spacing-40-rem) );
  }
}
.w-navigation__utility-nav {
  align-items: center;
  display: none;
}
@media (min-width: 1024px) {
  .w-navigation__utility-nav {
    padding-inline: var(--spacing-40-rem);
    max-width: var(--web-grids-default-width);
    display: flex;
    gap: var(--spacing-2-rem);
    justify-content: flex-end;
    position: relative;
  }
}
.w-navigation__utility-nav-container {
  --utility-nav-background:
    linear-gradient(
      
      0deg,
      var(--top-nav-color-util-overlay) 0%,
      var(--top-nav-color-util-overlay) 100% ),
    var(--top-nav-color-nav-bg);
  --utility-nav-icon-color: var(--top-nav-color-util-fg);
  background: var(--utility-nav-background);
  display: none;
}
@media (min-width: 1024px) {
  .w-navigation__utility-nav-container {
    grid-area: utility;
    display: block;
  }
}
.w-navigation__main-nav-container {
  background: var(--navigation-main-background);
}
@media (min-width: 1024px) {
  .w-navigation__main-nav-container {
    grid-area: main;
  }
}
.w-navigation__main-nav {
  align-items: center;
  display: none;
  justify-content: flex-start;
}
@media (min-width: 1024px) {
  .w-navigation__main-nav {
    padding-inline: var(--spacing-40-rem);
    max-width: var(--web-grids-default-width);
    display: flex;
    gap: var(--spacing-2-rem);
    --navigation-first-right-margin-inline-start: auto;
  }
  .w-navigation__main-nav > li[class*=--first-right] {
    margin-inline-start: var(--navigation-first-right-margin-inline-start);
  }
  .w-navigation__main-nav > li[class*=--left] ~ li[class*=--right]:first-of-type {
    margin-inline-start: auto;
  }
}
.w-navigation__wr-login-nav-item {
  margin-inline-start: auto;
}
.w-navigation__property-nav-container {
  grid-area: property-nav;
  overflow-x: auto;
  scrollbar-width: none;
  padding-inline: var(--property-nav-container-padding-inline, var(--spacing-12-rem));
}
@media (min-width: 1024px) {
  .w-navigation__property-nav-container {
    overflow: initial;
    --property-nav-background: transparent;
    --property-nav-container-padding-inline: 0;
  }
}
.w-navigation__property-nav {
  display: flex;
  align-items: center;
  gap: var(--property-nav-gap, var(--spacing-6-rem));
}
@media (min-width: 375px) {
  .w-navigation__property-nav {
    --property-nav-gap: var(--spacing-8-rem);
  }
}
@media (min-width: 768px) {
  .w-navigation__property-nav {
    --property-nav-gap: var(--spacing-24-rem);
  }
}
.w-navigation__wyndham-rewards-logo {
  max-height: var(--spacing-20-rem);
  margin-inline-start: var(--spacing-16-rem);
}
.w-navigation__primary-logo-container {
  --navigation-brand-logo-margin-block: var(--spacing-12-rem);
  grid-area: logo;
}
@media (min-width: 1024px) {
  .w-navigation__primary-logo-container--property-collapsed a {
    pointer-events: none;
  }
}
.w-navigation__primary-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
  max-width: 12.5rem;
  max-height: var(--spacing-40-rem);
}
.w-navigation__primary-logo-property {
  height: var(--navigation-property-icon-size);
  width: var(--navigation-property-icon-size);
  border-radius: 50%;
  display: flex;
  background: var(--color-container-default-lightest);
  padding: var(--navigation-logo-padding, var(--spacing-4-rem));
  filter: drop-shadow(0 3px 6px rgba(51, 51, 51, 0.06)) drop-shadow(0 0 2px rgba(85, 85, 85, 0.08));
}
.w-navigation--rooms-rates .w-navigation__primary-logo-property {
  --navigation-logo-padding: var(--spacing-4-rem);
}
@media (min-width: 768px) {
  .w-navigation--rooms-rates .w-navigation__primary-logo-property {
    --navigation-logo-padding: var(--spacing-8-rem);
  }
}
.w-navigation--booking .w-navigation__primary-logo-property {
  margin-block: var(--spacing-16-rem);
}
@media (min-width: 1024px) {
  .w-navigation:not(.w-navigation--booking) .w-navigation__primary-logo-property {
    --navigation-logo-padding: initial;
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    max-width: 12.5rem;
    max-height: var(--spacing-40-rem);
    border-radius: initial;
    background: initial;
    box-sizing: initial;
    filter: initial;
  }
}
@media (min-width: 1024px) {
  .w-navigation__primary-logo-property--property {
    transition: opacity .2s ease;
  }
}
@media (min-width: 1024px) {
  .w-navigation__primary-logo-property--property-collapsed {
    opacity: 0;
  }
}
.w-navigation__mobile-navigation-container,
.w-navigation__book-button-container,
.w-navigation__account-button-container {
  color: var(--navigation-icon-color);
}
@media (min-width: 1024px) {
  .w-navigation__mobile-navigation-container,
  .w-navigation__book-button-container,
  .w-navigation__account-button-container {
    display: none;
  }
}
.w-navigation__mobile-navigation-container {
  grid-area: mobile-nav;
  position: relative;
}
.w-navigation__mobile-navigation-container--open {
  background: var(--color-container-default-lightest);
  color: var(--color-fg-brand-primary);
}
.w-navigation__mobile-navigation-button {
  color: inherit;
}
.w-navigation__account-button-container {
  grid-area: account;
}
.w-navigation__account-button-container--open {
  background: var(--color-container-default-lightest);
}
.w-navigation__account-button-container--open > .w-navigation-button {
  color: var(--color-fg-brand-primary);
}
.w-navigation__account-button-container--open .w-navigation-button__label {
  display: none;
}
.w-navigation__book-button-container {
  grid-area: book;
  margin-inline-end: var(--spacing-4-rem);
}
.w-navigation__book-button-container.visible-on-mobile {
  display: block;
}
@media (min-width: 768px) {
  .w-navigation__book-button-container.visible-on-mobile {
    display: none;
  }
}
.w-navigation__book-button-container.visible-on-tablet {
  display: none;
}
@media (min-width: 768px) {
  .w-navigation__book-button-container.visible-on-tablet {
    display: block;
  }
}
@media (min-width: 1024px) {
  .w-navigation__book-button-container.visible-on-tablet {
    display: none;
  }
}
.w-navigation__book-button-container.visible-on-both {
  display: block;
}
@media (min-width: 1024px) {
  .w-navigation__book-button-container.visible-on-both {
    display: none;
  }
}
.w-navigation__property-info {
  grid-area: property-info;
  color: var(--top-nav-color-nav-fg);
  padding: var(--property-info-padding, 0 0 0 var(--spacing-8-rem));
}
.w-navigation--rooms-rates .w-navigation__property-info,
.w-navigation--booking .w-navigation__property-info {
  --property-info-padding: 0;
  color: var(--color-fg-default-primary);
}
@media (min-width: 768px) {
  .w-navigation__property-info {
    --property-info-padding: 0 0 0 var(--spacing-12-rem);
  }
}
@media (min-width: 1024px) {
  .w-navigation__property-info {
    --property-info-padding: var(--spacing-12-rem) var(--spacing-40-rem) var(--spacing-8-rem) 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-16-rem);
  }
}
.w-navigation__property-info-new-search-link {
  display: none;
}
@media (min-width: 1024px) {
  .w-navigation__property-info-new-search-link {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: var(--spacing-8-rem) 0;
  }
}
.w-navigation__property-info-new-search-link .w-text-link {
  --text-link-color: var(--top-nav-color-selected-tab);
}
.w-navigation__property-info-name {
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.w-navigation--property .w-navigation__property-info-name {
  font-weight: var(--web-type-values-label-md-semi-weight);
  font-size: calc(var(--web-type-values-label-md-semi-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-label-md-semi-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-label-md-semi-letter-spacing)/var(--size-rem-base)*1rem);
}
@media (min-width: 1024px) {
  .w-navigation--property .w-navigation__property-info-name {
    font-weight: var(--web-type-values-headline-sm-semi-weight);
    font-size: calc(var(--web-type-values-headline-sm-semi-size)/var(--size-rem-base)*1rem);
    line-height: calc(var(--web-type-values-headline-sm-semi-line-height)/var(--size-rem-base)*1rem);
    letter-spacing: calc(var(--web-type-values-headline-sm-semi-letter-spacing)/var(--size-rem-base)*1rem);
    font-family: var(--web-type-family-brand);
  }
}
.w-navigation--rooms-rates .w-navigation__property-info-name,
.w-navigation--booking .w-navigation__property-info-name {
  font-weight: var(--web-type-values-label-sm-semi-weight);
  font-size: calc(var(--web-type-values-label-sm-semi-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-label-sm-semi-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-label-sm-semi-letter-spacing)/var(--size-rem-base)*1rem);
}
@media (min-width: 768px) {
  .w-navigation--rooms-rates .w-navigation__property-info-name,
  .w-navigation--booking .w-navigation__property-info-name {
    font-weight: var(--web-type-values-label-md-semi-weight);
    font-size: calc(var(--web-type-values-label-md-semi-size)/var(--size-rem-base)*1rem);
    line-height: calc(var(--web-type-values-label-md-semi-line-height)/var(--size-rem-base)*1rem);
    letter-spacing: calc(var(--web-type-values-label-md-semi-letter-spacing)/var(--size-rem-base)*1rem);
  }
}
@media (min-width: 1024px) {
  .w-navigation--rooms-rates .w-navigation__property-info-name,
  .w-navigation--booking .w-navigation__property-info-name {
    font-weight: var(--web-type-values-label-lg-semi-weight);
    font-size: calc(var(--web-type-values-label-lg-semi-size)/var(--size-rem-base)*1rem);
    line-height: calc(var(--web-type-values-label-lg-semi-line-height)/var(--size-rem-base)*1rem);
    letter-spacing: calc(var(--web-type-values-label-lg-semi-letter-spacing)/var(--size-rem-base)*1rem);
  }
}
.w-navigation__property-info-address {
  gap: var(--spacing-8-rem);
  display: var(--property-info-address-display, none);
}
@media (min-width: 1024px) {
  .w-navigation__property-info-address {
    --property-info-address-display: flex;
  }
}
.w-navigation__menu-wrapper {
  margin-inline-end: auto;
}
.w-navigation__menu-button-container {
  --navigation-menu-button-marker-height: 0;
  --navigation-menu-button-padding: var(--spacing-8-rem);
  color: var(--top-nav-color-util-fg);
  padding: var(--navigation-menu-button-padding);
  position: relative;
}
.w-navigation__menu-button-container:hover {
  --navigation-menu-button-marker-height: var(--spacing-2-rem);
}
.w-navigation__menu-button-container--open {
  --navigation-menu-button-marker-height: var(--spacing-4-rem);
}
.w-navigation__menu-button-container--open:hover {
  --navigation-menu-button-marker-height: var(--spacing-4-rem);
}
.w-navigation__menu-button-container::after {
  content: "";
  display: block;
  width: calc(100% - 2*var(--navigation-menu-button-padding));
  height: var(--navigation-menu-button-marker-height);
  background: var(--color-fg-default-primary-inverted);
  border-radius: var(--corner-radius-sm-rem) var(--corner-radius-sm-rem) 0 0;
  inset-block-end: 0;
  inset-inline-start: var(--navigation-menu-button-padding);
  position: absolute;
  transition: height .2s ease;
}
.w-navigation__menu-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: flex;
  padding-inline: var(--spacing-4-rem);
}
.w-navigation__background-overlay {
  --navigation-overlay-block-start: 100%;
  content: "";
  background: var(--color-container-default-tone-50);
  position: absolute;
  height: calc(100vh - var(--navigation-overlay-block-start));
  inset-block: var(--navigation-overlay-block-start);
  inset-inline: 0;
  z-index: 1;
}
.w-navigation__background-overlay--utility {
  --navigation-overlay-block-start: var(--spacing-32-rem);
}
.w-navigation__background-overlay--mobile {
  --navigation-overlay-block-start: var(--navigation-mobile-height);
}
@media (min-width: 1024px) {
  .w-navigation--booking .w-navigation__background-overlay,
  .w-navigation--rooms-rates .w-navigation__background-overlay,
  .w-navigation--search-results .w-navigation__background-overlay {
    --navigation-overlay-block-start: var(--spacing-32-rem);
  }
}
.w-navigation__search-widget {
  grid-area: search-widget;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-width: 0;
  box-sizing: border-box;
  border-top: var(--navigation-search-widget-border-top, calc(1 / var(--size-rem-base) * 1rem) solid var(--color-border-default-subtle));
  height: var(--navigation-search-widget-height, calc(49 / var(--size-rem-base) * 1rem));
  width: var(--navigation-search-widget-width, auto);
  max-width: 100%;
  padding: 0;
}
.w-navigation--search-results .w-navigation__search-widget {
  --navigation-search-widget-padding: var(--spacing-8-rem) 0;
  cursor: pointer;
}
.w-navigation--search-results .w-navigation__search-widget > * {
  pointer-events: none;
}
@media (min-width: 768px) {
  .w-navigation__search-widget {
    --navigation-search-widget-height: var(--spacing-56-rem);
  }
  .w-navigation--search-results .w-navigation__search-widget {
    --navigation-search-widget-padding: var(--spacing-12-rem) var(--spacing-12-rem) var(--spacing-12-rem) 0;
    cursor: default;
    position: relative;
    overflow: visible;
  }
  .w-navigation--search-results .w-navigation__search-widget > * {
    pointer-events: auto;
  }
}
@media (min-width: 1024px) {
  .w-navigation__search-widget {
    --navigation-search-widget-border-top: none;
    --navigation-search-widget-height: var(--spacing-64-rem);
  }
  .w-navigation--rooms-rates .w-navigation__search-widget {
    --navigation-search-widget-width: calc(325 / var(--size-rem-base) * 1rem);
  }
  .w-navigation--search-results .w-navigation__search-widget {
    --navigation-search-widget-width: calc(782 / var(--size-rem-base) * 1rem);
    --navigation-search-widget-padding: 0 var(--spacing-12-rem) 0 0;
  }
}
@media (min-width: 1280px) {
  .w-navigation--search-results .w-navigation__search-widget {
    --navigation-search-widget-width: calc(992 / var(--size-rem-base) * 1rem);
  }
}
.w-navigation__search-widget--has-room-rates-widget {
  width: 100%;
  justify-content: flex-end;
  overflow: visible;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .w-navigation__search-widget--has-room-rates-widget {
    height: var(--spacing-40-rem);
  }
}
.w-navigation__search-widget--edit-panel-open {
  visibility: hidden;
  pointer-events: none;
}


/*# sourceMappingURL=315.218ce156.css.map*/