@media (max-width: 768px) {
  .cmp-vitality-preferred-options.cmp-vitality-preferred-options {
    padding: 3rem;
  }
}
.cmp-vitality-preferred-options {
  background-color: #faf9f3;
  padding: 4rem;
}
.cmp-vitality-preferred-options__header {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.cmp-vitality-preferred-options__main-content {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.cmp-vitality-preferred-options label {
  text-transform: unset;
  margin-bottom: unset;
}
.cmp-vitality-preferred-options__title {
  font-family: "AIATitle", "Calibri", sans-serif;
  font-size: 2rem;
  font-weight: 500;
}
.cmp-vitality-preferred-options__grid-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cmp-vitality-preferred-options__grid-row--space-between {
  justify-content: space-between;
  align-items: center;
}
.cmp-vitality-preferred-options__grid-row--hidden {
  display: none;
}
.cmp-vitality-preferred-options__grid-col--left,
.cmp-vitality-preferred-options__grid-col--right {
  padding: 0;
  flex: 0 auto;
}
.cmp-vitality-preferred-options__grid-col--grow {
  flex-grow: 1;
}
.cmp-vitality-preferred-options__grid-col--grow--with-left-pad {
  padding-left: 28px;
}
.cmp-vitality-preferred-options__divider {
  border: none;
  height: 1px;
  background-color: #DBDAD3;
}
.cmp-vitality-preferred-options__radio-section {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
@media (max-width: 768px) {
  .cmp-vitality-preferred-options__radio-section {
    padding: 8px;
  }
}
.cmp-vitality-preferred-options__radio-item {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.cmp-vitality-preferred-options__radio-input[type="radio"] {
  height: 20px;
  width: 20px;
  align-self: center;
  margin: unset;
}
.cmp-vitality-preferred-options__radio-wrapper {
  display: flex;
}
.cmp-vitality-preferred-options__value-wrapper {
  display: flex;
}
.cmp-vitality-preferred-options__option-label {
  font-family: "AIAEverest";
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  .cmp-vitality-preferred-options__option-label {
    max-width: 155px;
  }
}
.cmp-vitality-preferred-options__option-label--left-margin {
  margin-left: 8px;
}
.cmp-vitality-preferred-options__description p {
  margin: 0;
  line-height: 100%;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0;
}
.cmp-vitality-preferred-options__option-value {
  font-family: "AIATitle", "Calibri", sans-serif;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 100%;
  letter-spacing: 0;
}
.cmp-vitality-preferred-options__link-button {
  font-family: "AIATitle", "Calibri", sans-serif;
  font-size: 2rem;
  font-weight: 500;
}
.cmp-vitality-preferred-options__link-button--add {
  color: #22A8DA;
}

.cmp-vitality-summary-pane {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  gap: 16px;
  box-sizing: border-box;
  background-color: #FFFFFF;
}
@media (max-width: 768px) {
  .cmp-vitality-summary-pane {
    padding: 0 20px;
  }
}
.cmp-vitality-summary-pane--hidden {
  display: none;
}
.cmp-vitality-summary-pane__title {
  font-size: 2rem;
  font-weight: 500;
  font-family: "AIATitle", "Calibri", sans-serif;
}
.cmp-vitality-summary-pane__subsection-title {
  font-family: "AIABody", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0;
}
.cmp-vitality-summary-pane__row {
  display: flex;
  justify-content: space-between;
  /* Ensures "RM 140" is pushed to the right */
  align-items: center;
  /* Centers the items vertically */
}
.cmp-vitality-summary-pane__col {
  flex: 1;
}
.cmp-vitality-summary-pane__col--left {
  text-align: left;
}
.cmp-vitality-summary-pane__col--right {
  margin-left: auto;
  /* Ensures "RM 140" aligns to the right */
  text-align: right;
  font-weight: 700;
}
.cmp-vitality-summary-pane__title-icon-container {
  display: flex;
  /* Wraps title and tooltip together */
  align-items: center;
  /* Vertically aligns title and tooltip */
  gap: 6px;
  /* Add spacing between title and tooltip */
  position: relative;
}
.cmp-vitality-summary-pane__tooltip-icon {
  background-image: url("vitality-preferred-options/resources/icons/icon-tooltip.svg");
  background-size: cover;
  width: 1.8rem;
  height: 1.8rem;
  cursor: pointer;
  display: inline-block;
  user-select: none;
}
@media (max-width: 768px) {
  .cmp-vitality-summary-pane__tooltip-icon {
    background-image: url("vitality-preferred-options/resources/icons/icon-tooltip.svg");
    background-size: cover;
    width: 1.2rem;
    height: 1.2rem;
  }
}
.cmp-vitality-summary-pane__advance-payments,
.cmp-vitality-summary-pane__outstanding-payments,
.cmp-vitality-summary-pane__rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cmp-vitality-summary-pane__tooltip-popover {
  position: absolute;
  width: 200px;
  background-color: #2F2F2C;
  bottom: calc(120%);
  left: 95%;
  transform: translateX(-50%);
  border-radius: 4px;
  padding: 8px 12px;
  color: #fff;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.cmp-vitality-summary-pane__tooltip-arrow {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 12px;
  height: 6px;
  background-color: #2F2F2C;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.cmp-vitality-summary-pane__tooltip-content {
  font-family: "AIABody", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 100%;
  letter-spacing: 0.01rem;
}
.cmp-vitality-summary-pane__tooltip-icon:hover + .cmp-vitality-summary-pane__tooltip-popover,
.cmp-vitality-summary-pane__tooltip-icon:focus + .cmp-vitality-summary-pane__tooltip-popover {
  opacity: 1;
  visibility: visible;
}

.cmp-vitality-promo-code {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 1.6rem;
  /* Input Wrapper */
  /* Input Field */
  /* Buttons */
  /* Applied Tag (Inline with Input/Buttons) */
}
.cmp-vitality-promo-code--hidden {
  display: none;
}
.cmp-vitality-promo-code__input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #d5d5d5;
  background-color: #FFFFFF;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  border-radius: 5px;
  position: relative;
  gap: 1.2rem;
  justify-content: space-between;
  /* Error state */
}
.cmp-vitality-promo-code__input-wrapper:focus-within {
  color: #554344;
  border: 1px solid #22a8da;
  outline: 0;
}
.cmp-vitality-promo-code__input-wrapper--error {
  border-color: #ff5602 !important;
}
.cmp-vitality-promo-code__input-wrapper--disabled {
  background-color: #EEEFF0;
}
.cmp-vitality-promo-code__input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 1.4rem;
  max-width: 20rem;
}
.cmp-vitality-promo-code__input--disabled {
  background-color: #EEEFF0;
}
.cmp-vitality-promo-code__button {
  border: none;
  height: 2.8rem;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 1.6rem;
}
.cmp-vitality-promo-code__button--apply {
  background-color: #d31145;
  color: white;
  font-family: "AIATitle", "Calibri", sans-serif;
  font-weight: 500;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  align-content: center;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.cmp-vitality-promo-code__button--remove {
  background-color: #d31145;
  color: white;
  font-family: "AIATitle", "Calibri", sans-serif;
  font-weight: 500;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  align-content: center;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}
.cmp-vitality-promo-code__button--disabled {
  background-color: #F5CCD7;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.cmp-vitality-promo-code__button--hidden {
  display: none;
}
.cmp-vitality-promo-code__applied-tag {
  display: flex;
  gap: 0.4rem;
  font-family: "AIATitle", "Calibri", sans-serif;
  color: #97cb5d;
  border: 1px solid #97cb5d;
  border-radius: 4px;
  height: 2.8rem;
  cursor: default;
  font-size: 1.6rem;
  text-transform: uppercase;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
  align-items: center;
  background-color: #FFFFFF;
  line-height: 100%;
  letter-spacing: 0;
}
.cmp-vitality-promo-code__applied-tag p {
  margin: 0;
}
.cmp-vitality-promo-code__applied-tag--hidden {
  display: none;
}
.cmp-vitality-promo-code__message {
  color: #6F6E69;
  font-size: 1.2rem;
  margin: 0;
}
.cmp-vitality-promo-code .cmp-vitality-promo-code__message-container {
  display: flex;
  gap: 0.4rem;
}
.cmp-vitality-promo-code .cmp-vitality-promo-code__message-container--error .cmp-vitality-promo-code__message {
  color: #ff5602;
}
.cmp-vitality-promo-code .cmp-vitality-promo-code__message-container--hidden {
  display: none;
}
.cmp-vitality-promo-code #promoCodeInputField {
  color: unset;
  border: unset;
  outline: unset;
  padding: 0;
  min-width: unset;
  width: unset;
}
.cmp-vitality-promo-code #promoCodeInputField.cmp-vitality-promo-code__input--disabled {
  background-color: #EEEFF0;
}
.cmp-vitality-promo-code__grid-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cmp-vitality-promo-code__grid-row--space-between {
  justify-content: space-between;
  align-items: center;
}
.cmp-vitality-promo-code__grid-row--hidden {
  display: none;
}
.cmp-vitality-promo-code__grid-col--left,
.cmp-vitality-promo-code__grid-col--right {
  padding: 0;
  flex: 0 auto;
}
.cmp-vitality-promo-code__grid-col--grow {
  flex-grow: 1;
}
.cmp-vitality-promo-code__grid-col--grow--with-left-pad {
  padding-left: 28px;
}
.cmp-vitality-promo-code__title {
  font-family: "AIATitle", "Calibri", sans-serif;
  font-size: 2rem;
  font-weight: 500;
}
.cmp-vitality-promo-code__link-button {
  font-family: "AIATitle", "Calibri", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #22A8DA;
}
.cmp-vitality-promo-code__link-button--hidden {
  display: none;
}
.cmp-vitality-promo-code__tag-and-buttons-section {
  display: flex;
  gap: 1.2rem;
}
.cmp-vitality-promo-code__main-content {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.cmp-vitality-promo-code__main-content--hidden {
  display: none;
}
.cmp-vitality-promo-code__check-icon {
  background-image: url("vitality-preferred-options/resources/icons/icon-check.svg");
  background-size: cover;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  display: inline-block;
  user-select: none;
}
@media (max-width: 768px) {
  .cmp-vitality-promo-code__check-icon {
    background-image: url("vitality-preferred-options/resources/icons/icon-check.svg");
    background-size: cover;
    width: 1.6rem;
    height: 1.6rem;
  }
}

.cmp-vitality-badge-level {
  background-color: #FFFFFF;
  gap: 17px;
  display: flex;
  align-items: center;
}
.cmp-vitality-badge-level__icon-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
}
.cmp-vitality-badge-level__swatch {
  height: 102px;
  width: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cmp-vitality-badge-level__icon {
  height: 43px;
}
.cmp-vitality-badge-level__icon img {
  width: auto;
  height: 100%;
}
.cmp-vitality-badge-level__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 16px 20px 16px 0;
}
.cmp-vitality-badge-level__title {
  font-family: "AIABody", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: 0;
}
.cmp-vitality-badge-level__benefit-level {
  font-family: "AIAEverest";
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 100%;
  letter-spacing: 0;
}