.w-select-group {
  --field-label-top-with-value: var(--spacing-8-rem);
  --field-inline-start-padding: var(--spacing-12-rem);
  --field-inline-end-padding: var(--spacing-12-rem);
  --field-padding-with-icon: calc(44 / var(--size-rem-base) * 1rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4-rem);
  position: relative;
}
.w-select-group:has(.w-select-group__leading-icon) {
  --field-inline-start-padding: var(--field-padding-with-icon);
}
.w-select-group:has(.w-select-group__trailing-icon) {
  --field-inline-end-padding: var(--field-padding-with-icon);
}
.w-select-group__select-container {
  position: relative;
}
.w-select-group__select {
  font-weight: var(--web-type-values-body-md-reg-weight);
  font-size: calc(var(--web-type-values-body-md-reg-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-body-md-reg-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-body-md-reg-letter-spacing)/var(--size-rem-base)*1rem);
  color: var(--color-fg-default-primary);
  --field-label-top-padding: calc( var(--field-label-top-with-value) + var(--spacing-2-rem) );
  height: var(--field-height, calc(48 / var(--size-rem-base) * 1rem));
  width: 100%;
  padding: var(--field-label-top-padding) var(--field-inline-end-padding) 0 var(--field-inline-start-padding);
  font-family: var(--web-type-family-global);
  background: var(--field-background-color, var(--color-container-default-lightest));
  border-radius: var(--field-border-radius, var(--corner-radius-md-rem));
  border: calc(1/var(--size-rem-base)*1rem) solid var(--field-border-color-forced, var(--field-border-color));
}
.w-select-group--background-light:not(.w-select-group--error) .w-select-group__select {
  --field-border-color: var(--color-border-default-subtle);
}
.w-select-group--background-light:not(.w-select-group--error) .w-select-group__select:hover:not(:disabled, :focus),
.w-select-group--background-light:not(.w-select-group--error) .w-select-group__select:focus {
  --field-border-color: var(--color-border-default-strong);
}
.w-select-group--background-subtle:not(.w-select-group--error):not(.w-select-group--locked) .w-select-group__select {
  --field-border-color: var(--color-container-default-subtle);
}
.w-select-group--background-subtle:not(.w-select-group--error):not(.w-select-group--locked) .w-select-group__select:hover:not(:disabled, :focus) {
  --field-border-color: var(--color-border-default-subtle);
}
.w-select-group--background-subtle:not(.w-select-group--error):not(.w-select-group--locked) .w-select-group__select:focus {
  --field-border-color: var(--color-border-default-strong);
}
.w-select-group--error .w-select-group__select {
  color: var(--color-fg-system-error);
  --field-border-color: var(--color-fg-system-error);
}
.w-select-group__select:disabled {
  color: var(--color-fg-default-tertiary);
}
.w-select-group--locked .w-select-group__select {
  --field-border-color: var(--color-border-default-subtle);
  --field-background-color: transparent;
}
.w-select-group:has(.w-select-group__select:disabled):not(.w-select-group--locked) .w-select-group__select {
  --field-border-color: var(--color-fg-default-disabled);
  --field-background-color: var(--color-container-default-subtle);
}
.w-select-group__label {
  font-weight: var(--web-type-values-body-md-reg-weight);
  font-size: calc(var(--web-type-values-body-md-reg-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-body-md-reg-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-body-md-reg-letter-spacing)/var(--size-rem-base)*1rem);
  color: var(--color-fg-default-tertiary);
  font-family: var(--web-type-family-global);
  position: absolute;
  inset: var(--field-label-top, 50%) auto auto var(--field-inline-start-padding);
  transform: var(--field-label-transform, translateY(-50%));
  pointer-events: none;
  z-index: 1;
}
.w-select-group--error .w-select-group__label {
  color: var(--color-fg-system-error);
}
.w-select-group__section-label {
  margin-block-end: var(--spacing-4-rem);
}
.w-select-group__leading-icon,
.w-select-group__trailing-icon {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.w-select-group__leading-icon:not(.w-select-group__leading-icon--custom-color, .w-select-group__trailing-icon--custom-color),
.w-select-group__trailing-icon:not(.w-select-group__leading-icon--custom-color, .w-select-group__trailing-icon--custom-color) {
  color: var(--color-fg-default-quaternary);
}
.w-select-group__leading-icon {
  inset-inline-start: var(--spacing-12-rem);
}
.w-select-group:has(__select:disabled) .w-select-group__leading-icon {
  color: var(--color-fg-default-disabled);
}
.w-select-group__trailing-icon {
  inset-inline-end: var(--spacing-12-rem);
}
.w-select-group:has(.w-select-group__select:disabled):not(.w-select-group--locked) .w-select-group__trailing-icon {
  color: var(--color-fg-default-disabled);
}
.w-select-group--locked .w-select-group__trailing-icon {
  color: var(--color-fg-default-tertiary);
}
.w-select-group__error-message {
  position: absolute;
  inset-block-start: calc(100% + var(--spacing-4-rem));
  inset-inline: var(--field-error-inline-start, var(--spacing-12-rem)) var(--field-error-inline-end, auto);
  white-space: var(--field-error-white-space, normal);
  overflow-wrap: var(--field-error-overflow-wrap, normal);
}
.w-select-group__select {
  appearance: none;
}
.w-select-group__select:focus {
  outline: none;
}
.w-select-group:not(.w-select-group--populated):not(.w-select-group--variant-compact):not(.w-select-group--pinned-label) .w-select-group__select {
  color: rgba(0, 0, 0, 0);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
.w-select-group__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  inset-inline-end: calc(var(--spacing-12-rem) + var(--spacing-20-rem) + var(--spacing-4-rem));
}
.w-select-group--populated .w-select-group__label {
  font-weight: var(--web-type-values-label-xs-semi-weight);
  font-size: calc(var(--web-type-values-label-xs-semi-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-label-xs-semi-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-label-xs-semi-letter-spacing)/var(--size-rem-base)*1rem);
  --field-label-top: var(--field-label-top-with-value);
  --field-label-transform: none;
}
.w-select-group--populated:not(:disabled) .w-select-group__leading-icon:not(.w-select-group__leading-icon--custom-color) {
  color: var(--color-fg-brand-primary);
}
.w-select-group--variant-filter .w-select-group__label {
  font-weight: var(--web-type-values-label-xs-semi-weight);
  font-size: calc(var(--web-type-values-label-xs-semi-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-label-xs-semi-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-label-xs-semi-letter-spacing)/var(--size-rem-base)*1rem);
  --field-label-top: var(--field-label-top-with-value);
  --field-label-transform: none;
  font-weight: var(--web-type-values-body-md-semi-weight);
  font-size: calc(var(--web-type-values-body-md-semi-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-body-md-semi-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-body-md-semi-letter-spacing)/var(--size-rem-base)*1rem);
}
.w-select-group--variant-filter .w-select-group__select {
  padding-block-start: calc(16/var(--size-rem-base)*1rem);
  font-family: var(--web-type-family-global);
  font-weight: var(--web-type-values-body-md-reg-weight);
  font-size: calc(var(--web-type-values-body-md-reg-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-body-md-reg-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-body-md-reg-letter-spacing)/var(--size-rem-base)*1rem);
  color: var(--color-fg-default-primary);
  -webkit-text-fill-color: var(--color-fg-default-primary);
  opacity: 1;
}
.w-select-group--variant-compact .w-select-group__select {
  --field-label-top-padding: 0;
  padding: 0 calc(40/var(--size-rem-base)*1rem) 0 var(--spacing-12-rem);
  color: var(--color-fg-default-tertiary);
  -webkit-text-fill-color: var(--color-fg-default-tertiary);
  font-family: var(--web-type-family-global);
  font-weight: var(--web-type-values-body-md-reg-weight);
  font-size: calc(var(--web-type-values-body-md-reg-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-body-md-reg-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-body-md-reg-letter-spacing)/var(--size-rem-base)*1rem);
  opacity: 1;
  text-indent: 0;
}
.w-select-group--variant-compact .w-select-group__trailing-icon {
  inset-inline-end: var(--spacing-12-rem);
}
.w-select-group--pinned-label .w-select-group__label {
  font-weight: var(--web-type-values-label-xs-semi-weight);
  font-size: calc(var(--web-type-values-label-xs-semi-size)/var(--size-rem-base)*1rem);
  line-height: calc(var(--web-type-values-label-xs-semi-line-height)/var(--size-rem-base)*1rem);
  letter-spacing: calc(var(--web-type-values-label-xs-semi-letter-spacing)/var(--size-rem-base)*1rem);
  --field-label-top: var(--field-label-top-with-value);
  --field-label-transform: none;
}
.w-select-group--error {
  margin-bottom: var(--field-error-margin-bottom, 0);
}
@supports selector(.w-select-group:has(.w-select-group__select:open)) {
  .w-select-group:has(.w-select-group__select:open):not(.w-select-group--variant-compact) .w-select-group__select {
    color: var(--color-fg-default-primary);
    -webkit-text-fill-color: var(--color-fg-default-primary);
  }
  .w-select-group:has(.w-select-group__select:open) .w-select-group__label {
    font-weight: var(--web-type-values-label-xs-semi-weight);
    font-size: calc(var(--web-type-values-label-xs-semi-size)/var(--size-rem-base)*1rem);
    line-height: calc(var(--web-type-values-label-xs-semi-line-height)/var(--size-rem-base)*1rem);
    letter-spacing: calc(var(--web-type-values-label-xs-semi-letter-spacing)/var(--size-rem-base)*1rem);
    --field-label-top: var(--field-label-top-with-value);
    --field-label-transform: none;
  }
  .w-select-group:has(.w-select-group__select:open) .w-select-group__trailing-icon {
    transform: translateY(-50%) rotate(180deg);
  }
}

.w-text-link {
  display: inline-flex;
  align-items: center;
  transition: all 150ms ease-in-out;
}
.w-text-link__anchor {
  color: var(--text-link-color);
  cursor: pointer;
  text-decoration: var(--text-link-text-decoration, none);
  display: flex;
  flex-direction: var(--text-link-flex-direction, row);
  align-items: center;
  gap: var(--spacing-4-rem);
}
.w-text-link__anchor--button {
  font: inherit;
  text-align: inherit;
}
.w-text-link__anchor--disabled {
  color: var(--color-fg-default-disabled);
  cursor: auto;
}
.w-text-link__anchor:hover {
  --text-link-text-decoration: underline;
}
.w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-text-link--light-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-text-link--dark-container {
  --text-link-color: var(--color-fg-brand-link-inverted);
}
.w-container--theme-light .w-text-link--default-container,
.w-container--theme-subtle .w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link);
}
.w-container--theme-dark .w-text-link--default-container {
  --text-link-color: var(--color-fg-brand-link-inverted);
}
.w-text-link--size-small {
  --text-link-icon-size: var(--spacing-16-rem);
}
.w-text-link--size-medium {
  --text-link-icon-size: var(--spacing-24-rem);
}
.w-text-link--icon-left {
  --text-link-flex-direction: row-reverse;
}
.w-text-link svg {
  width: var(--text-link-icon-size);
  height: var(--text-link-icon-size);
  color: var(--text-link-color);
}

.w-divider {
  width: var(--divider-width);
  height: var(--divider-height);
  background-color: var(--divider-background-color);
}
.w-divider--background-light {
  --divider-background-color: var(--color-border-default-subtle);
}
.w-divider--background-dark {
  --divider-background-color: var(--color-border-default-subtle-inverted);
}
.w-divider--direction-horizontal {
  --divider-width: 100%;
  --divider-height: 1px;
}
.w-divider--direction-vertical {
  --divider-width: 1px;
  --divider-height: 100%;
}

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

.w-upcoming-stay-card {
  position: relative;
  display: grid;
  grid-template-columns: calc(140 / var(--size-rem-base) * 1rem) 1fr;
  min-height: calc(280 / var(--size-rem-base) * 1rem);
  height: calc(280 / var(--size-rem-base) * 1rem);
  justify-items: stretch;
  border-radius: var(--corner-radius-md-rem);
  background: var(--color-container-default-lightest);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .08);
}
.w-upcoming-stay-card--type-promo {
  min-height: calc(204 / var(--size-rem-base) * 1rem);
  height: auto;
}
.w-upcoming-stay-card--type-stay:focus-within {
  outline: calc(5 / var(--size-rem-base) * 1rem) auto Highlight;
  outline: calc(5 / var(--size-rem-base) * 1rem) auto -webkit-focus-ring-color;
}
@media (min-width: 1024px) {
  .w-upcoming-stay-card--type-stay:focus-within {
    outline: none;
  }
}
@media (min-width: 768px) {
  .w-upcoming-stay-card {
    grid-template-columns: minmax(calc(140 / var(--size-rem-base) * 1rem), calc(300 / var(--size-rem-base) * 1rem)) minmax(calc(192 / var(--size-rem-base) * 1rem), 1fr);
    min-height: calc(204 / var(--size-rem-base) * 1rem);
    height: auto;
  }
}
@media (min-width: 1024px) {
  .w-upcoming-stay-card {
    grid-template-columns: minmax(calc(158 / var(--size-rem-base) * 1rem), calc(300 / var(--size-rem-base) * 1rem)) minmax(calc(302 / var(--size-rem-base) * 1rem), 1fr);
  }
}
@media (min-width: 1024px) {
  .w-upcoming-stay-card--density-compact {
    min-height: calc(200/var(--size-rem-base)*1rem);
  }
}
.w-upcoming-stay-card__image-container {
  position: relative;
  background: var(--color-container-default-subtle);
  border-radius: var(--corner-radius-md-rem) var(--corner-radius-none-rem) var(--corner-radius-none-rem) var(--corner-radius-md-rem);
  overflow: hidden;
}
.w-upcoming-stay-card__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--corner-radius-md-rem) var(--corner-radius-none-rem) var(--corner-radius-none-rem) var(--corner-radius-md-rem);
}
.w-upcoming-stay-card__brand-logo-shell {
  position: absolute;
  z-index: 1;
  bottom: var(--spacing-8-rem);
  left: var(--spacing-8-rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-32-rem);
  height: var(--spacing-32-rem);
  border-radius: var(--corner-radius-full-rem);
  background-color: var(--color-container-default-lightest);
  filter: drop-shadow(0 calc(-3 / var(--size-rem-base) * 1rem) calc(6 / var(--size-rem-base) * 1rem) rgba(0, 0, 0, 0.15)) drop-shadow(0 0 calc(2 / var(--size-rem-base) * 1rem) rgba(0, 0, 0, 0.1));
}
.w-upcoming-stay-card__brand-logo {
  height: calc(24/var(--size-rem-base)*1rem);
  width: calc(24/var(--size-rem-base)*1rem);
  object-fit: contain;
}
.w-upcoming-stay-card__text-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
  min-width: 0;
  padding: var(--spacing-16-rem);
}
.w-upcoming-stay-card__text-container-heading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4-rem);
}
.w-upcoming-stay-card__upcoming-stay-label {
  text-transform: uppercase;
  display: var(--upcoming-stay-card-label-display, none);
}
@media (min-width: 1024px) {
  .w-upcoming-stay-card__upcoming-stay-label {
    --upcoming-stay-card-label-display: block;
  }
}
.w-upcoming-stay-card__upcoming-stay-label-mobile {
  text-transform: uppercase;
  display: var(--upcoming-stay-card-label-mobile-display, block);
}
@media (min-width: 1024px) {
  .w-upcoming-stay-card__upcoming-stay-label-mobile {
    --upcoming-stay-card-label-mobile-display: none;
  }
}
.w-upcoming-stay-card__details {
  color: var(--color-fg-default-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12-rem);
}
.w-upcoming-stay-card__detail {
  display: flex;
  gap: var(--spacing-8-rem);
}
.w-upcoming-stay-card__detail-icon {
  color: var(--color-fg-default-tertiary);
  width: var(--spacing-12-rem);
  height: var(--spacing-16-rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.w-upcoming-stay-card__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-16-rem);
  margin-block-start: auto;
}
.w-upcoming-stay-card__confirmation {
  min-width: 0;
}
.w-upcoming-stay-card__confirmation-spacer {
  display: block;
  min-width: 0;
}
.w-upcoming-stay-card__links {
  display: var(--upcoming-stay-card-links-display, none);
  flex-direction: row;
  gap: var(--spacing-16-rem);
  align-items: center;
  flex-shrink: 0;
}
.w-upcoming-stay-card--type-promo .w-upcoming-stay-card__links {
  --upcoming-stay-card-links-display: flex;
}
@media (min-width: 1024px) {
  .w-upcoming-stay-card__links {
    --upcoming-stay-card-links-display: flex;
  }
}
.w-upcoming-stay-card__divider {
  height: var(--spacing-16-rem);
}
.w-upcoming-stay-card__mobile-link {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}
@media (min-width: 1024px) {
  .w-upcoming-stay-card__mobile-link {
    display: none;
  }
}
.w-upcoming-stay-card--details-on-mobile .w-upcoming-stay-card__links {
  --upcoming-stay-card-links-display: flex;
}
.w-upcoming-stay-card--details-on-mobile .w-upcoming-stay-card__mobile-link {
  display: none;
}

.w-tab {
  --tab-height: calc(48 / var(--size-rem-base) * 1rem);
  --tab-vertical-padding: calc(14 / var(--size-rem-base) * 1rem);
  --tab-horizontal-padding: var(--spacing-16-rem);
  --tab-border-width: calc(2 / var(--size-rem-base) * 1rem);
  --tab-background-color: transparent;
  --tab-border-color: transparent;
  display: flex;
  padding: var(--tab-vertical-padding) var(--tab-horizontal-padding);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-bottom: var(--tab-border-width) solid var(--tab-border-color);
  height: var(--tab-height);
  background-color: var(--tab-background-color);
  border-radius: var(--corner-radius-sm-rem) var(--corner-radius-sm-rem) var(--corner-radius-none-rem) var(--corner-radius-none-rem);
  white-space: nowrap;
  flex-shrink: 0;
  padding-bottom: calc(var(--tab-vertical-padding) + 1/var(--size-rem-base)*1rem);
  margin-bottom: calc(-1/var(--size-rem-base)*1rem);
}
.w-tab--active {
  --tab-border-color: var(--color-fg-brand-primary);
}
.w-tab:not(.w-tab--active):hover {
  --tab-background-color: var(--color-container-default-midtone-hovered);
}
.w-tab--compact {
  --tab-vertical-padding: var(--spacing-8-rem);
  --tab-horizontal-padding: var(--spacing-4-rem);
  --tab-border-width: calc(1 / var(--size-rem-base) * 1rem);
  --tab-height: var(--spacing-40-rem);
  padding-bottom: var(--tab-vertical-padding);
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .w-tab--compact {
    --tab-height: var(--spacing-32-rem);
    --tab-vertical-padding: var(--spacing-8-rem);
    --tab-horizontal-padding: var(--spacing-4-rem);
  }
}
.w-tab--width-equal {
  --tab-horizontal-padding: var(--spacing-4-rem);
  width: 100%;
}

.w-tabs {
  --tabs-gap: var(--spacing-24-rem);
  border-radius: var(--tabs-compact-border-radius, var(--corner-radius-sm-rem));
  display: flex;
  flex-direction: column;
  gap: var(--tabs-gap);
  background-color: var(--color-bg-default-lightest);
}
.w-tabs--compact .w-tabs {
  --tabs-gap: 0;
  border-radius: var(--tabs-compact-border-radius, var(--corner-radius-sm-rem));
}
.w-tabs--sticky .w-tabs {
  position: sticky;
  top: 0;
}
.w-tabs__tablist {
  --tablist-border-bottom-color: var(--color-border-default-strong);
  display: flex;
  flex: 1;
  flex-wrap: nowrap;
  align-items: end;
  justify-content: var(--tabs-alignment, flex-start);
  gap: var(--spacing-16-rem);
  align-self: stretch;
  border-bottom: calc(1/var(--size-rem-base)*1rem) solid var(--tablist-border-bottom-color);
  overflow: auto hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.w-tabs__tablist::-webkit-scrollbar {
  display: none;
}
.w-tabs--centered .w-tabs__tablist {
  --tabs-alignment: center;
}
.w-tabs--compact .w-tabs__tablist {
  padding: 0 var(--spacing-20-rem);
  --tablist-border-bottom-color: transparent;
  border-bottom: none;
  box-shadow: 0 -3px 3px 0 rgba(85, 85, 85, .08) inset;
}
.w-tabs--no-box-shadow.w-tabs--compact .w-tabs__tablist {
  box-shadow: none;
}
.w-tabs--width-equal .w-tabs__tablist {
  gap: 0;
  margin-inline: var(--spacing-4-rem);
}
.w-tabs--width-equal .w-tabs__item {
  flex: 1 1 0;
  min-width: 0;
}
.w-tabs__panel {
  background-color: var(--tabs-panel-background);
}
.w-tabs--content-subtle .w-tabs__panel {
  --tabs-panel-background: var(--color-bg-default-subtle);
}
.w-tabs--content-transparent .w-tabs__panel {
  --tabs-panel-background: transparent;
}
.w-tabs--root-transparent.w-tabs--compact .w-tabs {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.w-cancelled-stay-card {
  --cancelled-stay-card-image-width-sm: calc( var(--spacing-80-rem) + var(--spacing-40-rem) + var(--spacing-20-rem) );
  --cancelled-stay-card-image-width-lg: calc( var(--spacing-160-rem) - var(--spacing-2-rem) );
  --cancelled-stay-card-image-max-width: calc( var(--spacing-160-rem) + var(--spacing-80-rem) + var(--spacing-40-rem) + var(--spacing-20-rem) );
  --cancelled-stay-card-mobile-height: calc( var(--spacing-160-rem) + var(--spacing-80-rem) + var(--spacing-40-rem) );
  --cancelled-stay-card-brand-logo-size: calc( var(--spacing-32-rem) - var(--spacing-2-rem) );
  --cancelled-stay-card-box-shadow-color: color-mix( in srgb, var(--color-container-default-tone-20) 40%, transparent );
  position: relative;
  display: grid;
  grid-template-columns: var(--cancelled-stay-card-image-width-sm) 1fr;
  min-height: var(--cancelled-stay-card-mobile-height);
  height: var(--cancelled-stay-card-mobile-height);
  justify-items: stretch;
  border-radius: var(--corner-radius-md-rem);
  background: var(--color-container-default-lightest);
  box-shadow: 0 var(--spacing-2-rem) var(--spacing-20-rem) 0 var(--cancelled-stay-card-box-shadow-color);
}
@media (min-width: 768px) {
  .w-cancelled-stay-card {
    grid-template-columns: minmax(var(--cancelled-stay-card-image-width-sm), var(--cancelled-stay-card-image-max-width)) 1fr;
    min-height: 0;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .w-cancelled-stay-card {
    grid-template-columns: minmax(var(--cancelled-stay-card-image-width-lg), var(--cancelled-stay-card-image-max-width)) 1fr;
  }
}
.w-cancelled-stay-card__image-container {
  position: relative;
  background: var(--color-container-default-subtle);
  border-radius: var(--corner-radius-md-rem) var(--corner-radius-none-rem) var(--corner-radius-none-rem) var(--corner-radius-md-rem);
  overflow: hidden;
}
@media (min-width: 768px) {
  .w-cancelled-stay-card__image-container {
    aspect-ratio: 3/2;
  }
}
.w-cancelled-stay-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--corner-radius-md-rem) var(--corner-radius-none-rem) var(--corner-radius-none-rem) var(--corner-radius-md-rem);
}
.w-cancelled-stay-card__brand-logo-shell {
  position: absolute;
  z-index: 1;
  height: var(--cancelled-stay-card-brand-logo-size);
  width: var(--cancelled-stay-card-brand-logo-size);
  bottom: var(--spacing-8-rem);
  left: var(--spacing-8-rem);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--corner-radius-full-rem);
  background-color: var(--color-container-default-lightest);
  filter: drop-shadow(0 calc(-3 / var(--size-rem-base) * 1rem) calc(6 / var(--size-rem-base) * 1rem) rgba(0, 0, 0, 0.15)) drop-shadow(0 0 calc(2 / var(--size-rem-base) * 1rem) rgba(0, 0, 0, 0.1));
}
.w-cancelled-stay-card__brand-logo {
  height: calc(24/var(--size-rem-base)*1rem);
  width: calc(24/var(--size-rem-base)*1rem);
  object-fit: contain;
}
.w-cancelled-stay-card__text-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
  padding: var(--spacing-16-rem);
}
@media (min-width: 768px) {
  .w-cancelled-stay-card__heading {
    min-height: calc(40 / var(--size-rem-base) * 1rem);
  }
}
.w-cancelled-stay-card__details {
  color: var(--color-fg-default-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12-rem);
}
@media (min-width: 768px) {
  .w-cancelled-stay-card__details {
    gap: var(--spacing-16-rem);
  }
}
.w-cancelled-stay-card__detail {
  display: flex;
  gap: var(--spacing-8-rem);
}
.w-cancelled-stay-card__detail-icon {
  color: var(--color-fg-default-tertiary);
  width: var(--spacing-12-rem);
  height: var(--spacing-16-rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.w-cancelled-stay-card__footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-16-rem);
  margin-block-start: auto;
}
.w-cancelled-stay-card__cancellation {
  min-width: 0;
}
.w-cancelled-stay-card__cancellation-spacer {
  display: block;
  min-width: 0;
}
.w-cancelled-stay-card__links {
  display: var(--cancelled-stay-card-links-display, none);
  flex-direction: row;
  gap: var(--spacing-16-rem);
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .w-cancelled-stay-card__links {
    --cancelled-stay-card-links-display: flex;
  }
}
.w-cancelled-stay-card__mobile-link {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .w-cancelled-stay-card__mobile-link {
    display: none;
  }
}

.w-past-stay-card {
  position: relative;
  display: grid;
  grid-template-columns: calc(140 / var(--size-rem-base) * 1rem) 1fr;
  min-height: calc(280 / var(--size-rem-base) * 1rem);
  height: calc(280 / var(--size-rem-base) * 1rem);
  justify-items: stretch;
  border-radius: var(--corner-radius-md-rem);
  background: var(--color-container-default-lightest);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .08);
}
@media (min-width: 768px) {
  .w-past-stay-card {
    grid-template-columns: minmax(calc(140 / var(--size-rem-base) * 1rem), calc(300 / var(--size-rem-base) * 1rem)) 1fr;
    min-height: calc(204 / var(--size-rem-base) * 1rem);
    height: auto;
  }
}
@media (min-width: 1024px) {
  .w-past-stay-card {
    grid-template-columns: minmax(calc(158 / var(--size-rem-base) * 1rem), calc(300 / var(--size-rem-base) * 1rem)) 1fr;
  }
}
.w-past-stay-card__image-container {
  position: relative;
  background: var(--color-container-default-subtle);
  border-radius: var(--corner-radius-md-rem) var(--corner-radius-none-rem) var(--corner-radius-none-rem) var(--corner-radius-md-rem);
  overflow: hidden;
}
.w-past-stay-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--corner-radius-md-rem) var(--corner-radius-none-rem) var(--corner-radius-none-rem) var(--corner-radius-md-rem);
}
.w-past-stay-card__brand-logo-shell {
  position: absolute;
  z-index: 1;
  bottom: var(--spacing-8-rem);
  left: var(--spacing-8-rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--spacing-32-rem);
  height: var(--spacing-32-rem);
  border-radius: var(--corner-radius-full-rem);
  background-color: var(--color-container-default-lightest);
  filter: drop-shadow(0 calc(-3 / var(--size-rem-base) * 1rem) calc(6 / var(--size-rem-base) * 1rem) rgba(0, 0, 0, 0.15)) drop-shadow(0 0 calc(2 / var(--size-rem-base) * 1rem) rgba(0, 0, 0, 0.1));
}
.w-past-stay-card__brand-logo {
  height: calc(24/var(--size-rem-base)*1rem);
  width: calc(24/var(--size-rem-base)*1rem);
  object-fit: contain;
}
.w-past-stay-card__text-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
  padding: var(--spacing-16-rem);
}
.w-past-stay-card__details {
  color: var(--color-fg-default-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12-rem);
}
.w-past-stay-card__detail {
  display: flex;
  gap: var(--spacing-8-rem);
}
.w-past-stay-card__detail-icon {
  color: var(--color-fg-default-tertiary);
  width: var(--spacing-12-rem);
  height: var(--spacing-16-rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.w-past-stay-card__action-links {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16-rem);
  align-items: center;
}
.w-past-stay-card__footer {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--spacing-16-rem);
  margin-block-start: auto;
}
@media (min-width: 768px) {
  .w-past-stay-card__footer {
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
  }
}
.w-past-stay-card__confirmation {
  min-width: 0;
}
.w-past-stay-card__confirmation-spacer {
  display: block;
  min-width: 0;
}
.w-past-stay-card__links {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  gap: var(--spacing-16-rem);
  align-items: center;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .w-past-stay-card__links {
    justify-content: flex-start;
    width: auto;
  }
}
.w-past-stay-card__mobile-link {
  display: none;
}

.w-my-stays {
  max-width: var(--web-grids-max-width);
  margin-inline: auto;
}
.w-my-stays__tablist {
  gap: var(--spacing-8-rem);
}
@media (min-width: 768px) {
  .w-my-stays__tablist {
    gap: var(--spacing-16-rem);
  }
}
.w-my-stays__panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
}
@media (min-width: 768px) {
  .w-my-stays__panel {
    gap: var(--spacing-24-rem);
  }
}
.w-my-stays__heading {
  margin: 0;
}
.w-my-stays__info-message {
  margin: 0;
}
.w-my-stays__info-message-link {
  color: var(--color-fg-brand-link);
  text-decoration: none;
  cursor: pointer;
}
.w-my-stays__info-message-link:hover {
  text-decoration: underline;
}
.w-my-stays__panel-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-12-rem);
}
@media (min-width: 768px) {
  .w-my-stays__panel-header {
    gap: var(--spacing-16-rem);
  }
}
.w-my-stays__past-filter {
  width: min(180/var(--size-rem-base)*1rem, 100%);
  flex: 0 1 calc(180/var(--size-rem-base)*1rem);
}
@media (min-width: 768px) {
  .w-my-stays__past-filter {
    width: calc(180/var(--size-rem-base)*1rem);
    flex: 0 0 calc(180/var(--size-rem-base)*1rem);
  }
}
.w-my-stays__past-filter-select-group {
  width: 100%;
}
.w-my-stays__card-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
}
.w-my-stays__empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-48-rem);
  padding: var(--spacing-48-rem) 0;
  text-align: center;
}
@media (min-width: 768px) {
  .w-my-stays__empty-state {
    padding: var(--spacing-64-rem) 0;
  }
}
.w-my-stays__empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-16-rem);
}
@media (min-width: 768px) {
  .w-my-stays__empty-content {
    gap: var(--spacing-24-rem);
  }
}
.w-my-stays__empty-footer {
  display: flex;
  gap: var(--spacing-12-rem);
  align-items: baseline;
  justify-content: center;
}
.w-my-stays__past-empty-state {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8-rem);
  width: 100%;
}
@media (min-width: 768px) {
  .w-my-stays__past-empty-state {
    gap: var(--spacing-16-rem);
  }
}


/*# sourceMappingURL=c-my-stays.9dcfbef0.css.map*/