.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-stay-activity-detail {
  padding: var(--spacing-12-rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12-rem);
}
@media (min-width: 768px) {
  .w-stay-activity-detail {
    padding: var(--spacing-16-rem);
    gap: var(--spacing-16-rem);
  }
}
.w-stay-activity-detail__property {
  display: flex;
  background: var(--color-container-default-lightest);
  box-shadow: 0 calc(2/var(--size-rem-base)*1rem) calc(20/var(--size-rem-base)*1rem) 0 rgba(0, 0, 0, .08);
  border-radius: var(--corner-radius-lg-rem);
  overflow: hidden;
  min-height: calc(132/var(--size-rem-base)*1rem);
}
@media (min-width: 768px) {
  .w-stay-activity-detail__property {
    min-height: calc(160/var(--size-rem-base)*1rem);
  }
}
.w-stay-activity-detail__image-wrapper {
  flex-shrink: 0;
  position: relative;
  width: min(48%, calc(160 / var(--size-rem-base) * 1rem));
  align-self: stretch;
}
@media (min-width: 768px) {
  .w-stay-activity-detail__image-wrapper {
    width: calc(250/var(--size-rem-base)*1rem);
  }
}
.w-stay-activity-detail__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.w-stay-activity-detail__brand-icon {
  position: absolute;
  bottom: var(--spacing-8-rem);
  left: var(--spacing-8-rem);
  width: calc(24/var(--size-rem-base)*1rem);
  height: calc(24/var(--size-rem-base)*1rem);
  object-fit: contain;
}
.w-stay-activity-detail__property-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8-rem);
  padding: var(--spacing-12-rem);
  min-width: 0;
}
@media (min-width: 768px) {
  .w-stay-activity-detail__property-info {
    padding: var(--spacing-16-rem);
  }
}
.w-stay-activity-detail__property-name-link {
  text-decoration: none;
  color: inherit;
}
.w-stay-activity-detail__property-name {
  color: var(--color-fg-default-primary);
}
.w-stay-activity-detail__info-row {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-8-rem);
}
.w-stay-activity-detail__info-icon {
  flex-shrink: 0;
  margin-top: calc(2/var(--size-rem-base)*1rem);
  color: var(--color-fg-default-secondary);
}
.w-stay-activity-detail__info-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2-rem);
}
.w-stay-activity-detail__location,
.w-stay-activity-detail__nights,
.w-stay-activity-detail__dates,
.w-stay-activity-detail__room-rate-label,
.w-stay-activity-detail__room-rate {
  color: var(--color-fg-default-secondary);
}
.w-stay-activity-detail__points-breakdown {
  background: var(--color-bg-default-subtle);
  border-radius: var(--corner-radius-lg-rem);
  padding: var(--spacing-12-rem);
}
@media (min-width: 768px) {
  .w-stay-activity-detail__points-breakdown {
    padding: var(--spacing-16-rem);
  }
}
.w-stay-activity-detail__breakdown-row {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-4-rem) 0;
  color: var(--color-fg-default-secondary);
}
.w-stay-activity-detail__breakdown-total {
  display: flex;
  justify-content: space-between;
  padding: var(--spacing-8-rem) 0 var(--spacing-4-rem);
  border-top: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
  color: var(--color-fg-default-primary);
}
.w-stay-activity-detail__disclaimer {
  color: var(--color-fg-default-secondary);
}
.w-stay-activity-detail__tc-link {
  color: var(--color-fg-brand-primary);
  text-decoration: underline;
}

.w-activity-item {
  border-bottom: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
}
.w-activity-item:last-child {
  border-bottom: none;
}
.w-activity-item__toggle {
  width: 100%;
  background: none;
  border: none;
  padding: var(--spacing-12-rem);
  text-align: left;
  cursor: default;
}
@media (min-width: 768px) {
  .w-activity-item__toggle {
    padding: var(--spacing-16-rem);
  }
}
.w-activity-item--expandable .w-activity-item__toggle {
  cursor: pointer;
}
.w-activity-item--expandable .w-activity-item__toggle:hover,
.w-activity-item--expandable .w-activity-item__toggle:focus-visible {
  background: var(--color-bg-default-subtle);
}
.w-activity-item__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-8-rem);
}
@media (min-width: 768px) {
  .w-activity-item__header {
    gap: var(--spacing-12-rem);
  }
}
.w-activity-item__meta {
  flex: 1;
}
.w-activity-item__type-row {
  display: flex;
  align-items: center;
  gap: var(--spacing-8-rem);
}
.w-activity-item__type {
  color: var(--color-fg-default-primary);
}
.w-activity-item__chevron {
  display: inline-block;
  width: calc(12/var(--size-rem-base)*1rem);
  height: calc(12/var(--size-rem-base)*1rem);
  border-right: calc(2/var(--size-rem-base)*1rem) solid var(--color-fg-default-primary);
  border-bottom: calc(2/var(--size-rem-base)*1rem) solid var(--color-fg-default-primary);
  transform: rotate(45deg) translateY(calc(-2 / var(--size-rem-base) * 1rem));
  transition: transform .2s ease;
  flex-shrink: 0;
}
.w-activity-item__chevron--expanded {
  transform: rotate(-135deg) translateY(calc(2 / var(--size-rem-base) * 1rem));
}
.w-activity-item__description {
  color: var(--color-fg-default-secondary);
  margin-top: var(--spacing-4-rem);
}
.w-activity-item__points-wrapper {
  text-align: right;
  flex-shrink: 0;
  min-width: calc(48/var(--size-rem-base)*1rem);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (min-width: 768px) {
  .w-activity-item__points-wrapper {
    min-width: calc(54/var(--size-rem-base)*1rem);
  }
}
.w-activity-item__points {
  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);
  display: block;
  color: var(--color-fg-default-primary);
}
@media (min-width: 768px) {
  .w-activity-item__points {
    font-weight: var(--web-type-values-headline-md-semi-weight);
    font-size: calc(var(--web-type-values-headline-md-semi-size)/var(--size-rem-base)*1rem);
    line-height: calc(var(--web-type-values-headline-md-semi-line-height)/var(--size-rem-base)*1rem);
    letter-spacing: calc(var(--web-type-values-headline-md-semi-letter-spacing)/var(--size-rem-base)*1rem);
  }
}
.w-activity-item__points--negative {
  color: var(--color-fg-status-error);
}
.w-activity-item__points-label {
  color: var(--color-fg-default-secondary);
}

.w-activity-feed {
  margin-top: var(--spacing-16-rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12-rem);
}
@media (min-width: 768px) {
  .w-activity-feed {
    margin-top: var(--spacing-24-rem);
    gap: var(--spacing-16-rem);
    max-height: var(--my-activity-feed-max-height-rem);
    overflow-y: auto;
  }
}
.w-activity-feed__date-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4-rem);
}
@media (min-width: 1024px) {
  .w-activity-feed__date-group {
    flex-direction: row;
    gap: var(--spacing-8-rem);
  }
}
.w-activity-feed__date-header {
  width: 100%;
  padding: 0;
  color: var(--color-fg-default-secondary);
  text-align: left;
  white-space: nowrap;
  border-right: none;
}
@media (min-width: 1024px) {
  .w-activity-feed__date-header {
    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);
    flex-shrink: 0;
    width: calc(128/var(--size-rem-base)*1rem);
    padding: var(--spacing-16-rem) var(--spacing-24-rem) var(--spacing-16-rem) 0;
    border-right: calc(3/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
  }
}
.w-activity-feed__items {
  width: 100%;
  background: var(--color-container-default-lightest);
  border-radius: var(--corner-radius-md-rem);
}
@media (min-width: 1024px) {
  .w-activity-feed__items {
    flex: 1;
    min-width: 0;
    width: auto;
  }
}
.w-activity-feed__sentinel {
  height: calc(1/var(--size-rem-base)*1rem);
}
.w-activity-feed__loading {
  display: flex;
  justify-content: center;
  padding: var(--spacing-24-rem);
}
.w-activity-feed__spinner {
  display: inline-block;
  width: calc(24/var(--size-rem-base)*1rem);
  height: calc(24/var(--size-rem-base)*1rem);
  border: calc(2/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
  border-top-color: var(--color-fg-brand-primary);
  border-radius: 50%;
  animation: activity-feed-spin .8s linear infinite;
}
@keyframes activity-feed-spin {
  to {
    transform: rotate(360deg);
  }
}

.w-dropdown {
  position: relative;
}
.w-dropdown__button {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.w-dropdown__chevron {
  position: absolute;
  inset-inline-end: var(--spacing-12-rem);
  top: 50%;
  width: calc(16/var(--size-rem-base)*1rem);
  height: calc(16/var(--size-rem-base)*1rem);
  color: var(--color-fg-brand-primary);
  pointer-events: none;
  transform: translateY(-50%);
  transition: transform 150ms ease-in-out;
}
@media (min-width: 768px) {
  .w-dropdown__chevron {
    inset-inline-end: var(--spacing-16-rem);
    width: calc(20/var(--size-rem-base)*1rem);
    height: calc(20/var(--size-rem-base)*1rem);
  }
}
.w-dropdown__chevron--open {
  transform: translateY(-50%) rotate(180deg);
}
.w-dropdown__button:hover ~ .w-dropdown__chevron,
.w-dropdown__button:focus-visible ~ .w-dropdown__chevron {
  color: var(--color-container-default-lightest);
}
.w-dropdown__content {
  position: absolute;
  width: fit-content;
  max-height: calc(300/var(--size-rem-base)*1rem);
  overflow-y: auto;
  z-index: 5;
  background: var(--color-container-default-lightest);
  border: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
  border-radius: var(--corner-radius-sm-rem);
  display: none;
}
.w-dropdown__content--open {
  display: block;
}

.w-activity-filters {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12-rem);
  padding: var(--spacing-8-rem) var(--spacing-16-rem) var(--spacing-16-rem);
}
@media (min-width: 768px) {
  .w-activity-filters {
    gap: var(--spacing-16-rem);
    padding-right: var(--spacing-24-rem);
    padding-left: var(--spacing-24-rem);
  }
}
.w-activity-filters__group {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.w-activity-filters__dropdown {
  width: 100%;
}
.w-activity-filters__dropdown-button {
  width: 100%;
  min-height: calc(52/var(--size-rem-base)*1rem);
  justify-content: space-between;
  padding: var(--spacing-8-rem) var(--spacing-24-rem) var(--spacing-8-rem) var(--spacing-12-rem);
}
@media (min-width: 768px) {
  .w-activity-filters__dropdown-button {
    padding-right: var(--spacing-40-rem);
  }
}
.w-activity-filters__dropdown-button:hover,
.w-activity-filters__dropdown-button:focus-visible {
  color: var(--color-container-default-lightest);
}
.w-activity-filters__dropdown-button:hover .w-activity-filters__label,
.w-activity-filters__dropdown-button:focus-visible .w-activity-filters__label {
  color: var(--color-container-default-lightest);
}
.w-activity-filters__label-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-2-rem);
  min-width: 0;
}
.w-activity-filters__label-stack > span:last-child {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.w-activity-filters__label {
  color: var(--color-fg-default-secondary);
}
.w-activity-filters__options {
  list-style: none;
  margin: 0;
  padding: var(--spacing-8-rem) 0;
}
.w-activity-filters__option {
  display: block;
  width: 100%;
  padding: var(--spacing-8-rem) var(--spacing-16-rem);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  color: var(--color-fg-default-primary);
}
.w-activity-filters__option:hover,
.w-activity-filters__option:focus-visible {
  background: var(--color-bg-default-strong);
  color: var(--color-container-default-lightest);
}

.w-points-balance {
  text-align: center;
  padding: var(--spacing-24-rem) var(--spacing-16-rem) var(--spacing-8-rem);
}
.w-points-balance__total {
  color: var(--color-fg-default-primary);
}
.w-points-balance__label {
  color: var(--color-fg-default-secondary);
  margin-top: var(--spacing-4-rem);
}
.w-points-balance__expiration {
  color: var(--color-fg-default-secondary);
  margin-top: var(--spacing-8-rem);
}

.w-my-activity {
  background: var(--color-container-default-subtle);
  border-radius: var(--corner-radius-md-rem);
  overflow: hidden;
}
body.accountpage .w-my-activity {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  body.accountpage .w-my-activity {
    margin-top: calc(-80/var(--size-rem-base)*1rem);
  }
}
@media (min-width: 1024px) {
  body.accountpage .w-my-activity {
    margin-top: 0;
  }
}
.w-my-activity__content {
  max-width: var(--my-activity-content-max-width-rem);
  margin: 0 auto;
  padding: 0 var(--spacing-16-rem);
}
@media (min-width: 1024px) {
  .w-my-activity__content {
    padding: 0;
  }
}
.w-my-activity__summary {
  background: var(--color-container-default-lightest);
  margin: 0;
  text-align: center;
  padding-bottom: var(--spacing-8-rem);
}
.w-my-activity__filters {
  background: var(--color-container-default-lightest);
  border-bottom-left-radius: var(--corner-radius-md-rem);
  border-bottom-right-radius: var(--corner-radius-md-rem);
  padding-top: 0;
}
.w-my-activity__loading-initial {
  display: flex;
  justify-content: center;
  padding: var(--spacing-40-rem);
}
.w-my-activity__spinner {
  display: inline-block;
  width: calc(32/var(--size-rem-base)*1rem);
  height: calc(32/var(--size-rem-base)*1rem);
  border: calc(3/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
  border-top-color: var(--color-fg-brand-primary);
  border-radius: 50%;
  animation: my-activity-spin .8s linear infinite;
}
.w-my-activity__error {
  background: var(--color-container-default-lightest);
  border-radius: var(--corner-radius-md-rem);
  padding: var(--spacing-24-rem);
  margin-top: var(--spacing-16-rem);
  text-align: center;
  color: var(--color-fg-danger-primary);
}
.w-my-activity__empty-state {
  background: var(--color-container-default-lightest);
  border-radius: var(--corner-radius-md-rem);
  padding: var(--spacing-24-rem) var(--spacing-16-rem);
  margin-top: var(--spacing-16-rem);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-16-rem);
}
@media (min-width: 768px) {
  .w-my-activity__empty-state {
    padding: var(--spacing-32-rem) var(--spacing-24-rem);
    gap: var(--spacing-24-rem);
  }
}
.w-my-activity__empty-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16-rem);
  max-width: 100%;
  min-width: 0;
}
.w-my-activity__empty-media {
  display: flex;
  flex: 0 0 min(32%, calc(124 / var(--size-rem-base) * 1rem));
  width: min(32%, calc(124 / var(--size-rem-base) * 1rem));
  justify-content: flex-end;
  align-self: center;
}
@media (min-width: 768px) {
  .w-my-activity__empty-media {
    position: relative;
    flex: 0 0 calc(220/var(--size-rem-base)*1rem);
    width: calc(220/var(--size-rem-base)*1rem);
    align-self: stretch;
  }
}
.w-my-activity__empty-image {
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: contain;
}
@media (min-width: 768px) {
  .w-my-activity__empty-image {
    position: absolute;
    inset: 0;
    height: 100%;
    object-position: right center;
  }
}
.w-my-activity__empty-actions {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: var(--spacing-16-rem);
  padding-left: var(--spacing-24-rem);
}
@media (min-width: 768px) {
  .w-my-activity__empty-actions {
    margin-top: var(--spacing-16-rem);
    flex-flow: row wrap;
    align-items: center;
    padding-left: 0;
  }
}
.w-my-activity__empty-button {
  --button-min-width: 0;
  --button-padding-inset: 0;
  --button-border-size: 0;
  --button-border-radius: 0;
  --button-background-hover: transparent;
  --button-color-hover: var(--button-light-outlined-color);
  --button-background-pressed: transparent;
  --button-color-pressed: var(--button-light-outlined-color);
  justify-content: flex-start;
}
.w-my-activity__empty-button:hover,
.w-my-activity__empty-button:focus-visible {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .w-my-activity__empty-button {
    --button-min-width: var(--button-sm-min-width);
    --button-padding-inset: var(--button-sm-padding-inset);
    --button-border-size: var(--button-light-outlined-border-size);
    --button-border-radius: var(--corner-radius-md-rem);
    --button-background-hover: var(--button-light-outlined-hover-bg);
    --button-color-hover: var(--button-light-outlined-hover-color);
    --button-background-pressed: var(--button-light-outlined-pressed-bg);
    --button-color-pressed: var(--button-light-outlined-pressed-color);
    justify-content: center;
  }
  .w-my-activity__empty-button:hover,
  .w-my-activity__empty-button:focus-visible {
    text-decoration: none;
  }
}
.w-my-activity__empty-link {
  margin: 0;
  padding: var(--spacing-8-rem) 0;
  white-space: nowrap;
}
.w-my-activity__footer {
  margin-top: var(--spacing-24-rem);
  padding: var(--spacing-24-rem) 0;
  text-align: left;
  border-top: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
}
.w-my-activity__missing-points-link {
  color: var(--color-fg-brand-primary);
  text-decoration: none;
}
@keyframes my-activity-spin {
  to {
    transform: rotate(360deg);
  }
}


/*# sourceMappingURL=c-my-activity.b0c22c93.css.map*/