/* Page-scoped styles: quit-smoking
 * Identity: slug:wl-hlp--quit-smoking
 * Extracted VERBATIM from packages/rexall-ds/src/styles/globals.css.
 * Every selector here carries the identity above, so these rules could only
 * ever match on this one page -- yet every route downloaded them.
 * Loaded by <PageScopedStyles> AFTER globals.css. Only rules proven not to
 * change any cascade outcome by that move were extracted; see
 * docs/plans/css-route-splitting.md for the ordering proof.
 */


.wl-hlp--quit-smoking {
  --hlp-cta-radius: var(--wl-button-radius);
}
.wl-hlp--quit-smoking {
  --hlp-hero-pos: center;
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-item::before {
  content: "";
  position: absolute;
  left: 16.5px;
  top: 0;
  bottom: -24px;
  width: 5px;
  background: var(--hlp-c-track);
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-item:first-child::before {
  top: 50%;
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-item:last-child::before {
  top: 0;
  bottom: 50%;
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-item:only-child::before {
  display: none;
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-dot {
  z-index: 1;
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-item:not(:last-child) .wl-hlp-steps-band-dot::after {
  display: none;
}
@media (max-width: 768px) {
  .wl-hlp--quit-smoking .wl-hlp-steps-band-buttons {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .wl-hlp--quit-smoking .wl-hlp-steps-band-heading {
    font-size: 40px;
    line-height: 50px;
  }
  .wl-hlp--quit-smoking .wl-hlp-calc-heading {
    font-size: 40px;
    line-height: 50px;
  }
}
.wl-hlp--quit-smoking .wl-hlp-steps {
  background: #147b74;
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-dot {
  background: #147b74;
}
.wl-hlp--quit-smoking .wl-hlp-steps-band-cta.rxp-button {
  color: #087d77;
}

.wl-hlp--quit-smoking .wl-hlp-steps-band-cta--outline.rxp-button {
  background: #005a5a;
  border-color: #005a5a;
  color: #ffffff;
}

.wl-hlp--quit-smoking .wl-hlp-steps-band-cta--outline.rxp-button > span {
  background: #005a5a;
  color: #ffffff;
}

.wl-hlp--quit-smoking .wl-hlp-calc-btn.rxp-button {
  background: #087d77;
  border-color: #087d77;
  color: #ffffff;
}
.wl-hlp.wl-hlp--themeable.wl-hlp--quit-smoking .wl-hlp-steps-band-cta.rxp-button {
  color: var(--hlp-c-primary-dark);
}

.wl-hlp.wl-hlp--themeable.wl-hlp--quit-smoking .wl-hlp-steps-band-cta--outline.rxp-button,
.wl-hlp.wl-hlp--themeable.wl-hlp--quit-smoking .wl-hlp-steps-band-cta--outline.rxp-button > span,
.wl-hlp.wl-hlp--themeable.wl-hlp--quit-smoking .wl-hlp-calc-btn.rxp-button {
  background: var(--hlp-c-primary-dark);
  border-color: var(--hlp-c-primary-dark);
  color: #ffffff;
}