.w-silent-button {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4-rem);
  border-radius: var(--corner-radius-md-rem);
  border: var(--silent-button-border, 1px solid var(--color-border-default-subtle));
  background: var(--silent-button-background, var(--color-container-default-subtle));
  color: var(--silent-button-color, var(--silent-button-color-fg));
  height: var(--spacing-24-rem);
  padding-inline: var(--spacing-16-rem);
}
.w-silent-button:not(.w-silent-button--disabled):hover {
  --silent-button-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-hovered) 0%,
      var(--color-container-default-midtone-hovered) 100% ),
    var(--color-container-default-subtle);
}
.w-silent-button:not(.w-silent-button--disabled):active {
  --silent-button-background:
    linear-gradient(
      
      0deg,
      var(--color-container-default-midtone-pressed) 0%,
      var(--color-container-default-midtone-pressed) 100% ),
    var(--color-container-default-subtle);
}
.w-silent-button--disabled {
  --silent-button-background: var(--color-container-default-disabled);
  --silent-button-color: var(--color-fg-default-disabled-inverted);
  --silent-button-border: none;
  cursor: auto;
}
.w-silent-button--link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
.w-silent-button__loading-spinner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.w-silent-button--full-width {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-4-rem);
  flex: 1 1 0;
  width: 100%;
  height: var(--spacing-32-rem);
  min-width: calc(171/var(--size-rem-base)*1rem);
  min-height: var(--spacing-32-rem);
  padding-block: var(--spacing-8-rem);
  padding-inline: var(--spacing-16-rem);
  text-align: center;
}

.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-membership-tracker {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: var(--corner-radius-md-rem);
  background: var(--color-container-default-lightest);
  padding: var(--spacing-16-rem) var(--spacing-12-rem);
  box-shadow: var(--shadow-level-3);
  overflow: hidden;
}
@media (min-width: 768px) {
  .w-membership-tracker {
    padding-block: 0;
    padding-inline: var(--spacing-16-rem);
  }
}
.w-membership-tracker__main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-16-rem);
}
@media (min-width: 768px) {
  .w-membership-tracker__main {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-24-rem);
  }
}
.w-membership-tracker__left-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .w-membership-tracker__left-column {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    justify-content: flex-end;
    min-height: calc(216/var(--size-rem-base)*1rem);
  }
}
@media (min-width: 1280px) {
  .w-membership-tracker__left-column {
    min-height: calc(180/var(--size-rem-base)*1rem);
  }
}
.w-membership-tracker__rollover-trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4-rem);
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  z-index: 1;
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--spacing-16-rem) 0;
  margin: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .w-membership-tracker__rollover-trigger {
    inset-block-end: var(--spacing-16-rem);
    padding: 0;
  }
}
@media (min-width: 768px) {
  .w-membership-tracker__rollover-modal.w-modal {
    --modal-width: calc(100vw - (var(--spacing-64-rem) * 2));
    --modal-max-width: calc(640 / var(--size-rem-base) * 1rem);
    --modal-inset: auto auto 0 50%;
    --modal-transform: translateX(-50%);
    --modal-border-radius: var(--corner-radius-lg-rem) var(--corner-radius-lg-rem) 0 0;
  }
}
@media (min-width: 1024px) {
  .w-membership-tracker__rollover-modal.w-modal {
    --modal-width: calc(480 / var(--size-rem-base) * 1rem);
    --modal-max-width: auto;
    --modal-inset: 50% auto auto 50%;
    --modal-transform: translate(-50%, -50%);
    --modal-border-radius: var(--corner-radius-lg-rem);
  }
}
.w-membership-tracker__right-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12-rem);
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  align-items: stretch;
  text-align: left;
}
@media (min-width: 768px) {
  .w-membership-tracker__right-column {
    gap: var(--spacing-20-rem);
    justify-content: flex-end;
    min-height: calc(216/var(--size-rem-base)*1rem);
    padding-block: var(--spacing-16-rem);
  }
}
@media (min-width: 1280px) {
  .w-membership-tracker__right-column {
    min-height: calc(180/var(--size-rem-base)*1rem);
  }
}
.w-membership-tracker__member-info {
  order: -1;
}
.w-membership-tracker__tier-section {
  display: flex;
  align-items: center;
  gap: var(--spacing-16-rem);
  width: 100%;
  justify-content: space-between;
}
.w-membership-tracker__tier-details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4-rem);
}
.w-membership-tracker__badges {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8-rem);
  width: 100%;
}
@media (min-width: 1024px) {
  .w-membership-tracker__badges {
    flex-flow: row wrap;
    min-height: var(--spacing-24-rem);
  }
}
.w-membership-tracker__accelerator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-8-rem);
  width: 100%;
  margin-top: var(--spacing-16-rem);
  padding-top: var(--spacing-16-rem);
  padding-bottom: var(--spacing-16-rem);
  border-top: calc(1/var(--size-rem-base)*1rem) solid var(--color-border-default-subtle);
  text-align: center;
}
@media (min-width: 768px) {
  .w-membership-tracker__accelerator {
    flex-direction: row;
    gap: var(--spacing-24-rem);
    margin-top: 0;
    text-align: left;
  }
}
.w-membership-tracker__accelerator-heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-12-rem);
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .w-membership-tracker__accelerator-heading {
    width: calc(170/var(--size-rem-base)*1rem);
  }
}
.w-membership-tracker__accelerator-icon {
  width: calc(20/var(--size-rem-base)*1rem);
  min-width: calc(20/var(--size-rem-base)*1rem);
  height: calc(20/var(--size-rem-base)*1rem);
  object-fit: contain;
}
@media (min-width: 768px) {
  .w-membership-tracker__accelerator-icon {
    width: calc(32/var(--size-rem-base)*1rem);
    min-width: calc(32/var(--size-rem-base)*1rem);
    height: calc(32/var(--size-rem-base)*1rem);
  }
}
.w-membership-tracker__accelerator-message {
  width: 100%;
  min-width: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .w-membership-tracker__accelerator-message {
    flex: 1;
    width: auto;
  }
}
.w-membership-tracker__placeholder {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-16-rem);
  min-height: calc(376/var(--size-rem-base)*1rem);
  border-radius: var(--corner-radius-md-rem);
  background: var(--color-container-default-lightest);
  padding: var(--spacing-24-rem);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .08);
}
@media (min-width: 768px) {
  .w-membership-tracker__placeholder {
    min-height: calc(216/var(--size-rem-base)*1rem);
  }
}
@media (min-width: 1280px) {
  .w-membership-tracker__placeholder {
    min-height: calc(180/var(--size-rem-base)*1rem);
  }
}
.w-membership-tracker__placeholder-arch {
  width: calc(96/var(--size-rem-base)*1rem);
  height: calc(96/var(--size-rem-base)*1rem);
  border-radius: 50%;
  background: var(--color-bg-default-subtle);
  opacity: .7;
  flex-shrink: 0;
}
.w-membership-tracker__placeholder-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--spacing-8-rem);
}
.w-membership-tracker__placeholder-line {
  display: block;
  height: var(--spacing-16-rem);
  border-radius: var(--corner-radius-sm-rem);
  background: var(--color-bg-default-subtle);
  opacity: .7;
}
.w-membership-tracker__placeholder-line--primary {
  width: min(100%, var(--spacing-160-rem) + var(--spacing-80-rem));
}
.w-membership-tracker__placeholder-line--secondary {
  width: min(75%, var(--spacing-160-rem) + var(--spacing-20-rem));
}


/*# sourceMappingURL=c-membership-tracker.faa438cd.css.map*/