/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/EmbedFlow/EmbedFlow.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.EmbedFlow_container__D3Myb {
  min-height: 100vh;
  background: #f8fafc;
  color: #0f172a;
  display: flex;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.EmbedFlow_container__D3Myb[data-theme=dark] {
  background: var(--embed-background, #0e1816);
  color: var(--embed-text, #f1f5f3);
}
.EmbedFlow_container__D3Myb[data-variant=popup] {
  min-height: auto;
  background: transparent;
  padding: 0;
}
.EmbedFlow_container__D3Myb[data-variant=popup] .EmbedFlow_mainLayout__9BLz5 {
  padding: 0;
}
.EmbedFlow_container__D3Myb[data-variant=popup] .EmbedFlow_stageArea__ETILk {
  padding: 0;
}
.EmbedFlow_container__D3Myb[data-variant=popup] .EmbedFlow_embedWrapper__WoDmy {
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
  min-height: auto !important;
  border-radius: 0 !important;
  max-width: 100% !important;
}

.EmbedFlow_mainLayout__9BLz5 {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.EmbedFlow_stageArea__ETILk {
  flex: 1 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 640px) {
  .EmbedFlow_stageArea__ETILk {
    padding: 2.5rem 1.5rem;
  }
}

.EmbedFlow_embedWrapper__WoDmy {
  width: 100%;
  max-width: var(--embed-container-max-width, 780px);
  background: var(--embed-background, #ffffff);
  border-radius: var(--embed-radius, 16px);
  border: 1px solid var(--embed-border, #e2e8f0);
  box-shadow: var(--embed-shadow-card, 0 10px 30px -5px rgba(15, 23, 42, 0.06));
  overflow: hidden;
  margin: 0 auto;
  transition: all 200ms ease;
  min-height: 440px;
}
@media (max-width: 640px) {
  .EmbedFlow_embedWrapper__WoDmy {
    border-radius: var(--embed-radius, 12px);
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/Checkout/Checkout.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
/* ─────────────────────────────────────────────
   Layout
   Single column on narrow containers (summary on top);
   form + sticky summary side by side when the embed is wide enough.
   Uses a container query so it responds to the embed's width,
   not the host page's viewport.
   ───────────────────────────────────────────── */
.Checkout_wrap__LYTRO {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md, 1rem);
  container-type: inline-size;
  width: 100%;
}

.Checkout_layout__J2yne {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: var(--embed-space-md, 1rem);
  gap: var(--embed-space-md, 1rem);
}

.Checkout_mainCol__JKCVd {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md, 1rem);
  min-width: 0;
}

.Checkout_sideCol__GeEFX {
  order: -1;
  min-width: 0;
}
.Checkout_sideCol__GeEFX:empty {
  display: none;
}

@container (min-width: 700px) {
  .Checkout_layout__J2yne {
    grid-template-columns: minmax(0, 1fr) 17.5rem;
    gap: 1.25rem;
    align-items: start;
  }
  .Checkout_sideCol__GeEFX {
    order: 0;
    position: -webkit-sticky;
    position: sticky;
    top: var(--embed-space-md, 1rem);
  }
}
.Checkout_formStack___iEyh {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md, 1rem);
}

/* ─────────────────────────────────────────────
   Cards
   ───────────────────────────────────────────── */
.Checkout_card__XyQKQ,
.Checkout_summaryCard__Q4Pfb {
  padding: var(--embed-pad-card, 1.25rem);
  background: var(--embed-surface);
  border: var(--embed-border-width, 1px) solid var(--embed-border);
  border-radius: var(--embed-radius);
  box-shadow: var(--embed-shadow-card, none);
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm, 0.75rem);
  box-sizing: border-box;
}

.Checkout_cardHead__u5ALn {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.Checkout_cardHeadText__bsGqC {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.Checkout_cardIcon__8Rd2j {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--embed-radius-sm, 8px);
  color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 10%, var(--embed-surface));
}

.Checkout_title__vlISm {
  font-size: var(--embed-text-section-title);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin: 0;
  color: var(--embed-text);
}

.Checkout_subtitle__FsP1S {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  margin: 0;
  line-height: 1.45;
}

/* ─────────────────────────────────────────────
   Plan selector
   ───────────────────────────────────────────── */
.Checkout_pricingList__oy0Mg {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm, 0.75rem);
}
.Checkout_pricingList__oy0Mg.Checkout_horizontalShow__Sdw2_ {
  flex-direction: row;
}
@media screen and (max-width: 767px) {
  .Checkout_pricingList__oy0Mg.Checkout_horizontalShow__Sdw2_ {
    flex-direction: column;
  }
}
.Checkout_pricingList__oy0Mg.Checkout_verticalShow__3bOFV {
  flex-direction: column;
}

.Checkout_pricingCard__WQRMR {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: var(--embed-space-sm, 0.75rem);
  text-align: left;
  padding: 0.875rem 1rem;
  background: color-mix(in srgb, var(--embed-text) 4%, var(--embed-surface));
  border: var(--embed-border-width, 1px) solid transparent;
  border-radius: var(--embed-radius-sm, 8px);
  font: inherit;
  color: inherit;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color var(--embed-transition-fast, 150ms ease), background-color var(--embed-transition-fast, 150ms ease), box-shadow var(--embed-transition-fast, 150ms ease);
}
.Checkout_pricingCard__WQRMR:hover:not(:disabled) {
  border-color: var(--embed-primary);
}
.Checkout_pricingCard__WQRMR:focus-visible {
  outline: 2px solid var(--embed-primary);
  outline-offset: 2px;
}
.Checkout_pricingCard__WQRMR:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.Checkout_pricingCard__WQRMR.Checkout_horizontal__BIH2Y {
  flex-direction: row;
}
.Checkout_pricingCard__WQRMR.Checkout_horizontal__BIH2Y .Checkout_pricingCardLeft__BP_jt {
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .Checkout_pricingCard__WQRMR.Checkout_horizontal__BIH2Y {
    flex-direction: column;
    align-items: stretch;
  }
}
.Checkout_pricingCard__WQRMR.Checkout_vertical__up0y2 {
  flex-direction: column;
  justify-content: center;
}
.Checkout_pricingCard__WQRMR.Checkout_vertical__up0y2 .Checkout_pricingCardLeft__BP_jt {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-align: center;
}
.Checkout_pricingCard__WQRMR.Checkout_vertical__up0y2 .Checkout_pricingCardRight__lFMlX {
  justify-content: center;
}
.Checkout_pricingCard__WQRMR.Checkout_selected__renI2 {
  background: var(--embed-surface);
  border-color: var(--embed-primary);
  box-shadow: 0 0 0 1px var(--embed-primary);
}

.Checkout_pricingCardLeft__BP_jt {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.Checkout_pricingCardName__kxooX {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--embed-text);
  line-height: 1.3;
}

.Checkout_pricingCardDesc__HC3ar {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.Checkout_pricingCardRight__lFMlX {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.Checkout_pricingCardPrice__eqUhV {
  display: inline-flex;
  align-items: baseline;
  gap: 0.125rem;
}

.Checkout_pricingCardAmount__mvWC9 {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--embed-text);
}

.Checkout_pricingCardInterval__3xPYA {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
}

.Checkout_pricingRadio__EJsGe {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  border: 2px solid var(--embed-border);
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color var(--embed-transition-fast, 150ms ease), background-color var(--embed-transition-fast, 150ms ease);
}

.Checkout_pricingRadioSelected__L6Bp_ {
  border-color: var(--embed-primary);
  background: var(--embed-primary);
  color: var(--embed-primary-text, #fff);
}

.Checkout_pricingEmptyState__l_fi2 {
  font-size: var(--embed-text-body);
  color: var(--embed-muted);
  padding: var(--embed-space-sm, 0.75rem);
  border: 1px dashed var(--embed-border);
  border-radius: var(--embed-radius-sm, 8px);
  margin: 0;
}

/* ─────────────────────────────────────────────
   Order summary
   ───────────────────────────────────────────── */
.Checkout_summaryCard__Q4Pfb {
  background: color-mix(in srgb, var(--embed-primary) 3%, var(--embed-surface));
}

.Checkout_orderProduct__ZoTVH {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem;
  background: var(--embed-surface);
  border: var(--embed-border-width, 1px) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 8px);
}

.Checkout_orderProductImage__ESYOG {
  flex-shrink: 0;
  max-width: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Checkout_orderProductImage__ESYOG img {
  max-width: 100%;
  height: auto;
}

.Checkout_orderProductInfo__EETIp {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.Checkout_orderProductEyebrow__qZysb {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--embed-primary);
}

.Checkout_summaryNote__NlMxC {
  margin: 0;
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  line-height: 1.45;
}

.Checkout_totalRow__3hmGJ {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: var(--embed-space-sm, 0.75rem);
  border-top: var(--embed-border-width, 1px) solid var(--embed-border);
  font-size: var(--embed-text-body);
  font-weight: 600;
  color: var(--embed-text);
}

.Checkout_totalPrice__CbGmF {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2rem;
}

.Checkout_totalAmount__U3g_M {
  font-size: var(--embed-text-page-title, 1.5rem);
  font-weight: 700;
  color: var(--embed-text);
}

.Checkout_assurances__l2ETH {
  list-style: none;
  margin: 0;
  padding: var(--embed-space-sm, 0.75rem) 0 0;
  border-top: var(--embed-border-width, 1px) solid var(--embed-border);
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.Checkout_assurances__l2ETH li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: var(--embed-text-caption);
  line-height: 1.4;
  color: var(--embed-muted);
}
.Checkout_assurances__l2ETH li svg {
  flex-shrink: 0;
  margin-top: 0.1rem;
  color: var(--embed-primary);
}

/* Legacy / mock path */
.Checkout_lines__mpMLd {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-2xs, 0.25rem);
  margin: 0;
}

.Checkout_line__w9juG {
  display: flex;
  justify-content: space-between;
  font-size: var(--embed-text-body);
  color: var(--embed-muted);
}
.Checkout_line__w9juG dd {
  margin: 0;
  color: var(--embed-text);
  font-weight: 500;
}

/* ─────────────────────────────────────────────
   Form fields
   ───────────────────────────────────────────── */
.Checkout_formGrid__AOV7d {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: var(--embed-space-sm, 0.75rem) var(--embed-space-sm, 0.75rem);
  gap: var(--embed-space-sm, 0.75rem) var(--embed-space-sm, 0.75rem);
}
@media screen and (max-width: 1023px) {
  .Checkout_formGrid__AOV7d {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .Checkout_formGrid__AOV7d {
    grid-template-columns: minmax(0, 1fr);
  }
}

.Checkout_fullWidth___Q6sU {
  grid-column: 1/-1;
}

.Checkout_rowTwoCols__XEYrD {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: var(--embed-space-sm, 0.75rem);
  gap: var(--embed-space-sm, 0.75rem);
}

.Checkout_fieldLabel__rZOQh {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-text);
  min-width: 0;
}

/* `.wrap` prefix raises specificity so host-page input styles can't override the border
   (replaces the previous `!important`) while still letting the error state win. */
.Checkout_wrap__LYTRO .Checkout_inputField__348FG {
  width: 100%;
  min-height: 2.875rem;
  padding: 0.75rem 0.875rem;
  font: inherit;
  font-size: var(--embed-text-body);
  text-align: left;
  color: var(--embed-text);
  background: color-mix(in srgb, var(--embed-text) 4%, var(--embed-surface));
  border: var(--embed-border-width, 1px) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 8px);
  outline: none;
  box-sizing: border-box;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}
@media screen and (max-width: 767px) {
  .Checkout_wrap__LYTRO .Checkout_inputField__348FG {
    font-size: 16px; /* prevents iOS zoom-on-focus */
  }
}
.Checkout_wrap__LYTRO .Checkout_inputField__348FG::placeholder {
  color: var(--embed-muted);
  opacity: 0.7;
  text-align: left;
}
.Checkout_wrap__LYTRO .Checkout_inputField__348FG:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--embed-primary) 45%, var(--embed-border));
}
.Checkout_wrap__LYTRO .Checkout_inputField__348FG:focus {
  background: var(--embed-surface);
  border-color: var(--embed-primary);
  box-shadow: 0 0 0 1px var(--embed-primary);
}
.Checkout_wrap__LYTRO .Checkout_inputField__348FG:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.Checkout_wrap__LYTRO .Checkout_inputFieldError__BunK9 {
  border-color: var(--embed-error, #dc2626);
  background: color-mix(in srgb, var(--embed-error, #dc2626) 6%, var(--embed-surface));
}
.Checkout_wrap__LYTRO .Checkout_inputFieldError__BunK9:focus {
  border-color: var(--embed-error, #dc2626);
  box-shadow: 0 0 0 1px var(--embed-error, #dc2626);
}

.Checkout_fieldError__cMyGQ {
  font-size: var(--embed-text-caption);
  font-weight: 500;
  color: var(--embed-error, #dc2626);
  margin: 0.1rem 0 0;
}

/* State dropdown — the chevron is the lucide icon (the old background-image arrow doubled it) */
.Checkout_selectWrapper__hSF5F {
  position: relative;
}

.Checkout_wrap__LYTRO .Checkout_selectField__JO_oQ {
  padding-right: 2.5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-image: none;
}
.Checkout_wrap__LYTRO .Checkout_selectField__JO_oQ:invalid {
  color: var(--embed-muted);
}
.Checkout_wrap__LYTRO .Checkout_selectField__JO_oQ option {
  color: var(--embed-text);
  background: var(--embed-surface);
}
.Checkout_wrap__LYTRO .Checkout_selectField__JO_oQ:disabled {
  cursor: not-allowed;
}

.Checkout_selectArrow__TAPMd {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--embed-muted);
}

/* ─────────────────────────────────────────────
   Payment
   ───────────────────────────────────────────── */
.Checkout_paymentSlot__C0P4E {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm, 0.75rem);
}

.Checkout_paymentPlaceholder__eV25W {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.875rem;
  min-height: 2.75rem;
  border-radius: var(--embed-radius-sm, 8px);
  background: color-mix(in srgb, var(--embed-text) 4%, var(--embed-surface));
  color: var(--embed-muted);
  font-size: var(--embed-text-body);
}

.Checkout_cardElementWrap__kFbZJ {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.875rem;
  padding: 0.75rem 0.875rem;
  background: color-mix(in srgb, var(--embed-text) 4%, var(--embed-surface));
  border: var(--embed-border-width, 1px) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 8px);
  box-sizing: border-box;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}
.Checkout_cardElementWrap__kFbZJ.Checkout_focused__tCusi {
  background: var(--embed-surface, #fff);
  border-color: var(--embed-primary, #0284c7);
  box-shadow: 0 0 0 1px var(--embed-primary, #0284c7);
}
.Checkout_cardElementWrap__kFbZJ.Checkout_errored__VsIge {
  border-color: var(--embed-error, #dc2626);
}
.Checkout_cardElementWrap__kFbZJ .StripeElement {
  width: 100%;
}

.Checkout_error__FIc4h {
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-error, #dc2626);
  background: color-mix(in srgb, var(--embed-error, #ef4444) 10%, transparent);
  padding: var(--embed-space-sm, 0.75rem);
  border-radius: var(--embed-radius-sm, 8px);
  margin: 0;
  line-height: 1.4;
}

.Checkout_successNote__L_BjP {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  padding: var(--embed-space-sm, 0.75rem);
  font-size: var(--embed-text-caption);
  line-height: 1.4;
  color: var(--embed-text);
  background: color-mix(in srgb, #16a34a 10%, var(--embed-surface));
  border-radius: var(--embed-radius-sm, 8px);
}
.Checkout_successNote__L_BjP svg {
  flex-shrink: 0;
  margin-top: 0.1rem;
  color: #16a34a;
}

.Checkout_secureNote__KVMfN {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  margin: 0;
}

/* ─────────────────────────────────────────────
   Actions
   ───────────────────────────────────────────── */
.Checkout_actionsRow__0NgYF {
  display: flex;
  gap: var(--embed-space-sm, 0.75rem);
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: var(--embed-space-xs, 0.5rem);
}
@media screen and (max-width: 767px) {
  .Checkout_actionsRow__0NgYF {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}

.Checkout_backButton__2AsbH {
  padding: 0 1.25rem;
  min-height: 2.875rem;
  background: transparent;
  border: var(--embed-border-width, 1px) solid var(--embed-border);
  color: var(--embed-text);
  border-radius: var(--embed-radius-sm, 8px);
  font: inherit;
  font-size: var(--embed-text-button);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--embed-transition-fast, 150ms ease);
}
.Checkout_backButton__2AsbH:hover:not(:disabled) {
  background: color-mix(in srgb, var(--embed-text) 5%, transparent);
}
.Checkout_backButton__2AsbH:focus-visible {
  outline: 2px solid var(--embed-primary);
  outline-offset: 2px;
}
.Checkout_backButton__2AsbH:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Checkout_payButton__Zn0vc {
  flex: 1 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.875rem;
  padding: 0 1.25rem;
  background: var(--embed-primary);
  color: var(--embed-primary-text, #fff);
  border: none;
  border-radius: var(--embed-button-radius, var(--embed-radius-sm, 8px));
  font: inherit;
  font-size: var(--embed-text-button);
  font-weight: 700;
  cursor: pointer;
  transition: background var(--embed-transition-fast, 150ms ease), transform var(--embed-transition-fast, 150ms ease), opacity var(--embed-transition-fast, 150ms ease);
}
.Checkout_payButton__Zn0vc:hover:not(:disabled) {
  background: var(--embed-primary-hover, var(--embed-primary));
  filter: brightness(1.05);
}
.Checkout_payButton__Zn0vc:active:not(:disabled) {
  transform: scale(0.99);
}
.Checkout_payButton__Zn0vc:focus-visible {
  outline: 2px solid var(--embed-primary);
  outline-offset: 2px;
}
.Checkout_payButton__Zn0vc:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.Checkout_payButton__Zn0vc[data-loading] {
  cursor: progress;
  opacity: 0.85;
}

/* ─────────────────────────────────────────────
   Loading
   ───────────────────────────────────────────── */
.Checkout_spinner__5Q_3I {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--embed-primary-text, #fff) 35%, transparent);
  border-top-color: var(--embed-primary-text, #fff);
  animation: Checkout_spin__Qrp48 700ms linear infinite;
}

.Checkout_skeletonStack__Q3hVi {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.Checkout_checkoutFormItem__bf8tg {
  height: 48px;
  width: 100%;
  border-radius: var(--embed-radius-sm, 8px);
  background: linear-gradient(90deg, color-mix(in srgb, var(--embed-text) 7%, transparent) 0%, color-mix(in srgb, var(--embed-text) 3%, transparent) 40%, color-mix(in srgb, var(--embed-text) 7%, transparent) 100%);
  background-size: 600px 100%;
  animation: Checkout_shimmer__baSpG 1.6s ease-in-out infinite;
}
.Checkout_checkoutFormItem__bf8tg:nth-child(2) {
  animation-delay: 0.1s;
}

@keyframes Checkout_shimmer__baSpG {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
@keyframes Checkout_spin__Qrp48 {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .Checkout_spinner__5Q_3I,
  .Checkout_checkoutFormItem__bf8tg {
    animation-duration: 2.4s;
  }
  .Checkout_payButton__Zn0vc,
  .Checkout_pricingCard__WQRMR,
  .Checkout_inputField__348FG {
    transition: none;
  }
}
/* ─────────────────────────────────────────────
   Demo-mode payment preview
   ───────────────────────────────────────────── */
.Checkout_demoPayment__3Dn0u {
  position: relative;
  border-radius: var(--embed-radius-sm, 8px);
  overflow: hidden;
}

.Checkout_demoBlurred__8U7VJ {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm, 0.75rem);
  filter: blur(3px);
  opacity: 0.6;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.Checkout_demoFieldGroup__y2YWN {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.Checkout_demoFieldLabel__aGSHC {
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-text);
}

.Checkout_demoField__K4KCv {
  display: flex;
  align-items: center;
  min-height: 2.875rem;
  padding: 0.75rem 0.875rem;
  background: color-mix(in srgb, var(--embed-text) 4%, var(--embed-surface));
  border: var(--embed-border-width, 1px) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 8px);
  color: var(--embed-muted);
  font-size: var(--embed-text-body);
}

.Checkout_demoPayButton__ySKKT {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.875rem;
  background: var(--embed-primary);
  color: var(--embed-primary-text, #fff);
  border-radius: var(--embed-radius-sm, 8px);
  font-size: var(--embed-text-button);
  font-weight: 700;
}

.Checkout_demoOverlay__cghdS {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 1rem;
  background: color-mix(in srgb, var(--embed-surface) 55%, transparent);
  border: 1px dashed var(--embed-border);
  border-radius: var(--embed-radius-sm, 8px);
  color: var(--embed-text);
  font: inherit;
  text-align: center;
  cursor: pointer;
  transition: background var(--embed-transition-fast, 150ms ease);
}
.Checkout_demoOverlay__cghdS:hover {
  background: color-mix(in srgb, var(--embed-surface) 70%, transparent);
}
.Checkout_demoOverlay__cghdS:focus-visible {
  outline: 2px solid var(--embed-primary);
  outline-offset: 2px;
}

.Checkout_demoOverlayIcon__fse6M {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 12%, var(--embed-surface));
}

.Checkout_demoOverlayTitle__kMBMD {
  font-size: var(--embed-text-body);
  font-weight: 700;
}

.Checkout_demoOverlayHint__aBYDf {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
}

/* ─────────────────────────────────────────────
   Demo restriction modal (portalled to <body>)
   ───────────────────────────────────────────── */
.Checkout_modalBackdrop__D9maw {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(15, 23, 42, 0.55);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.Checkout_modal__tDV2M {
  width: 100%;
  max-width: 26rem;
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  padding: 1.75rem 1.5rem 1.5rem;
  background: var(--embed-surface, #fff);
  color: var(--embed-text, #0f172a);
  border-radius: var(--embed-radius, 12px);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3);
  text-align: center;
  box-sizing: border-box;
}

.Checkout_modalIcon__jjaSC {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.75rem;
  border-radius: 50%;
  color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 12%, var(--embed-surface, #fff));
}

.Checkout_modalTitle__uvoFf {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.Checkout_modalBody__u6NsH {
  margin: 0 0 0.5rem;
  font-size: var(--embed-text-body, 0.9375rem);
  line-height: 1.5;
}

.Checkout_modalSupport__5gwIm {
  margin: 0 0 1.25rem;
  font-size: var(--embed-text-caption, 0.8125rem);
  line-height: 1.5;
  color: var(--embed-muted, #64748b);
}

.Checkout_modalActions__NO7h1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.Checkout_modalPrimary__cRKnd,
.Checkout_modalSecondary__lNMZY {
  min-height: 2.75rem;
  padding: 0 1.25rem;
  border-radius: var(--embed-button-radius, var(--embed-radius-sm, 8px));
  font: inherit;
  font-size: var(--embed-text-button, 0.9375rem);
  font-weight: 600;
  cursor: pointer;
}
.Checkout_modalPrimary__cRKnd:focus-visible,
.Checkout_modalSecondary__lNMZY:focus-visible {
  outline: 2px solid var(--embed-primary);
  outline-offset: 2px;
}

.Checkout_modalPrimary__cRKnd {
  background: var(--embed-primary);
  color: var(--embed-primary-text, #fff);
  border: none;
  font-weight: 700;
}
.Checkout_modalPrimary__cRKnd:hover {
  filter: brightness(1.05);
}

.Checkout_modalSecondary__lNMZY {
  background: transparent;
  color: var(--embed-text);
  border: var(--embed-border-width, 1px) solid var(--embed-border);
}
.Checkout_modalSecondary__lNMZY:hover {
  background: color-mix(in srgb, var(--embed-text) 5%, transparent);
}

/* ─────────────────────────────────────────────
   APPEND to Checkout.module.scss
   New classes used by the stepped checkout
   (selected product, address summary, order rows, link button).
   ───────────────────────────────────────────── */
/* Selected product at the top of the checkout stage */
.Checkout_selectedProduct__N1ERj {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.875rem;
  background: color-mix(in srgb, var(--embed-text) 4%, var(--embed-surface));
  border: var(--embed-border-width, 1px) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 8px);
}
.Checkout_selectedProduct__N1ERj .Checkout_pricingCardPrice__eqUhV {
  margin-left: auto;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .Checkout_selectedProduct__N1ERj {
    flex-wrap: wrap;
  }
  .Checkout_selectedProduct__N1ERj .Checkout_pricingCardPrice__eqUhV {
    margin-left: 0;
  }
}

/* Label / value rows (order summary + address summary) */
.Checkout_orderRows___x2VW {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 0;
}

.Checkout_orderRow__fSQQi {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  font-size: var(--embed-text-body);
}
.Checkout_orderRow__fSQQi dt {
  color: var(--embed-muted);
  flex-shrink: 0;
}
.Checkout_orderRow__fSQQi dd {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  color: var(--embed-text);
  font-weight: 500;
  min-width: 0;
  overflow-wrap: anywhere;
}

.Checkout_orderLine__ZMamu {
  display: block;
}

/* Text-style button (Edit details) */
.Checkout_linkButton__ekdJ9 {
  padding: 0;
  background: none;
  border: none;
  font: inherit;
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.Checkout_linkButton__ekdJ9:hover:not(:disabled) {
  text-decoration-thickness: 2px;
}
.Checkout_linkButton__ekdJ9:focus-visible {
  outline: 2px solid var(--embed-primary);
  outline-offset: 2px;
  border-radius: 2px;
}
.Checkout_linkButton__ekdJ9:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/Questionnaire/NavigationButtons.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.NavigationButtons_primaryButton__y4WSx.NavigationButtons_primaryButton__y4WSx, .NavigationButtons_row__osd6b .NavigationButtons_textButton__mQvcG, .NavigationButtons_row__osd6b .NavigationButtons_ghostButton__wSVU2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: var(--embed-text-button);
  font-weight: 600;
  border-radius: var(--embed-button-radius);
  padding: var(--embed-pad-control) 1.25rem;
  min-height: 2.75rem;
  transition: background var(--embed-transition-fast), border-color var(--embed-transition-fast), opacity var(--embed-transition-fast), transform var(--embed-transition-fast);
  white-space: nowrap;
}
.NavigationButtons_primaryButton__y4WSx:active:not(:disabled), .NavigationButtons_row__osd6b .NavigationButtons_textButton__mQvcG:active:not(:disabled), .NavigationButtons_row__osd6b .NavigationButtons_ghostButton__wSVU2:active:not(:disabled) {
  transform: scale(0.98);
}
.NavigationButtons_primaryButton__y4WSx:disabled, .NavigationButtons_row__osd6b .NavigationButtons_textButton__mQvcG:disabled, .NavigationButtons_row__osd6b .NavigationButtons_ghostButton__wSVU2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media screen and (max-width: 413px) {
  .NavigationButtons_primaryButton__y4WSx.NavigationButtons_primaryButton__y4WSx, .NavigationButtons_row__osd6b .NavigationButtons_textButton__mQvcG, .NavigationButtons_row__osd6b .NavigationButtons_ghostButton__wSVU2 {
    width: 100%;
  }
}

.NavigationButtons_row__osd6b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--embed-space-sm);
  padding-top: var(--embed-space-xs);
  flex-wrap: wrap-reverse;
}
@media screen and (max-width: 413px) {
  .NavigationButtons_row__osd6b {
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.NavigationButtons_row__osd6b .NavigationButtons_ghostButton__wSVU2 {
  background: transparent;
  color: var(--embed-text);
  border: 1px solid var(--embed-border);
}
.NavigationButtons_row__osd6b .NavigationButtons_ghostButton__wSVU2:hover:not(:disabled) {
  border-color: var(--embed-text);
}
.NavigationButtons_row__osd6b .NavigationButtons_textButton__mQvcG {
  background: transparent;
  color: var(--embed-muted);
  border: none;
  padding-inline: 0.25rem;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.NavigationButtons_row__osd6b .NavigationButtons_textButton__mQvcG:hover:not(:disabled) {
  color: var(--embed-text);
}

.NavigationButtons_leftGroup__cgLLV {
  display: flex;
  align-items: center;
  gap: var(--embed-space-md);
}
@media screen and (max-width: 413px) {
  .NavigationButtons_leftGroup__cgLLV {
    justify-content: center;
  }
}

.NavigationButtons_primaryButton__y4WSx.NavigationButtons_primaryButton__y4WSx {
  background: var(--embed-primary);
  color: var(--embed-primary-text);
  border: 1px solid var(--embed-primary);
}
.NavigationButtons_primaryButton__y4WSx.NavigationButtons_primaryButton__y4WSx:hover:not(:disabled) {
  opacity: 0.9;
}

.NavigationButtons_spinner__oohI3 {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--embed-primary-text) 35%, transparent);
  border-top-color: var(--embed-primary-text);
  animation: NavigationButtons_spin__9S0LA 700ms linear infinite;
}

.NavigationButtons_srOnly__pvhVb {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

@keyframes NavigationButtons_spin__9S0LA {
  to {
    transform: rotate(360deg);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/GetCustomColorImg/customImg.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.customImg_customImgWrapper__LY1Uu {
  display: flex;
  justify-content: center;
}

.customImg_product__lNMSU {
  position: relative;
}

.customImg_vial__X_C_3 {
  position: relative;
}

.customImg_productImage__UJAUu {
  display: block;
  width: 125px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .customImg_productImage__UJAUu {
    width: 90%;
    height: auto;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/Questionnaireprogress/Questionnaireprogress.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* QuestionnaireProgress — compact segmented progress header.
   Uses only existing --embed-* tokens (with fallbacks), so it follows the brand theme. */
.Questionnaireprogress_wrap__Ww6AP {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.Questionnaireprogress_topRow__wgPgM {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}

.Questionnaireprogress_caption__mK7tw {
  font-size: var(--embed-text-body, 0.9375rem);
  font-weight: 600;
  color: var(--embed-text, #0f172a);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Questionnaireprogress_time__3c6VR {
  flex: none;
  font-size: var(--embed-text-caption, 0.8125rem);
  color: var(--embed-muted, #64748b);
  white-space: nowrap;
}

.Questionnaireprogress_segments__2cL8s {
  display: flex;
  gap: 0.375rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.Questionnaireprogress_segment__E5fjS {
  flex: 1 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.Questionnaireprogress_bar__Ofaq_ {
  position: relative;
  display: block;
  height: 4px;
  border-radius: 99px;
  background: var(--embed-border, #e2e8f0);
  overflow: hidden;
}

.Questionnaireprogress_barFill__cxoLn {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--embed-primary, #0f6b5c);
  transition: width 250ms ease;
}
[data-state=done] .Questionnaireprogress_barFill__cxoLn {
  opacity: 0.55;
}

.Questionnaireprogress_label__EyMck {
  font-size: var(--embed-text-caption, 0.75rem);
  color: var(--embed-muted, #64748b);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-state=current] .Questionnaireprogress_label__EyMck {
  color: var(--embed-text, #0f172a);
  font-weight: 700;
}

/* Mobile: keep it compact — only the active step keeps its name. */
@media (max-width: 560px) {
  .Questionnaireprogress_segments__2cL8s {
    gap: 0.25rem;
  }
  .Questionnaireprogress_segment__E5fjS:not([data-state=current]) .Questionnaireprogress_label__EyMck {
    visibility: hidden;
  }
  .Questionnaireprogress_segment__E5fjS[data-state=current] {
    flex-grow: 2;
  }
  .Questionnaireprogress_time__3c6VR {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .Questionnaireprogress_barFill__cxoLn {
    transition: none;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/DynamicQuestionnaire/Questionnairelayout.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* QuestionnaireLayout — sticky progress header + sticky CTA bar.
   Shared by the popup and the normal page: both use position: sticky, so the
   only thing that differs is which element scrolls (popup body vs window).

   Sticky only works if no ancestor between this component and the scroller
   clips with overflow:hidden/auto. The popup handles that in
   Demointake.module.scss (the :has() rule); for the full page see the
   `.embedWrapper { overflow: clip }` note in the hand-off. */
.Questionnairelayout_progress__csEQd {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 6;
  background: var(--embed-background, #ffffff);
  padding: 0.75rem 0 0.625rem;
  border-bottom: var(--embed-border-width, 1px) solid var(--embed-border, #e2e8f0);
}

.Questionnairelayout_range__rwMHj {
  font-size: var(--embed-text-caption, 0.8125rem);
  color: var(--embed-muted, #64748b);
  margin-top: 0.125rem;
}

/* Bottom padding so the last question never sits under the CTA bar. */
.Questionnairelayout_items___vBuH {
  padding-bottom: 1.25rem;
}

.Questionnairelayout_footer__HI57a {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 6;
  margin-top: auto;
  background: var(--embed-background, #ffffff);
  border-top: var(--embed-border-width, 1px) solid var(--embed-border, #e2e8f0);
  /* mobile safe-area (needs viewport-fit=cover in the page's viewport meta) */
  padding: 0.75rem 0 calc(0.75rem + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 640px) {
  .Questionnairelayout_progress__csEQd {
    padding-top: 0.5rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/DynamicQuestionnaire/QuestionnaireSkeleton.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* QuestionnaireSkeleton.module.scss
   Shimmer skeleton mirroring DynamicQuestionnaire layout:
     nav bar → step-progress dots → step header → item fields → nav buttons
   ─────────────────────────────────────────────────────────────────────────── */
@keyframes QuestionnaireSkeleton_shimmer__PedGC {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
/* ── Shared shimmer base ──────────────────────────────────────────────────── */
.QuestionnaireSkeleton_checkoutFormItem__14kJ7, .QuestionnaireSkeleton_pricingCardItem___2a4_, .QuestionnaireSkeleton_pricingHeader__tkRDz, .QuestionnaireSkeleton_cardItem__guRxz, .QuestionnaireSkeleton_btnContinue__kxj0B, .QuestionnaireSkeleton_btnBack__QWRRA, .QuestionnaireSkeleton_optionRow__95QpB, .QuestionnaireSkeleton_inputField__b94aw, .QuestionnaireSkeleton_itemLabel__Z_NYB, .QuestionnaireSkeleton_stepTitle__TB3jW, .QuestionnaireSkeleton_stepLabel__eV4pX, .QuestionnaireSkeleton_stepDot__a4XuL, .QuestionnaireSkeleton_navStep__6O9_4 {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.065) 0%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.065) 100%);
  background-size: 600px 100%;
  animation: QuestionnaireSkeleton_shimmer__PedGC 1.6s ease-in-out infinite;
  border-radius: 6px;
}

/* ── Outer wrapper — matches DynamicQuestionnaire .wrap ─────────────────── */
.QuestionnaireSkeleton_skeleton__JeZiO {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md, 1.25rem);
  width: 100%;
}

/* ── Navigation step bar (DynamicNavigation placeholder) ─────────────────── */
.QuestionnaireSkeleton_navBar__ILdki {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.QuestionnaireSkeleton_navStep__6O9_4 {
  height: 20px;
  border-radius: 20px;
}
.QuestionnaireSkeleton_navStep__6O9_4:nth-child(1) {
  width: 80px;
}
.QuestionnaireSkeleton_navStep__6O9_4:nth-child(2) {
  width: 90px;
  animation-delay: 0.08s;
}
.QuestionnaireSkeleton_navStep__6O9_4:nth-child(3) {
  width: 70px;
  animation-delay: 0.16s;
}
.QuestionnaireSkeleton_navStep__6O9_4:nth-child(4) {
  width: 85px;
  animation-delay: 0.24s;
}

.QuestionnaireSkeleton_navSeparator__seA4p {
  width: 12px;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  flex-shrink: 0;
}

/* ── Sub-step progress dots ──────────────────────────────────────────────── */
.QuestionnaireSkeleton_stepProgress__qeFVG {
  display: flex;
  gap: 0.375rem;
}

.QuestionnaireSkeleton_stepDot__a4XuL {
  flex: 1 1;
  height: 4px;
  border-radius: 99px;
  animation-delay: calc(var(--i, 0) * 0.07s);
}

/* ── Step header (step title + substep title) ────────────────────────────── */
.QuestionnaireSkeleton_stepHeader__NyLPj {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.QuestionnaireSkeleton_stepLabel__eV4pX {
  height: 11px;
  width: 80px;
  border-radius: 4px;
}

.QuestionnaireSkeleton_stepTitle__TB3jW {
  height: 22px;
  width: 65%;
  border-radius: 6px;
  animation-delay: 0.05s;
}

/* ── Item field placeholders ─────────────────────────────────────────────── */
.QuestionnaireSkeleton_itemGrid___5tGA {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-lg, 1.5rem);
}

.QuestionnaireSkeleton_itemWrap__JfNdh {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Item question label */
.QuestionnaireSkeleton_itemLabel__Z_NYB {
  height: 12px;
  width: 45%;
  border-radius: 4px;
}

/* Generic input placeholder */
.QuestionnaireSkeleton_inputField__b94aw {
  height: 42px;
  width: 100%;
  border-radius: var(--embed-radius-sm, 6px);
  animation-delay: 0.06s;
}

/* Radio / checkbox option rows */
.QuestionnaireSkeleton_optionList__WVLxV {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.QuestionnaireSkeleton_optionRow__95QpB {
  height: 44px;
  width: 100%;
  border-radius: var(--embed-radius-sm, 6px);
}
.QuestionnaireSkeleton_optionRow__95QpB:nth-child(2) {
  animation-delay: 0.1s;
}
.QuestionnaireSkeleton_optionRow__95QpB:nth-child(3) {
  animation-delay: 0.2s;
}
.QuestionnaireSkeleton_optionRow__95QpB:nth-child(4) {
  animation-delay: 0.3s;
}

/* ── Navigation buttons row ─────────────────────────────────────────────── */
.QuestionnaireSkeleton_buttonRow__mBtGg {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.QuestionnaireSkeleton_btnBack__QWRRA {
  height: 42px;
  width: 90px;
  border-radius: var(--embed-button-radius, 8px);
  opacity: 0.55;
}

.QuestionnaireSkeleton_btnContinue__kxj0B {
  height: 42px;
  width: 150px;
  border-radius: var(--embed-button-radius, 8px);
  animation-delay: 0.08s;
}

/* ── Program card grid skeleton (used in programsLoading state) ──────────── */
.QuestionnaireSkeleton_cardGrid__d3eFo {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--embed-gap-grid, 0.875rem);
  gap: var(--embed-gap-grid, 0.875rem);
}
@container continere-embed (min-width: 480px) {
  .QuestionnaireSkeleton_cardGrid__d3eFo {
    grid-template-columns: 1fr 1fr;
  }
}

.QuestionnaireSkeleton_cardItem__guRxz {
  height: 120px;
  border-radius: var(--embed-radius, 12px);
}
.QuestionnaireSkeleton_cardItem__guRxz:nth-child(2) {
  animation-delay: 0.1s;
}
.QuestionnaireSkeleton_cardItem__guRxz:nth-child(3) {
  animation-delay: 0.2s;
}
.QuestionnaireSkeleton_cardItem__guRxz:nth-child(4) {
  animation-delay: 0.3s;
}

/* ── Checkout / Pricing skeleton variants ───────────────────────────────── */
.QuestionnaireSkeleton_pricingSkeletonSection__JAr21 {
  padding: var(--embed-pad-card, 1.25rem);
  background: var(--embed-surface, #ffffff);
  border: var(--embed-border-width, 1px) solid var(--embed-border, #e2e8f0);
  border-radius: var(--embed-radius, 12px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.QuestionnaireSkeleton_pricingHeader__tkRDz {
  height: 22px;
  width: 140px;
  border-radius: 6px;
}

.QuestionnaireSkeleton_pricingCardItem___2a4_ {
  height: 68px;
  width: 100%;
  border-radius: var(--embed-radius-sm, 8px);
}
.QuestionnaireSkeleton_pricingCardItem___2a4_:nth-child(2) {
  animation-delay: 0.1s;
}
.QuestionnaireSkeleton_pricingCardItem___2a4_:nth-child(3) {
  animation-delay: 0.2s;
}

.QuestionnaireSkeleton_checkoutFormItem__14kJ7 {
  height: 48px;
  width: 100%;
  border-radius: var(--embed-radius-sm, 8px);
}
.QuestionnaireSkeleton_checkoutFormItem__14kJ7:nth-child(2) {
  animation-delay: 0.08s;
}
.QuestionnaireSkeleton_checkoutFormItem__14kJ7:nth-child(3) {
  animation-delay: 0.16s;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/EmbedShell/EmbedShell.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.EmbedShell_shell__VRkyw {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--embed-background);
  color: var(--embed-text);
  font-family: var(--embed-font);
}

.EmbedShell_topBar__OW2oQ {
  background: var(--embed-primary, #1c3b57);
  color: var(--embed-primary-text, #ffffff);
  padding: 0.875rem var(--embed-space-md);
  border-top-left-radius: var(--embed-radius);
  border-top-right-radius: var(--embed-radius);
}
@container continere-embed (min-width: 480px) {
  .EmbedShell_topBar__OW2oQ {
    padding: 1rem 2rem;
  }
}

.EmbedShell_topBarContent__ORdnt {
  max-width: 46rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: var(--embed-space-sm);
}

.EmbedShell_topBarToggle__LCtyy {
  margin-left: auto;
  display: inline-flex;
}

.EmbedShell_floatingToggle__T0VB8 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
}

.EmbedShell_providerTitle__QVyM2 {
  font-size: var(--embed-text-card-title);
  font-weight: 700;
  color: var(--embed-primary-text, #ffffff);
  letter-spacing: -0.01em;
}

.EmbedShell_frame__oGAC4 {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  padding: var(--embed-space-md);
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-lg);
  flex: 1 1;
}
@container continere-embed (min-width: 480px) {
  .EmbedShell_frame__oGAC4 {
    padding: var(--embed-space-lg) 2rem;
  }
}
@container continere-embed (min-width: 768px) {
  .EmbedShell_frame__oGAC4 {
    padding: var(--embed-space-xl) 2.5rem;
    max-width: 48rem;
  }
}

.EmbedShell_footer__CeOT7 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 1rem var(--embed-space-md);
  border-top: 1px solid var(--embed-border);
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  background: var(--embed-surface);
}
@container continere-embed (min-width: 480px) {
  .EmbedShell_footer__CeOT7 {
    flex-direction: row;
    padding: 1rem 2rem;
  }
}

.EmbedShell_disclaimer__e39zh {
  text-align: center;
}
@container continere-embed (min-width: 480px) {
  .EmbedShell_disclaimer__e39zh {
    text-align: left;
  }
}

.EmbedShell_poweredBy__PJUyl {
  font-weight: 600;
  color: var(--embed-muted);
}

.EmbedShell_srOnly__8yikZ {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/NewFlow/NewDashboard/Brandthemetoggle/page.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Same look as the dashboard ThemeToggle (36px, 10px radius, rotate-on-hover),
   but driven by the shared --embed-* tokens so it works on any customer site. */
.page_toggle__fFA9q {
  flex: none;
  width: 36px;
  height: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid var(--embed-border, rgba(127, 127, 127, 0.35));
  background: var(--embed-surface, transparent);
  color: var(--embed-text, currentColor);
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease;
}
.page_toggle__fFA9q:hover {
  background: color-mix(in srgb, var(--embed-primary, #2563eb) 10%, var(--embed-surface, transparent));
}
.page_toggle__fFA9q:active {
  transform: scale(0.96);
}
.page_toggle__fFA9q:focus-visible {
  outline: 2px solid var(--embed-primary, #2563eb);
  outline-offset: 2px;
}
.page_toggle__fFA9q svg {
  transition: transform 0.3s ease;
}
.page_toggle__fFA9q:hover svg {
  transform: rotate(15deg);
}

.page_onPrimary__loEo_ {
  background: transparent;
  color: var(--embed-primary-text, #ffffff);
  border-color: color-mix(in srgb, currentColor 40%, transparent);
}
.page_onPrimary__loEo_:hover {
  background: color-mix(in srgb, currentColor 16%, transparent);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/Header/Header.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.Header_header___l4__ {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
}

.Header_logoRow__nEbBN {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
}
[data-hide-logo] .Header_logoRow__nEbBN {
  display: none;
}
@media screen and (max-width: 413px) {
  .Header_logoRow__nEbBN {
    display: none;
  }
}

.Header_logoImg__CcoCo {
  height: clamp(1.125rem, 1rem + 1.5cqi, 1.5rem);
  width: auto;
}

.Header_logoText__OZHN0 {
  font-size: var(--embed-text-label);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--embed-text);
}

.Header_copy__0CGBO {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.Header_eyebrow__cgAJb {
  font-size: var(--embed-text-eyebrow);
  font-weight: 700;
  letter-spacing: var(--embed-tracking-eyebrow);
  text-transform: uppercase;
  color: var(--embed-primary);
}

.Header_title__rteg2 {
  font-size: var(--embed-text-page-title);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: var(--embed-leading-tight);
  color: var(--embed-text);
}

.Header_description__0Zu1B {
  font-size: var(--embed-text-body);
  line-height: var(--embed-leading-normal);
  color: var(--embed-muted);
}
@media screen and (max-width: 413px) {
  .Header_description__0Zu1B {
    display: none;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/ProgramGrid/ProgramGrid.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.ProgramGrid_grid__IfQgF {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--embed-gap-grid);
  gap: var(--embed-gap-grid);
}
@container continere-embed (min-width: 480px) {
  .ProgramGrid_grid__IfQgF {
    grid-template-columns: 1fr 1fr;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/ProgramCard/ProgramCard.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.ProgramCard_card__uIYvg {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--embed-space-2xs);
  text-align: left;
  width: 100%;
  padding: var(--embed-pad-card);
  background: var(--embed-surface);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius);
  box-shadow: var(--embed-shadow-card);
  transition: border-color var(--embed-transition-fast), box-shadow var(--embed-transition-fast), transform var(--embed-transition-fast), opacity var(--embed-transition-fast);
}
@media screen and (max-width: 413px) {
  .ProgramCard_card__uIYvg {
    padding: var(--embed-space-sm);
    gap: 0.25rem;
  }
}
.ProgramCard_card__uIYvg:hover:not(:disabled) {
  border-color: var(--embed-primary);
  box-shadow: var(--embed-shadow-card-hover);
}
.ProgramCard_card__uIYvg:active:not(:disabled) {
  transform: scale(0.99);
}
.ProgramCard_card__uIYvg:disabled {
  opacity: 0.55;
  box-shadow: none;
  cursor: not-allowed;
}
.ProgramCard_card__uIYvg[data-selected] {
  border-color: var(--embed-primary);
  border-width: 2px;
  padding: calc(var(--embed-pad-card) - 1px);
  background: var(--embed-primary-tint);
}

.ProgramCard_iconTile__b_1Oy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--embed-radius-sm);
  background: var(--embed-primary-tint-strong);
  color: var(--embed-primary);
  margin-bottom: var(--embed-space-2xs);
}
@media screen and (max-width: 413px) {
  .ProgramCard_iconTile__b_1Oy {
    width: 1.75rem;
    height: 1.75rem;
    margin-bottom: 0;
  }
  .ProgramCard_iconTile__b_1Oy svg {
    width: 14px;
    height: 14px;
  }
}

.ProgramCard_body__IkVRr {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}

.ProgramCard_title__Etj4t {
  font-size: var(--embed-text-card-title);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--embed-text);
  padding-right: 1.5rem;
}

.ProgramCard_description__jT8A4 {
  font-size: var(--embed-text-body);
  color: var(--embed-muted);
  line-height: var(--embed-leading-normal);
}
@media screen and (max-width: 413px) {
  .ProgramCard_description__jT8A4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.ProgramCard_footRow__nlFha {
  margin-top: var(--embed-space-2xs);
}
[data-hide-pricing] .ProgramCard_footRow__nlFha {
  display: none;
}

.ProgramCard_price__ZeVjZ {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.625rem;
  border-radius: var(--embed-radius-pill);
  font-size: var(--embed-text-price);
  font-weight: 600;
  background: var(--embed-background);
  color: var(--embed-text);
  border: var(--embed-border-width) solid var(--embed-border);
}
.ProgramCard_price__ZeVjZ[data-kind=free] {
  background: var(--embed-text);
  color: var(--embed-surface);
  border-color: var(--embed-text);
}

.ProgramCard_disabledNote__KYdyX {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  font-style: italic;
}

.ProgramCard_check___3To1 {
  position: absolute;
  top: var(--embed-space-sm);
  right: var(--embed-space-sm);
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  border: 1.5px solid var(--embed-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--embed-primary-text);
  background: var(--embed-surface);
}
[data-selected] .ProgramCard_check___3To1 {
  background: var(--embed-primary);
  border-color: var(--embed-primary);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/DynamicQuestionnaire/DynamicQuestionnaire.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* DynamicQuestionnaire styles */
.DynamicQuestionnaire_wrap___ykwP {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md);
  /* ── Input wrappers ───────────────────────────────── */
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_inputRow__AUwal {
  display: grid;
  grid-gap: var(--embed-space-xs);
  gap: var(--embed-space-xs);
  grid-template-columns: 1fr 1fr;
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_inputBase__ZPnQT {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: var(--embed-text-body);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  background: var(--embed-surface);
  color: var(--embed-text);
  outline: none;
  transition: border-color 120ms ease;
  box-sizing: border-box;
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_inputBase__ZPnQT::placeholder {
  text-align: left;
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_inputBase__ZPnQT:focus {
  border-color: var(--embed-primary);
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_inputBase__ZPnQT[data-error=true] {
  border-color: var(--embed-error);
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_inputBase__ZPnQT option {
  text-align: left;
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_textareaBase__vYYgU {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: var(--embed-text-body);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  background: var(--embed-surface);
  color: var(--embed-text);
  outline: none;
  transition: border-color 120ms ease;
  box-sizing: border-box;
  resize: vertical;
  min-height: 90px;
  font-family: inherit;
  line-height: 1.5;
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_textareaBase__vYYgU::placeholder {
  text-align: left;
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_textareaBase__vYYgU:focus {
  border-color: var(--embed-primary);
}
.DynamicQuestionnaire_wrap___ykwP .DynamicQuestionnaire_textareaBase__vYYgU[data-error=true] {
  border-color: var(--embed-error);
}

/* ── Step Progress Bar ─────────────────────────────── */
.DynamicQuestionnaire_stepProgress__IVF9S {
  display: flex;
  gap: 0.375rem;
  margin-bottom: var(--embed-space-sm);
}

.DynamicQuestionnaire_stepDot__6hpin {
  flex: 1 1;
  height: 4px;
  border-radius: 99px;
  background: var(--embed-border);
  transition: background 250ms ease;
}
.DynamicQuestionnaire_stepDot__6hpin[data-active=true] {
  background: var(--embed-primary);
}
.DynamicQuestionnaire_stepDot__6hpin[data-done=true] {
  background: var(--embed-primary);
  opacity: 0.45;
}

/* ── Step / Substep header ─────────────────────────── */
.DynamicQuestionnaire_stepHeader__Mf_Ae {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-bottom: var(--embed-space-xs);
}

.DynamicQuestionnaire_stepTitle__I0yAm {
  font-size: var(--embed-text-body);
  font-weight: 700;
  color: var(--embed-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.DynamicQuestionnaire_subStepTitle__5g4OM {
  font-size: 1rem;
  font-weight: 600;
  color: var(--embed-text);
}

/* ── Item grid ────────────────────────────────────── */
.DynamicQuestionnaire_itemGrid__TidHX {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--embed-space-lg);
  gap: var(--embed-space-lg);
  /* ── Individual item ──────────────────────────────── */
}
.DynamicQuestionnaire_itemGrid__TidHX .DynamicQuestionnaire_itemWrap__qeNbl {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
}

.DynamicQuestionnaire_itemLabel__Xfu53 {
  font-size: var(--embed-text-caption);
  font-weight: 700;
  color: var(--embed-text);
  display: flex;
  gap: 0.2em;
  align-items: center;
}

.DynamicQuestionnaire_required__cXIAT {
  color: var(--embed-error);
}

.DynamicQuestionnaire_itemHelp__6Ef0d {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  line-height: 1.4;
}

/* ── Select-type hint text ("Select one" / "Select all that apply") ── */
.DynamicQuestionnaire_selectHint__paRxs {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  margin-top: -0.25rem;
}

/* ── Radio / Checkbox options (shared layout) ─────── */
.DynamicQuestionnaire_optionList__kcGBK {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-2xs);
}

.DynamicQuestionnaire_optionItem__rra6J {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.DynamicQuestionnaire_optionItem__rra6J:hover {
  border-color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 5%, transparent);
}
.DynamicQuestionnaire_optionItem__rra6J[data-selected=true] {
  border-color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 8%, transparent);
}

/* Visually-hidden native input — the custom indicator elements below
   drive the visible look, but the real input stays in the DOM (and
   hidden, not display:none) so it's still keyboard/AT accessible. */
.DynamicQuestionnaire_optionControlHidden__9Wdpw {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

/* Legacy hook — kept in case any other code still references the old
   visible-checkbox/radio control class name. No longer used by
   ItemRenderer directly. */
.DynamicQuestionnaire_optionControl__1S5G7 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  accent-color: var(--embed-primary);
  cursor: pointer;
}

.DynamicQuestionnaire_optionLabel__aVJv6 {
  font-size: var(--embed-text-body);
  color: var(--embed-text);
  line-height: 1.4;
  cursor: pointer;
}

/* ── Single select (radio) — distinct circular indicator ──────────── */
.DynamicQuestionnaire_singleSelectItem__2Lwd5 {
  display: flex;
  align-items: center;
}

.DynamicQuestionnaire_radioIndicator__TC1YU {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid var(--embed-border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 120ms ease;
}

.DynamicQuestionnaire_radioIndicatorDot__q8GN4 {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--embed-primary);
  transform: scale(0);
  transition: transform 120ms ease;
}

.DynamicQuestionnaire_singleSelectItem__2Lwd5[data-selected=true] .DynamicQuestionnaire_radioIndicator__TC1YU {
  border-color: var(--embed-primary);
}
.DynamicQuestionnaire_singleSelectItem__2Lwd5[data-selected=true] .DynamicQuestionnaire_radioIndicatorDot__q8GN4 {
  transform: scale(1);
}

/* ── Multi select (checkbox) — distinct square indicator ───────────── */
.DynamicQuestionnaire_multiSelectItem__Rbi6l {
  display: flex;
  align-items: center;
}

.DynamicQuestionnaire_checkboxIndicator__r_Oph {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 2px solid var(--embed-border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: transparent;
  transition: border-color 120ms ease, background 120ms ease;
}

.DynamicQuestionnaire_multiSelectItem__Rbi6l[data-selected=true] .DynamicQuestionnaire_checkboxIndicator__r_Oph {
  border-color: var(--embed-primary);
  background: var(--embed-primary);
}

/* ── BMI Display ────────────────────────────────────── */
.DynamicQuestionnaire_bmiDisplay__H_g2R {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border-radius: var(--embed-radius-sm, 6px);
  border: var(--embed-border-width) solid var(--embed-border);
  background: var(--embed-background);
}

.DynamicQuestionnaire_bmiLabel__YWQIh {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  font-weight: 600;
}

.DynamicQuestionnaire_bmiValue__vIJYF {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--embed-primary);
}

.DynamicQuestionnaire_bmiCategory__WN4rF {
  font-size: var(--embed-text-caption);
  font-weight: 600;
}

/* ── Consent block ──────────────────────────────────── */
.DynamicQuestionnaire_consentBox__Y6zmd {
  background: color-mix(in srgb, var(--embed-primary) 4%, transparent);
  border: var(--embed-border-width) solid color-mix(in srgb, var(--embed-primary) 25%, transparent);
  border-radius: var(--embed-radius-sm, 6px);
  padding: 0.75rem 1rem;
  font-size: var(--embed-text-caption);
  color: var(--embed-text);
  line-height: 1.6;
  max-height: 180px;
  overflow-y: auto;
}

/* ── Error message ──────────────────────────────────── */
.DynamicQuestionnaire_fieldError__d1S_4 {
  font-size: var(--embed-text-caption);
  color: var(--embed-error);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.125rem;
}

/* ── Upload ──────────────────────────────────────────── */
.DynamicQuestionnaire_uploadInput__n31PE {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.DynamicQuestionnaire_uploadDropzone__QOktx {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 1.75rem 1rem;
  border: 2px dashed var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  color: var(--embed-muted);
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease;
}
.DynamicQuestionnaire_uploadDropzone__QOktx:hover {
  border-color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 5%, transparent);
}
.DynamicQuestionnaire_uploadDropzone__QOktx[data-dragging=true] {
  border-color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 8%, transparent);
}
.DynamicQuestionnaire_uploadDropzone__QOktx[data-error=true] {
  border-color: var(--embed-error);
}

.DynamicQuestionnaire_uploadText__j7FCI {
  font-size: var(--embed-text-body);
  font-weight: 600;
  color: var(--embed-text);
}

.DynamicQuestionnaire_uploadHint__d88OY {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
}

.DynamicQuestionnaire_uploadPreview__Uw5Jb {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem;
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
}

.DynamicQuestionnaire_uploadThumb__vCBt3 {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}

.DynamicQuestionnaire_uploadThumbFallback__opHDh {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--embed-background);
  color: var(--embed-muted);
}

.DynamicQuestionnaire_uploadMeta__UMpul {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.DynamicQuestionnaire_uploadFileName__daGVW {
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

.DynamicQuestionnaire_uploadFileSize__QM6SZ {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
}

.DynamicQuestionnaire_uploadActions__gT03p {
  display: flex;
  gap: 0.75rem;
  margin-top: 0.125rem;
}

.DynamicQuestionnaire_uploadReplace__DA63Q {
  position: relative;
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-primary);
  cursor: pointer;
}

.DynamicQuestionnaire_uploadRemove__B_ZwY {
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-error);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* ── Disqualification screen ────────────────────────── */
.DynamicQuestionnaire_disqualifyScreen__JlGg2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--embed-space-sm);
  padding: var(--embed-space-lg) var(--embed-space-md);
  text-align: center;
}

.DynamicQuestionnaire_disqualifyIcon__Tr37o {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--embed-error, #ef4444) 10%, transparent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--embed-error, #ef4444);
}

.DynamicQuestionnaire_disqualifyTitle__7KDuC {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--embed-text);
}

.DynamicQuestionnaire_disqualifyBody__Ne_xJ {
  font-size: var(--embed-text-body);
  color: var(--embed-muted);
  max-width: 32ch;
  line-height: 1.6;
}

/* ── Loading skeleton ────────────────────────────────── */
.DynamicQuestionnaire_skeleton__ml9sH {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
  animation: DynamicQuestionnaire_pulse__9Yx15 1.5s ease-in-out infinite;
}

.DynamicQuestionnaire_skeletonLine__m48cO {
  height: 14px;
  background: var(--embed-border);
  border-radius: 4px;
}

@keyframes DynamicQuestionnaire_pulse__9Yx15 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/embedComponent/SuccessScreen/SuccessScreen.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.SuccessScreen_wrap__0d7hF {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--embed-space-sm);
  padding: var(--embed-space-xl) var(--embed-space-md);
}
@media screen and (max-width: 413px) {
  .SuccessScreen_wrap__0d7hF {
    padding: var(--embed-space-lg) var(--embed-space-sm);
  }
}

.SuccessScreen_badge__04aZH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: var(--embed-primary-tint-strong);
  color: var(--embed-primary);
  margin-bottom: var(--embed-space-xs);
}

.SuccessScreen_title__Y4D_T {
  font-size: var(--embed-text-page-title);
  font-weight: 700;
  letter-spacing: -0.015em;
}

.SuccessScreen_programName__C_Mxx {
  font-size: var(--embed-text-label);
  font-weight: 600;
  color: var(--embed-primary);
}

.SuccessScreen_message__TjVYp {
  font-size: var(--embed-text-body);
  color: var(--embed-muted);
  max-width: 32ch;
}

.SuccessScreen_steps__bkKyt {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
  text-align: left;
  width: 100%;
  max-width: 24rem;
  margin-top: var(--embed-space-sm);
  padding: var(--embed-pad-card);
  background: var(--embed-surface);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius);
}

.SuccessScreen_step__bzl_o {
  display: flex;
  gap: var(--embed-space-sm);
  align-items: flex-start;
  font-size: var(--embed-text-body);
  color: var(--embed-text);
}

.SuccessScreen_stepIndex__70Q7H {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background: var(--embed-primary-tint-strong);
  color: var(--embed-primary);
  font-size: var(--embed-text-caption);
  font-weight: 700;
}

.SuccessScreen_doneButton__GBM8R {
  margin-top: var(--embed-space-sm);
  padding: var(--embed-pad-control) 1.5rem;
  min-height: 2.75rem;
  background: var(--embed-primary);
  color: var(--embed-primary-text);
  border-radius: var(--embed-radius-sm);
  font-weight: 600;
  font-size: var(--embed-text-button);
}
.SuccessScreen_doneButton__GBM8R:hover {
  background: var(--embed-primary-hover);
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/MedicationSupport/MedicationSupportFlow.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* MedicationSupportFlow styles — same token set as DynamicQuestionnaire.module.scss */
.MedicationSupportFlow_wrap__RzcJH {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md);
}
.MedicationSupportFlow_wrap__RzcJH .MedicationSupportFlow_inputBase__D9inv {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: var(--embed-text-body);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  background: var(--embed-surface);
  color: var(--embed-text);
  outline: none;
  transition: border-color 120ms ease;
  box-sizing: border-box;
  font-family: inherit;
}
.MedicationSupportFlow_wrap__RzcJH .MedicationSupportFlow_inputBase__D9inv:focus {
  border-color: var(--embed-primary);
}
.MedicationSupportFlow_wrap__RzcJH .MedicationSupportFlow_inputBase__D9inv[data-error=true] {
  border-color: var(--embed-error);
}

/* ── Radio cards (Who step) ─────────────────────────── */
.MedicationSupportFlow_radioCardRow__8pcRG {
  display: grid;
  grid-gap: var(--embed-space-sm);
  gap: var(--embed-space-sm);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.MedicationSupportFlow_radioCard__zcG1i {
  position: relative;
  display: block;
  cursor: pointer;
  padding: var(--embed-space-md);
  border-radius: var(--embed-radius-sm, 6px);
  border: var(--embed-border-width) solid var(--embed-border);
  background: var(--embed-surface);
  transition: border-color 120ms ease, background 120ms ease;
}
.MedicationSupportFlow_radioCard__zcG1i:hover {
  border-color: var(--embed-primary);
}
.MedicationSupportFlow_radioCard__zcG1i[data-selected=true] {
  border-color: var(--embed-primary);
  background: color-mix(in srgb, var(--embed-primary) 6%, transparent);
}

.MedicationSupportFlow_radioCardInput__imz1K {
  position: absolute;
  top: var(--embed-space-md);
  right: var(--embed-space-md);
  accent-color: var(--embed-primary);
}

.MedicationSupportFlow_radioCardTitle__S63Aw {
  font-size: var(--embed-text-card-title);
  font-weight: 700;
  color: var(--embed-text);
}

.MedicationSupportFlow_radioCardDesc__QY_yr {
  margin: 0.25rem 0 0;
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
}

/* ── Form basics ─────────────────────────────────────── */
.MedicationSupportFlow_formStack__6Rl4M {
  display: grid;
  grid-gap: var(--embed-space-md);
  gap: var(--embed-space-md);
}
.MedicationSupportFlow_formStack__6Rl4M .MedicationSupportFlow_addButton__8gRcd {
  width: 100%;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: var(--embed-radius-sm, 6px);
  background: var(--embed-primary);
  color: var(--embed-primary-text, #fff);
  font-size: var(--embed-text-button);
  font-weight: 700;
  cursor: pointer;
  transition: all 120ms ease;
}
.MedicationSupportFlow_formStack__6Rl4M .MedicationSupportFlow_addButton__8gRcd:hover {
  transform: translateY(-1px);
}
.MedicationSupportFlow_formStack__6Rl4M .MedicationSupportFlow_addButton__8gRcd:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.MedicationSupportFlow_row2__qCW9M {
  display: grid;
  grid-gap: var(--embed-space-md);
  gap: var(--embed-space-md);
  grid-template-columns: 1fr 1fr;
}

.MedicationSupportFlow_fieldGroup__D2nhb {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-xs);
}

.MedicationSupportFlow_fieldLabel__5AKDd {
  font-size: var(--embed-text-caption);
  font-weight: 700;
  color: var(--embed-text);
  display: flex;
  align-items: center;
  gap: 0.2em;
}

.MedicationSupportFlow_required__DJv0F {
  color: var(--embed-error);
}

.MedicationSupportFlow_divider__8Vq4n {
  border: none;
  border-top: var(--embed-border-width) solid var(--embed-border);
  margin: var(--embed-space-2xs) 0;
}

/* ── Pill options (term of address, relation-language, with-food, duration) ── */
.MedicationSupportFlow_pillRow__7KABV {
  display: flex;
  flex-wrap: wrap;
  gap: var(--embed-space-xs);
}

.MedicationSupportFlow_pillButton__uUpdf {
  padding: 0.5rem 0.875rem;
  border-radius: var(--embed-radius-pill, 999px);
  border: var(--embed-border-width) solid var(--embed-border);
  background: var(--embed-surface);
  color: var(--embed-text);
  font-size: var(--embed-text-caption);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}
.MedicationSupportFlow_pillButton__uUpdf:hover {
  border-color: var(--embed-primary);
}
.MedicationSupportFlow_pillButton__uUpdf[data-selected=true] {
  border-color: var(--embed-primary);
  background: var(--embed-primary-tint, color-mix(in srgb, var(--embed-primary) 12%, var(--embed-surface)));
  color: var(--embed-primary);
}

.MedicationSupportFlow_helperText__SAAA_ {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
  line-height: 1.4;
}

/* ── Icon options (When? — morning/afternoon/night) ─── */
.MedicationSupportFlow_iconOptionRow__VBSry {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--embed-space-sm);
  gap: var(--embed-space-sm);
}

.MedicationSupportFlow_iconOption__cUw7d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: var(--embed-space-sm) var(--embed-space-xs);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  background: var(--embed-surface);
  cursor: pointer;
  transition: border-color 120ms ease, background 120ms ease;
}
.MedicationSupportFlow_iconOption__cUw7d:hover {
  border-color: var(--embed-primary);
}
.MedicationSupportFlow_iconOption__cUw7d[data-selected=true] {
  border-color: var(--embed-primary);
  background: var(--embed-primary-tint, color-mix(in srgb, var(--embed-primary) 12%, var(--embed-surface)));
}

.MedicationSupportFlow_iconOptionGlyph__5mWUC {
  font-size: 1.375rem;
  line-height: 1;
}

.MedicationSupportFlow_iconOptionLabel__l5TlU {
  font-size: var(--embed-text-caption);
  font-weight: 700;
  color: var(--embed-text);
}

/* ── Tablet colour swatches ──────────────────────────── */
.MedicationSupportFlow_colorRow__rq0ZW {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.MedicationSupportFlow_colorSwatch__GehZX {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--embed-text) 12%, transparent);
  transition: border-color 120ms ease, transform 120ms ease;
}
.MedicationSupportFlow_colorSwatch__GehZX[data-selected=true] {
  border-color: var(--embed-primary);
  transform: scale(1.08);
}

.MedicationSupportFlow_errorText__9lvY0 {
  font-size: var(--embed-text-caption);
  color: var(--embed-error);
  font-weight: 600;
}

/* ── Grouped time list (Medicines & times) ───────────── */
.MedicationSupportFlow_timeGroupList__zgtVu {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
}

.MedicationSupportFlow_timeGroupSection__1YQ3m {
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  overflow: hidden;
}

.MedicationSupportFlow_timeGroupHeader__XUeKx {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 0.875rem;
  background: var(--embed-primary-tint, color-mix(in srgb, var(--embed-primary) 10%, transparent));
  font-size: var(--embed-text-caption);
  font-weight: 700;
  color: var(--embed-primary);
}

.MedicationSupportFlow_medicineRow__TDLdM {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--embed-space-sm);
  padding: 0.625rem 0.875rem;
  border-top: var(--embed-border-width) solid var(--embed-border);
}
.MedicationSupportFlow_medicineRow__TDLdM:first-of-type {
  border-top: none;
}

.MedicationSupportFlow_medicineInfo__Z9FEA {
  min-width: 0;
  font-size: var(--embed-text-body);
  color: var(--embed-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MedicationSupportFlow_medicineName__jEpuv {
  font-weight: 600;
}

.MedicationSupportFlow_medicineMeta__l3i2c {
  display: flex;
  align-items: center;
  gap: var(--embed-space-xs);
  flex-shrink: 0;
}

.MedicationSupportFlow_medicineBadge__eG6xU {
  padding: 0.2rem 0.625rem;
  border-radius: var(--embed-radius-pill, 999px);
  background: var(--embed-background);
  color: var(--embed-muted);
  font-size: var(--embed-text-caption);
  font-weight: 600;
  white-space: nowrap;
}

.MedicationSupportFlow_medicineRemove__6KoRo {
  background: none;
  border: none;
  color: var(--embed-error);
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 0.125rem;
}

/* ── Review: Your Details card ───────────────────────── */
.MedicationSupportFlow_detailsCard__ix84y {
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius-sm, 6px);
  padding: var(--embed-space-md);
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
}

.MedicationSupportFlow_detailsCardHeader__RFSGY {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.MedicationSupportFlow_detailsCardTitle__84iPG {
  font-size: var(--embed-text-card-title);
  font-weight: 700;
  color: var(--embed-text);
}

.MedicationSupportFlow_editPill__FkVRa {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.75rem;
  border-radius: var(--embed-radius-pill, 999px);
  border: var(--embed-border-width) solid var(--embed-success, var(--embed-primary));
  background: color-mix(in srgb, var(--embed-success, var(--embed-primary)) 10%, transparent);
  color: var(--embed-success, var(--embed-primary));
  font-size: var(--embed-text-caption);
  font-weight: 700;
  cursor: pointer;
}

.MedicationSupportFlow_detailsRow__G2sVU {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--embed-space-sm);
  padding-top: var(--embed-space-sm);
  border-top: var(--embed-border-width) solid var(--embed-border);
}
.MedicationSupportFlow_detailsRow__G2sVU:first-of-type {
  border-top: none;
  padding-top: 0;
}

.MedicationSupportFlow_detailsLabel__hUtEc {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted);
}

.MedicationSupportFlow_detailsValue___b4CN {
  font-size: var(--embed-text-body);
  font-weight: 700;
  color: var(--embed-text);
}

.MedicationSupportFlow_sectionTitle__3ErwX {
  font-size: var(--embed-text-section-title);
  font-weight: 700;
  color: var(--embed-text);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/embed/EmbedFlow/EmbedPreviewSkeleton.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* EmbedPreviewSkeleton.module.scss
   Full-width shimmer skeleton that mirrors the actual EmbedShell + content layout.
   Rendered in place of the pre-hydration spinner to prevent layout shift.
   ─────────────────────────────────────────────────────────────────────────── */
/* ── Shimmer keyframe ─────────────────────────────────────────────────────── */
@keyframes EmbedPreviewSkeleton_shimmer__8Z7m_ {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
/* ── Shared shimmer mixin (applied to every placeholder element) ─────────── */
.EmbedPreviewSkeleton_shimmerBase___RATJ {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0.06) 100%);
  background-size: 600px 100%;
  animation: EmbedPreviewSkeleton_shimmer__8Z7m_ 1.6s ease-in-out infinite;
  border-radius: 6px;
}

/* ── Outer shell — matches EmbedShell's structure ──────────────────────────
   Width 100%, flex-column, same background token as real shell.             */
.EmbedPreviewSkeleton_skeleton__pUmYv {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--embed-background, #f8fafc);
  border-radius: var(--embed-radius, 16px);
  overflow: hidden;
  /* Keeps the skeleton the same height as the loaded content so the
     browserContent / previewStage never collapses during the transition.    */
  min-height: 440px;
}

/* ── Top navigation bar — mirrors EmbedShell's .topBar ─────────────────── */
.EmbedPreviewSkeleton_topBar__dxeqC {
  background: var(--embed-primary, #1c3b57);
  padding: 0.875rem 1.25rem;
  border-top-left-radius: var(--embed-radius, 16px);
  border-top-right-radius: var(--embed-radius, 16px);
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media (min-width: 480px) {
  .EmbedPreviewSkeleton_topBar__dxeqC {
    padding: 1rem 2rem;
  }
}

/* Logo / brand pill in the topbar */
.EmbedPreviewSkeleton_topBarLogo__mfPqt {
  width: 120px;
  height: 20px;
  border-radius: 4px;
  /* Override shimmer colors to contrast against the dark topBar */
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 40%, rgba(255, 255, 255, 0.15) 100%);
  background-size: 600px 100%;
}

/* ── Main content frame — mirrors EmbedShell's .frame ───────────────────── */
.EmbedPreviewSkeleton_frame___G_Ao {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem;
  flex: 1 1;
}
@media (min-width: 480px) {
  .EmbedPreviewSkeleton_frame___G_Ao {
    padding: 1.5rem 2rem;
  }
}
@media (min-width: 768px) {
  .EmbedPreviewSkeleton_frame___G_Ao {
    padding: 2rem 2.5rem;
    max-width: 48rem;
    width: 100%;
    margin-inline: auto;
  }
}

/* ── Header section skeleton ─────────────────────────────────────────────── */
.EmbedPreviewSkeleton_headerBlock__0RjTc {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Eyebrow label (e.g. "GET STARTED") */
.EmbedPreviewSkeleton_eyebrow__DXUg6 {
  height: 12px;
  width: 80px;
  border-radius: 4px;
}

/* Page title — wide line */
.EmbedPreviewSkeleton_titleLine__DGWNE {
  height: 28px;
  width: 75%;
  border-radius: 6px;
}

/* Description text lines */
.EmbedPreviewSkeleton_descLine__IJ1gO {
  height: 14px;
  border-radius: 4px;
}

.EmbedPreviewSkeleton_descLine__IJ1gO:nth-child(1) {
  width: 95%;
}

.EmbedPreviewSkeleton_descLine__IJ1gO:nth-child(2) {
  width: 88%;
}

.EmbedPreviewSkeleton_descLine__IJ1gO:nth-child(3) {
  width: 60%;
}

/* ── Option/card grid section skeleton ──────────────────────────────────── */
.EmbedPreviewSkeleton_cardGrid__BRW5c {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.875rem;
  gap: 0.875rem;
}
@media (min-width: 480px) {
  .EmbedPreviewSkeleton_cardGrid__BRW5c {
    grid-template-columns: 1fr 1fr;
  }
}

/* Individual card placeholder */
.EmbedPreviewSkeleton_cardItem__DQPGG {
  height: 120px;
  border-radius: var(--embed-radius, 12px);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.055) 0%, rgba(0, 0, 0, 0.025) 40%, rgba(0, 0, 0, 0.055) 100%);
  background-size: 600px 100%;
  /* Stagger the shimmer phase so cards don't pulse in unison */
}
.EmbedPreviewSkeleton_cardItem__DQPGG:nth-child(2) {
  animation-delay: 0.1s;
}
.EmbedPreviewSkeleton_cardItem__DQPGG:nth-child(3) {
  animation-delay: 0.2s;
}
.EmbedPreviewSkeleton_cardItem__DQPGG:nth-child(4) {
  animation-delay: 0.3s;
}

/* ── Button / footer area skeleton ──────────────────────────────────────── */
.EmbedPreviewSkeleton_buttonRow__5IriR {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.EmbedPreviewSkeleton_buttonPlaceholder__wNLGN {
  height: 44px;
  width: 140px;
  border-radius: var(--embed-button-radius, 8px);
}

/* Secondary / "back" button placeholder */
.EmbedPreviewSkeleton_buttonPlaceholderSm__IddO4 {
  height: 44px;
  width: 90px;
  border-radius: var(--embed-button-radius, 8px);
  opacity: 0.55;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/NewFlow/Website/Website1/DemoWebsite/DemoWebsite.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
/* =========================================================
   Page tabs, stage
   (chrome / shell / bar now provided by DemoBrowserLayout)
   ========================================================= */
.DemoWebsite_tabs__u81d4 {
  flex: none;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  overflow-x: auto;
  background: var(--bg-surface-2, var(--bg-page));
  border-bottom: 1px solid var(--border-color);
  scrollbar-width: thin;
}
.DemoWebsite_tabs__u81d4 button {
  flex: none;
  white-space: nowrap;
  padding: 9px 14px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
}
.DemoWebsite_tabs__u81d4 button small {
  opacity: 0.6;
  margin-right: 4px;
}
.DemoWebsite_tabs__u81d4 button:hover {
  background: var(--sidebar-item-hover);
  color: var(--text-primary);
}
.DemoWebsite_tabs__u81d4 .DemoWebsite_tabOn___tkUa, .DemoWebsite_tabs__u81d4 .DemoWebsite_tabOn___tkUa:hover {
  background: var(--text-primary);
  color: var(--bg-page);
}

.DemoWebsite_customizeBtn__bPDZU {
  margin-left: auto;
  border: 1px solid var(--border-color) !important;
}

.DemoWebsite_standaloneHost__Z_Tsx {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--bg-page);
  color: var(--text-primary);
}

.DemoWebsite_stage__wPcuK {
  flex: 1 1;
  min-height: 0;
  display: flex;
}
@media (max-width: 860px) {
  .DemoWebsite_stage__wPcuK {
    flex-direction: column;
  }
}

.DemoWebsite_siteWrap__7dW9l {
  position: relative;
  flex: 1 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  container-name: dw;
  /* derived tokens – everything below reads only --dw-* variables */
  --dw-muted: color-mix(in srgb, var(--dw-text) 62%, var(--dw-bg));
  --dw-line: color-mix(in srgb, var(--dw-text) 12%, var(--dw-bg));
  --dw-surface: color-mix(in srgb, #fff 72%, var(--dw-bg));
  --dw-heading-font: Georgia, "Times New Roman", var(--dw-font), serif;
  --dw-dark-card-bg: color-mix(in srgb, var(--dw-primary) 85%, #051a14);
}

.DemoWebsite_siteScroll__iCNho {
  flex: 1 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--dw-bg);
}

.DemoWebsite_site__wzZbw {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--dw-bg);
  color: var(--dw-text);
  font-family: var(--dw-font);
  font-size: calc(var(--dw-font-size) * var(--dw-body-scale));
  line-height: 1.55;
}
.DemoWebsite_site__wzZbw button {
  font-family: inherit;
}

.DemoWebsite_page__POXnv {
  flex: 1 1;
  animation: DemoWebsite_pageIn__r2oXC 0.25s ease;
}

@keyframes DemoWebsite_pageIn__r2oXC {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* =========================================================
   Demo website typography & base containers
   ========================================================= */
.DemoWebsite_wrap__lW19l {
  max-width: var(--dw-width);
  margin-inline: auto;
  padding-inline: 28px;
  width: 100%;
}

.DemoWebsite_narrow___0aP9 {
  max-width: min(var(--dw-width), 880px);
}

.DemoWebsite_section__54qsj {
  padding-block: var(--dw-section-y);
}

.DemoWebsite_tint__rhv43 {
  background: var(--dw-secondary);
}

.DemoWebsite_alt__7h8cQ {
  background: color-mix(in srgb, var(--dw-text) 3%, var(--dw-bg));
}

.DemoWebsite_h1__vQ7dP {
  margin: 20px 0 16px;
  font-family: var(--dw-heading-font);
  font-size: calc(var(--dw-font-size) * 3.4 * var(--dw-heading-scale));
  line-height: 1.06;
  letter-spacing: -0.035em;
  font-weight: 700;
  color: var(--dw-text);
}
.DemoWebsite_h1__vQ7dP em {
  font-style: italic;
  color: var(--dw-primary);
}

.DemoWebsite_h2__JtF4Z {
  margin: 0 0 12px;
  font-family: var(--dw-heading-font);
  font-size: calc(var(--dw-font-size) * 2.3 * var(--dw-heading-scale));
  line-height: 1.12;
  letter-spacing: -0.025em;
  font-weight: 700;
  color: var(--dw-text);
}

.DemoWebsite_h3__n1Xx3 {
  margin: 0 0 8px;
  font-family: var(--dw-heading-font);
  font-size: calc(var(--dw-font-size) * 1.35 * var(--dw-heading-scale));
  line-height: 1.25;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: var(--dw-text);
}

.DemoWebsite_lead__pYp1M {
  margin: 0;
  max-width: 720px;
  color: var(--dw-muted);
  font-size: 1.08em;
  line-height: 1.6;
}

.DemoWebsite_leadCenter__VtGyQ {
  margin-inline: auto;
  text-align: center;
}

.DemoWebsite_eyebrow__2S2du {
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dw-primary);
}

/* centered section header block */
.DemoWebsite_sectionHeaderCenter__IxyKT {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 36px;
}
.DemoWebsite_sectionHeaderCenter__IxyKT h2 {
  margin-bottom: 12px;
}
.DemoWebsite_sectionHeaderCenter__IxyKT p {
  margin: 0 auto;
  color: var(--dw-muted);
  font-size: 1.05em;
  line-height: 1.55;
}

/* left-aligned section header block */
.DemoWebsite_sectionHeaderLeft__oTtg3 {
  max-width: 760px;
  margin-bottom: 28px;
}
.DemoWebsite_sectionHeaderLeft__oTtg3 h2 {
  margin-bottom: 10px;
}
.DemoWebsite_sectionHeaderLeft__oTtg3 p {
  margin: 0;
  color: var(--dw-muted);
  font-size: 1.05em;
  line-height: 1.55;
}

/* buttons */
.DemoWebsite_btn__NLXdH {
  border: 0;
  cursor: pointer;
  padding: 0.8em 1.6em;
  border-radius: var(--dw-btn-radius);
  font-size: 0.96em;
  font-weight: 600;
  background: var(--dw-button);
  color: var(--dw-on-button);
  transition: filter 0.15s ease, transform 0.15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.DemoWebsite_btn__NLXdH:hover {
  filter: brightness(1.08);
}
.DemoWebsite_btn__NLXdH:active {
  transform: translateY(1px);
}

.DemoWebsite_btnGhost__Q8NKe {
  background: transparent;
  color: var(--dw-primary);
  box-shadow: inset 0 0 0 1.5px var(--dw-primary);
}

.DemoWebsite_btnLight__k0Qbp {
  background: #fff;
  color: var(--dw-primary);
}

.DemoWebsite_inlineLink___qyqB {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: var(--dw-primary);
  text-decoration: underline;
  font-size: inherit;
}

/* =========================================================
   Header
   ========================================================= */
.DemoWebsite_header__mx_Tz {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--dw-bg);
  border-bottom: 1px solid var(--dw-line);
}

.DemoWebsite_headerInner__X8KbT {
  position: relative;
  max-width: var(--dw-width);
  margin-inline: auto;
  padding: 14px 28px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.DemoWebsite_logo__LiCO3 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--dw-text);
  font-family: var(--dw-heading-font);
  font-size: 1.35em;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.DemoWebsite_mark__BuU_W {
  width: 2em;
  height: 2em;
  border-radius: calc(var(--dw-btn-radius) * 0.25);
  min-width: 36px;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72em;
  font-weight: 700;
  background: var(--dw-primary);
  color: var(--dw-on-primary);
}

.DemoWebsite_nav__3Znbj {
  flex: 1 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.DemoWebsite_navLink__iY9OU {
  padding: 8px 12px;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--dw-muted);
  font-size: 0.98em;
  font-weight: 500;
  border-radius: 8px;
  transition: color 0.15s ease;
}
.DemoWebsite_navLink__iY9OU:hover {
  color: var(--dw-text);
}

.DemoWebsite_navOn__p0tPK {
  color: var(--dw-primary) !important;
  font-weight: 600;
}

.DemoWebsite_headerActions__7r1gB {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* circular icon button (theme toggle, accessibility) */
.DemoWebsite_iconCircleBtn__vbPep {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid var(--dw-line);
  background: var(--dw-surface);
  color: var(--dw-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.DemoWebsite_iconCircleBtn__vbPep:hover {
  background: var(--dw-secondary);
  border-color: var(--dw-muted);
}
.DemoWebsite_iconCircleBtn__vbPep svg {
  width: 18px;
  height: 18px;
}

.DemoWebsite_themeToggleHeader__YbaHZ {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid var(--dw-line);
  background: var(--dw-surface);
  color: var(--dw-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.DemoWebsite_navCta__UDEbv {
  padding: 9px 20px;
  font-size: 0.94em;
  border-radius: var(--dw-btn-radius);
  background: var(--dw-button);
  color: var(--dw-on-button);
}

.DemoWebsite_dd__1wMtW {
  position: relative;
}

.DemoWebsite_ddList__32haB {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 220px;
  padding: 6px;
  z-index: 40;
  background: var(--dw-surface);
  border: 1px solid var(--dw-line);
  border-radius: var(--dw-card-radius);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
}
.DemoWebsite_ddList__32haB button {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--dw-text);
  border-radius: 10px;
  font-size: 0.95em;
}
.DemoWebsite_ddList__32haB button:hover {
  background: var(--dw-secondary);
}

.DemoWebsite_burger__wSysY {
  display: none;
  margin-left: auto;
  padding: 6px;
  border: 0;
  background: none;
  cursor: pointer;
  color: inherit;
}

.DemoWebsite_h_filled__eDqpr {
  background: var(--dw-primary);
  border-bottom-color: transparent;
  color: var(--dw-on-primary);
}
.DemoWebsite_h_filled__eDqpr .DemoWebsite_logo__LiCO3 {
  color: var(--dw-on-primary);
}
.DemoWebsite_h_filled__eDqpr .DemoWebsite_mark__BuU_W {
  background: var(--dw-on-primary);
  color: var(--dw-primary);
}
.DemoWebsite_h_filled__eDqpr .DemoWebsite_navLink__iY9OU {
  color: var(--dw-on-primary);
  opacity: 0.85;
}
.DemoWebsite_h_filled__eDqpr .DemoWebsite_navLink__iY9OU:hover {
  opacity: 1;
  color: var(--dw-on-primary);
}
.DemoWebsite_h_filled__eDqpr .DemoWebsite_navOn__p0tPK {
  color: var(--dw-on-primary) !important;
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 6px;
}
.DemoWebsite_h_filled__eDqpr .DemoWebsite_navCta__UDEbv {
  background: var(--dw-on-primary);
  color: var(--dw-primary);
}

.DemoWebsite_h_centered__aapF0 .DemoWebsite_headerInner__X8KbT {
  flex-direction: column;
  gap: 8px;
}
.DemoWebsite_h_centered__aapF0 .DemoWebsite_headerInner__X8KbT .DemoWebsite_nav__3Znbj {
  flex: none;
  flex-wrap: wrap;
  justify-content: center;
}
.DemoWebsite_h_centered__aapF0 .DemoWebsite_headerInner__X8KbT .DemoWebsite_headerActions__7r1gB {
  margin-left: 0;
}

/* =========================================================
   Hero section
   ========================================================= */
.DemoWebsite_hero__ejTSF {
  padding-block: calc(var(--dw-section-y) * 0.85);
  background: var(--dw-secondary);
}

.DemoWebsite_heroGrid__p84qV {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  grid-gap: 48px;
  gap: 48px;
  align-items: center;
}

.DemoWebsite_pill__4M8VK {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 16px;
  border-radius: 999px;
  background: var(--dw-surface);
  border: 1px solid var(--dw-line);
  color: var(--dw-text);
  font-size: 0.88em;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.DemoWebsite_pillDot__RWIG0 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1fa971;
  flex-shrink: 0;
}

.DemoWebsite_heroText__56fYu {
  margin: 0 0 24px;
  max-width: 560px;
  color: var(--dw-muted);
  font-size: 1.14em;
  line-height: 1.6;
}

.DemoWebsite_checks__j34bY {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  color: var(--dw-muted);
  font-size: 0.95em;
}
.DemoWebsite_checks__j34bY li::before {
  content: "✓ ";
  color: var(--dw-primary);
  font-weight: 700;
  margin-right: 4px;
}

/* "Am I eligible?" Hero Card */
.DemoWebsite_helpCard__bvzNR {
  padding: 32px 28px;
  border-radius: calc(var(--dw-card-radius) * 1.2);
  color: #fff;
  background: var(--dw-dark-card-bg);
  box-shadow: 0 24px 48px -12px rgba(0, 0, 0, 0.35);
}
.DemoWebsite_helpCard__bvzNR h3 {
  margin: 0 0 6px;
  font-family: var(--dw-heading-font);
  font-size: calc(var(--dw-font-size) * 1.7 * var(--dw-heading-scale));
  letter-spacing: -0.02em;
  color: #fff;
}

.DemoWebsite_helpCardSub__vBaOq {
  margin: 0 0 20px;
  font-size: 0.9em;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.45;
}

.DemoWebsite_helpCardList__9jD_O {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.DemoWebsite_helpCardList__9jD_O button {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  cursor: pointer;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: calc(var(--dw-card-radius) * 0.6);
  font-size: 0.98em;
  text-align: left;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.DemoWebsite_helpCardList__9jD_O button:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}
.DemoWebsite_helpCardList__9jD_O button b {
  font-weight: 600;
}
.DemoWebsite_helpCardList__9jD_O button span {
  font-size: 0.86em;
  opacity: 0.78;
  white-space: nowrap;
}

.DemoWebsite_helpCardDivider__SHL01 {
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
  margin: 20px 0 16px;
}

.DemoWebsite_helpCardFooter__2LsQD {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 0.88em;
  color: rgba(255, 255, 255, 0.75);
}

.DemoWebsite_helpCardLink__Q0_MS {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: underline;
  font-size: inherit;
  font-family: inherit;
  font-weight: 500;
}
.DemoWebsite_helpCardLink__Q0_MS:hover {
  opacity: 0.85;
}

/* =========================================================
   Programs Section (Every program, every price, up front.)
   ========================================================= */
.DemoWebsite_programsGrid___9LRG {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 20px;
  gap: 20px;
  margin-top: 36px;
}

.DemoWebsite_progCard__3A_3P {
  border: 1px solid var(--dw-line);
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
  background: var(--dw-surface);
  border-radius: var(--dw-card-radius);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: var(--embed-shadow-card, none);
  max-width: 300px;
}
.DemoWebsite_progCard__3A_3P:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}

/* featured / highlighted program card (last card in grid) */
.DemoWebsite_progCardFeatured__w4p7A {
  position: relative;
}

.DemoWebsite_progCardTitle__Tolub {
  margin: 0 0 8px;
  font-family: var(--dw-heading-font);
  font-size: 1.28em;
  font-weight: 700;
  color: var(--dw-text);
}

.DemoWebsite_progCardDesc__pCrj3 {
  margin: 0 0 18px;
  color: var(--dw-muted);
  font-size: 0.9em;
  line-height: 1.5;
  min-height: 42px;
}

.DemoWebsite_progPriceRow__yyyZM {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

.DemoWebsite_progPriceFrom__qDbTi {
  font-size: 0.95em;
  color: var(--dw-text);
  font-weight: 500;
}

.DemoWebsite_progPriceAmount__5rhIs {
  font-family: var(--dw-heading-font);
  font-size: 2.3em;
  font-weight: 700;
  color: var(--dw-text);
  line-height: 1;
}

.DemoWebsite_progPricePeriod__wZRaV {
  font-size: 0.85em;
  color: var(--dw-muted);
}

.DemoWebsite_progCardDivider__cH0Ti {
  height: 1px;
  background: var(--dw-line);
  margin: 20px 0 16px;
}

.DemoWebsite_progCardFeatureNote__JawOq {
  margin: 0 0 24px;
  color: var(--dw-muted);
  font-size: 0.88em;
  line-height: 1.48;
  flex: 1 1;
}

.DemoWebsite_progCardLinkBtn__XnUT_ {
  margin-top: auto;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--dw-primary);
  font-size: 0.96em;
  font-weight: 700;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.DemoWebsite_progCardLinkBtn__XnUT_:hover {
  text-decoration: underline;
}

.DemoWebsite_progCardBtnFeatured__oXbYN {
  margin-top: auto;
  width: 100%;
  border: 0;
  cursor: pointer;
  padding: 12px 18px;
  border-radius: var(--dw-btn-radius);
  font-size: 0.96em;
  font-weight: 600;
  background: var(--dw-primary);
  color: var(--dw-on-primary);
  text-align: center;
  transition: filter 0.15s ease;
}
.DemoWebsite_progCardBtnFeatured__oXbYN:hover {
  filter: brightness(1.08);
}

/* =========================================================
   Clinicians Section (A named clinician reads every intake.)
   ========================================================= */
.DemoWebsite_clinicianProfileCard__NlOFI {
  max-width: 680px;
  padding: 24px 28px;
  background: var(--dw-surface);
  border: 1px solid var(--dw-line);
  border-radius: var(--dw-card-radius);
  display: flex;
  align-items: center;
  gap: 24px;
  box-shadow: var(--embed-shadow-card, none);
}

.DemoWebsite_clinicianAvatar__g3j6k {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--dw-heading-font);
  font-size: 1.45em;
  font-weight: 700;
  background: var(--dw-secondary);
  color: var(--dw-primary);
}

.DemoWebsite_clinicianInfo__Fzokd {
  display: flex;
  flex-direction: column;
}

.DemoWebsite_clinicianEyebrow__tJSUv {
  font-size: 0.72em;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--dw-muted);
  margin-bottom: 4px;
}

.DemoWebsite_clinicianName__wZe9b {
  margin: 0 0 6px;
  font-family: var(--dw-heading-font);
  font-size: 1.3em;
  font-weight: 700;
  color: var(--dw-text);
}

.DemoWebsite_clinicianBio__kWyZY {
  margin: 0;
  font-size: 0.88em;
  color: var(--dw-muted);
  line-height: 1.5;
}

/* =========================================================
   How It Works (What happens, and when.)
   ========================================================= */
.DemoWebsite_stepsGrid__pAZ65 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
  gap: 16px;
  margin-top: 24px;
}

.DemoWebsite_stepCard__NU0Lr {
  display: flex;
  flex-direction: column;
  padding: 22px 20px;
  background: var(--dw-surface);
  border: 1px solid var(--dw-line);
  border-radius: var(--dw-card-radius);
  box-shadow: var(--embed-shadow-card, none);
}

.DemoWebsite_stepTag__KE8Q8 {
  font-size: 0.73em;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--dw-primary);
  margin-bottom: 8px;
}

.DemoWebsite_stepTitle__HCdCf {
  margin: 0 0 8px;
  font-weight: 700;
  font-size: 1.05em;
  color: var(--dw-text);
}

.DemoWebsite_stepText__FKwhF {
  margin: 0;
  font-size: 0.88em;
  color: var(--dw-muted);
  line-height: 1.5;
}

/* 3 Value-Prop Highlight Cards */
.DemoWebsite_valuePropsGrid__18U28 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  gap: 16px;
  margin-top: 24px;
}

.DemoWebsite_valuePropCard__qbWqq {
  padding: 22px 24px;
  background: var(--dw-secondary);
  border: 1px solid var(--dw-line);
  border-radius: var(--dw-card-radius);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.DemoWebsite_valuePropCard__qbWqq strong {
  font-size: 1.6em;
  font-weight: 700;
  color: var(--dw-text);
  font-family: var(--dw-heading-font);
  line-height: 1.15;
}
.DemoWebsite_valuePropCard__qbWqq p {
  margin: 0;
  font-size: 0.88em;
  color: var(--dw-text);
  opacity: 0.85;
  line-height: 1.45;
}

/* =========================================================
   FAQ (Common questions)
   ========================================================= */
.DemoWebsite_faqSection__HBbYR {
  margin-top: 56px;
}

.DemoWebsite_faqList__IyFYu {
  border-top: 1px solid var(--dw-line);
}

.DemoWebsite_faqItem__fy4_b {
  border-bottom: 1px solid var(--dw-line);
}

.DemoWebsite_faqButton__NCjeA {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 0;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--dw-text);
  text-align: left;
  font-size: 1.05em;
  font-weight: 600;
  transition: color 0.15s ease;
}
.DemoWebsite_faqButton__NCjeA:hover {
  color: var(--dw-primary);
}

.DemoWebsite_faqArrow__kr2Fk {
  font-size: 0.75em;
  display: inline-block;
  transition: transform 0.2s ease;
  color: var(--dw-text);
}

.DemoWebsite_faqArrowOpen__LuViW {
  transform: rotate(90deg);
}

.DemoWebsite_faqAnswer__LyXsw {
  margin: 0;
  padding: 0 0 18px 24px;
  color: var(--dw-muted);
  font-size: 0.95em;
  line-height: 1.6;
  max-width: 720px;
}

/* =========================================================
   Ready When You Are CTA Banner
   ========================================================= */
.DemoWebsite_ctaBanner__4hgmS {
  background: var(--dw-dark-card-bg);
  border-radius: calc(var(--dw-card-radius) * 1.4);
  padding: 56px 32px;
  text-align: center;
  color: #fff;
  margin: 40px auto 64px;
  max-width: var(--dw-width);
}

.DemoWebsite_ctaTitle__UrgMT {
  margin: 0 0 10px;
  font-family: var(--dw-heading-font);
  font-size: calc(var(--dw-font-size) * 2.3 * var(--dw-heading-scale));
  letter-spacing: -0.025em;
  color: #fff;
  font-weight: 700;
}

.DemoWebsite_ctaSubtitle__ZcrOk {
  margin: 0 auto 28px;
  max-width: 580px;
  font-size: 1em;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.55;
}

.DemoWebsite_ctaBtn__ZkS1N {
  border: 0;
  cursor: pointer;
  padding: 12px 28px;
  border-radius: var(--dw-btn-radius);
  font-size: 1em;
  font-weight: 600;
  background: var(--dw-button);
  color: var(--dw-on-button);
  transition: filter 0.15s ease, transform 0.15s ease;
}
.DemoWebsite_ctaBtn__ZkS1N:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.DemoWebsite_ctaBtn__ZkS1N:active {
  transform: translateY(0);
}

/* =========================================================
   Footer
   ========================================================= */
.DemoWebsite_footer__GY6xs {
  padding: 36px 0;
  color: rgba(255, 255, 255, 0.7);
  background: color-mix(in srgb, var(--dw-text) 92%, #051a14);
}

.DemoWebsite_footerLegal__YUzx1 {
  margin: 0;
  font-size: 0.84em;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.65);
}

/* =========================================================
   Program Detail & Other Subpages
   ========================================================= */
.DemoWebsite_detailHero__5CxHn {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  grid-gap: 40px;
  gap: 40px;
  align-items: center;
}

.DemoWebsite_crumb__5FVeH {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--dw-primary);
  font-weight: 600;
  margin-bottom: 12px;
}

.DemoWebsite_priceCard__pE7Fp {
  padding: 28px;
  border-radius: var(--dw-card-radius);
  background: var(--dw-primary);
  color: var(--dw-on-primary);
}
.DemoWebsite_priceCard__pE7Fp strong {
  display: block;
  font-size: calc(var(--dw-font-size) * 3 * var(--dw-heading-scale));
  letter-spacing: -0.03em;
}
.DemoWebsite_priceCard__pE7Fp strong small {
  font-size: 0.35em;
  font-weight: 500;
}
.DemoWebsite_priceCard__pE7Fp p {
  margin: 6px 0 0;
  opacity: 0.9;
}

.DemoWebsite_cards__hxGGQ {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 18px;
  gap: 18px;
  margin-top: 32px;
}

.DemoWebsite_card__daQkH {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 22px;
  background: var(--dw-surface);
  border: 1px solid var(--dw-line);
  border-radius: var(--dw-card-radius);
}
.DemoWebsite_card__daQkH p {
  margin: 0 0 12px;
  color: var(--dw-muted);
}

.DemoWebsite_cardActs__mcuoS {
  margin-top: auto;
  padding-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.DemoWebsite_person__p300g {
  align-items: flex-start;
}

.DemoWebsite_avatar__CWXEn {
  width: 56px;
  height: 56px;
  margin-bottom: 8px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  background: var(--dw-secondary);
  color: var(--dw-primary);
}

.DemoWebsite_med__gMA52 img {
  width: 100%;
  height: 150px;
  object-fit: contain;
  border-radius: calc(var(--dw-card-radius) * 0.6);
  background: #fff;
  margin-bottom: 10px;
}

.DemoWebsite_startGrid__xMpOG {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-gap: 40px;
  gap: 40px;
  align-items: start;
}

/* =========================================================
   Responsive – container queries driven by PREVIEW width
   ========================================================= */
@container dw (max-width: 980px) {
  .DemoWebsite_heroGrid__p84qV, .DemoWebsite_detailHero__5CxHn, .DemoWebsite_startGrid__xMpOG {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .DemoWebsite_stepsGrid__pAZ65 {
    grid-template-columns: repeat(2, 1fr);
  }
  .DemoWebsite_valuePropsGrid__18U28 {
    grid-template-columns: 1fr;
  }
}
@container dw (max-width: 760px) {
  .DemoWebsite_burger__wSysY {
    display: inline-flex;
  }
  .DemoWebsite_headerInner__X8KbT {
    gap: 12px;
    padding: 12px 18px;
  }
  .DemoWebsite_nav__3Znbj {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    padding: 10px 18px 16px;
    background: var(--dw-bg);
    border-bottom: 1px solid var(--dw-line);
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.1);
  }
  .DemoWebsite_navOpen__JplOG {
    display: flex;
  }
  .DemoWebsite_navLink__iY9OU {
    text-align: left;
    padding: 12px 10px;
  }
  .DemoWebsite_dd__1wMtW .DemoWebsite_ddList__32haB {
    position: static;
    box-shadow: none;
    margin: 0 0 4px 8px;
  }
  .DemoWebsite_h_filled__eDqpr .DemoWebsite_nav__3Znbj {
    background: var(--dw-primary);
  }
  .DemoWebsite_wrap__lW19l {
    padding-inline: 18px;
  }
  .DemoWebsite_h1__vQ7dP {
    font-size: calc(var(--dw-font-size) * 2.5 * var(--dw-heading-scale));
  }
  .DemoWebsite_h2__JtF4Z {
    font-size: calc(var(--dw-font-size) * 1.8 * var(--dw-heading-scale));
  }
  .DemoWebsite_section__54qsj {
    padding-block: calc(var(--dw-section-y) * 0.7);
  }
  .DemoWebsite_programsGrid___9LRG {
    grid-template-columns: 1fr;
  }
  .DemoWebsite_stepsGrid__pAZ65 {
    grid-template-columns: 1fr;
  }
  .DemoWebsite_clinicianProfileCard__NlOFI {
    flex-direction: column;
    align-items: flex-start;
  }
}
@container dw (max-width: 480px) {
  .DemoWebsite_headerActions__7r1gB .DemoWebsite_navCta__UDEbv {
    display: none;
  }
  .DemoWebsite_ctaBanner__4hgmS {
    padding: 40px 20px;
  }
}
/* =========================================================
   Shared Brand Theme additions:
   saved button style + card shadow.
   ========================================================= */
.DemoWebsite_logoImg__CxzZW {
  display: block;
  max-height: 40px;
  max-width: 180px;
  object-fit: contain;
}

.DemoWebsite_siteWrap__7dW9l[data-button-style=outline] .DemoWebsite_btn__NLXdH:not(.DemoWebsite_btnGhost__Q8NKe):not(.DemoWebsite_btnLight__k0Qbp) {
  background: transparent;
  color: var(--dw-primary);
  box-shadow: inset 0 0 0 1.5px var(--dw-primary);
}

.DemoWebsite_siteWrap__7dW9l[data-button-style=soft] .DemoWebsite_btn__NLXdH:not(.DemoWebsite_btnGhost__Q8NKe):not(.DemoWebsite_btnLight__k0Qbp) {
  background: color-mix(in srgb, var(--dw-primary) 14%, var(--dw-bg));
  color: var(--dw-primary);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/NewFlow/Website/Website1/Demochatbot/Demochatbot.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
/* chat assistant + eligibility questionnaire (rendered inside the preview area) */
.Demochatbot_fab__u0xXg {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
  background: var(--dw-primary);
  color: var(--dw-on-primary);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
  transition: transform 0.15s ease;
}
.Demochatbot_fab__u0xXg:hover {
  transform: translateY(-2px);
}

.Demochatbot_chat__rZXto {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 40;
  width: 370px;
  height: min(540px, 100% - 40px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  color: #16211a;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35);
  animation: Demochatbot_rise__7tzYP 0.2s ease;
}
.Demochatbot_chat__rZXto header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: var(--dw-primary);
  color: var(--dw-on-primary);
}
.Demochatbot_chat__rZXto header b {
  display: block;
}
.Demochatbot_chat__rZXto header small {
  display: block;
  opacity: 0.8;
  font-size: 12px;
}
.Demochatbot_chat__rZXto header button {
  margin-left: auto;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  font-size: 16px;
}
.Demochatbot_chat__rZXto form {
  display: flex;
  gap: 8px;
  padding: 10px;
  border-top: 1px solid #ebe8df;
}
.Demochatbot_chat__rZXto form input {
  flex: 1 1;
  min-width: 0;
  padding: 11px 14px;
  border-radius: 999px;
  border: 1px solid #e0ddd3;
  font: inherit;
  font-size: 14px;
}
.Demochatbot_chat__rZXto form input:focus {
  outline: none;
  border-color: var(--dw-primary);
}
.Demochatbot_chat__rZXto form button {
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-weight: 600;
  background: var(--dw-button);
  color: var(--dw-on-button);
}
.Demochatbot_chat__rZXto form button:disabled {
  opacity: 0.45;
  cursor: default;
}
@container dw (max-width: 520px) {
  .Demochatbot_chat__rZXto {
    right: 12px;
    left: 12px;
    bottom: 12px;
    width: auto;
    height: min(560px, 100% - 24px);
  }
}

.Demochatbot_mk__fxREB {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.Demochatbot_log__0RXtZ {
  flex: 1 1;
  overflow-y: auto;
  padding: 14px;
  background: #faf8f3;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.Demochatbot_msg__Bw5Tw {
  max-width: 88%;
}
.Demochatbot_msg__Bw5Tw p {
  margin: 0;
  padding: 10px 14px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.45;
  white-space: pre-line;
}

.Demochatbot_bot__NB8lV p {
  background: #fff;
  border: 1px solid #e6e2d8;
  border-bottom-left-radius: 4px;
}

.Demochatbot_user__U3W4F {
  align-self: flex-end;
}
.Demochatbot_user__U3W4F p {
  background: var(--dw-primary);
  color: var(--dw-on-primary);
  border-bottom-right-radius: 4px;
}

.Demochatbot_chips__96I5u {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.Demochatbot_chips__96I5u button {
  padding: 7px 12px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  background: #fff;
  color: var(--dw-primary);
  border: 1px solid var(--dw-primary);
}
.Demochatbot_chips__96I5u button:hover {
  background: var(--dw-secondary);
}

.Demochatbot_typing__PxbcG {
  display: inline-flex;
  gap: 4px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #e6e2d8;
  border-radius: 16px;
}
.Demochatbot_typing__PxbcG i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9a978d;
  animation: Demochatbot_blink__LAMvM 1s infinite;
}
.Demochatbot_typing__PxbcG i:nth-child(2) {
  animation-delay: 0.15s;
}
.Demochatbot_typing__PxbcG i:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes Demochatbot_blink__LAMvM {
  0%, 80%, 100% {
    opacity: 0.25;
  }
  40% {
    opacity: 1;
  }
}
@keyframes Demochatbot_rise__7tzYP {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* questionnaire dialog */
.Demochatbot_overlay__9v81C {
  position: absolute;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(10, 12, 10, 0.55);
  animation: Demochatbot_fade__gYCdg 0.2s ease;
}

.Demochatbot_dialog__3tO7H {
  position: relative;
  width: min(520px, 100%);
  max-height: 100%;
  overflow-y: auto;
  padding: 28px;
  outline: none;
  background: #fff;
  color: #16211a;
  border-radius: calc(var(--dw-card-radius) + 4px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
}
.Demochatbot_dialog__3tO7H h3 {
  margin: 18px 0 14px;
  font-size: 1.5rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.Demochatbot_dialog__3tO7H label {
  display: block;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
}
.Demochatbot_dialog__3tO7H label input {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #e0ddd3;
  font: inherit;
  font-weight: 400;
}
.Demochatbot_dialog__3tO7H label input:focus {
  outline: none;
  border-color: var(--dw-primary);
}

.Demochatbot_close__8tAWQ {
  position: absolute;
  top: 14px;
  right: 14px;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 16px;
  color: #6b6b6b;
}

.Demochatbot_kicker__cYxt5 {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b6b6b;
}

.Demochatbot_progress__1DS_K {
  height: 4px;
  margin-top: 10px;
  border-radius: 4px;
  background: #e8e5dc;
  overflow: hidden;
}
.Demochatbot_progress__1DS_K span {
  display: block;
  height: 100%;
  background: var(--dw-primary);
  transition: width 0.25s ease;
}

.Demochatbot_options__xcHt_ {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}
.Demochatbot_options__xcHt_ button {
  padding: 14px 16px;
  text-align: left;
  cursor: pointer;
  font: inherit;
  font-weight: 500;
  background: #fff;
  border: 1px solid #e0ddd3;
  border-radius: 14px;
}
.Demochatbot_options__xcHt_ button:hover {
  border-color: var(--dw-primary);
}
.Demochatbot_options__xcHt_ button.Demochatbot_on__PomcN {
  border-color: var(--dw-primary);
  background: var(--dw-secondary);
}

.Demochatbot_note__cJwHN {
  margin: 14px 0 0;
  font-size: 13px;
  color: #6b6b6b;
}

.Demochatbot_back__AAdD_ {
  margin-top: 12px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--dw-primary);
  font-weight: 600;
}

.Demochatbot_primary__VM9Py {
  width: 100%;
  padding: 14px 24px;
  margin-top: 6px;
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  border-radius: var(--dw-btn-radius);
  background: var(--dw-button);
  color: var(--dw-on-button);
}
.Demochatbot_primary__VM9Py:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.Demochatbot_ghost__Hh_0_ {
  padding: 14px 24px;
  border-radius: var(--dw-btn-radius);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  background: transparent;
  color: var(--dw-primary);
  border: 1.5px solid var(--dw-primary);
}

.Demochatbot_row__jruJJ {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.Demochatbot_row__jruJJ .Demochatbot_primary__VM9Py {
  width: auto;
  flex: 1 1;
  margin: 0;
}

.Demochatbot_result__QVN4F {
  text-align: left;
}
.Demochatbot_result__QVN4F ul {
  margin: 14px 0 0;
  padding-left: 18px;
  color: #555;
  font-size: 14px;
}
.Demochatbot_result__QVN4F p {
  margin: 0;
  color: #444;
}

.Demochatbot_tick__zlWIa {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1fa971;
  color: #fff;
  font-size: 22px;
}

@keyframes Demochatbot_fade__gYCdg {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/NewFlow/Website/Website1/Demointake/Demointake.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Overlay + dialog shell for the hosted website intake popup.
   Every colour comes from the shared theme variables (--dw-*), so light and
   dark are handled by the theme system, not by this file. */
.Demointake_overlay__0nAWk {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  animation: Demointake_fadeIn__BnJL9 0.18s ease;
}

@keyframes Demointake_fadeIn__BnJL9 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Demointake_dialog__LGPNd {
  position: relative;
  width: 100%;
  max-width: 840px;
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background: var(--dw-bg, #fff);
  color: var(--dw-text, #0f172a);
  border: 1px solid var(--dw-line, #e5e7eb);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
  animation: Demointake_slideUp__w6KeN 0.22s ease;
  overflow: hidden;
  overflow: clip;
}
.Demointake_dialog__LGPNd[data-theme=dark] {
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.6);
}

@keyframes Demointake_slideUp__w6KeN {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* ── Fixed popup header (logo + toggle + close) ─────── */
.Demointake_popupHeader__kb4Hm {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  border-bottom: 1px solid var(--dw-line, #e5e7eb);
  background: var(--dw-bg, #fff);
  position: relative;
  z-index: 10;
}

.Demointake_popupLogo__n76OV {
  display: flex;
  align-items: center;
  gap: 10px;
}

.Demointake_popupActions__1h0H_ {
  display: flex;
  align-items: center;
  gap: 8px;
}

.Demointake_mark__sGjKk {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  background: var(--dw-primary, #0f6b5c);
  color: var(--dw-on-primary, #ffffff);
}

.Demointake_logoImg__xVq60 {
  max-height: 32px;
  max-width: 160px;
  object-fit: contain;
}

.Demointake_logoText__lbb2T {
  font-size: 16px;
  font-weight: 700;
  color: var(--dw-text, #0f172a);
  letter-spacing: -0.01em;
}

.Demointake_closeBtn__MTP_E {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: color-mix(in srgb, var(--dw-text, #000) 8%, transparent);
  color: var(--dw-text, #444);
  cursor: pointer;
  transition: background 0.15s ease;
  flex-shrink: 0;
}
.Demointake_closeBtn__MTP_E:hover {
  background: color-mix(in srgb, var(--dw-text, #000) 16%, transparent);
}
.Demointake_closeBtn__MTP_E:focus-visible {
  outline: 2px solid var(--dw-primary, #3b82f6);
  outline-offset: 2px;
}

/* ── The ONE scrolling region ──────────────── */
.Demointake_dialogContent__jpcuw {
  flex: 1 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  min-height: 0;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--dw-text, #000) 25%, transparent) transparent;
}
.Demointake_dialogContent__jpcuw::-webkit-scrollbar {
  width: 6px;
}
.Demointake_dialogContent__jpcuw::-webkit-scrollbar-track {
  background: transparent;
}
.Demointake_dialogContent__jpcuw::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--dw-text, #000) 25%, transparent);
  border-radius: 99px;
}
.Demointake_dialogContent__jpcuw {
  /* The questionnaire's progress header and CTA bar are position: sticky and
     must stick to THIS scroller. Any wrapper between here and the questionnaire
     (embedWrapper's overflow:hidden, EmbedShell frame, …) would turn into the
     sticky containing scroller and make it a no-op, so force every ancestor
     of the questionnaire root to overflow: visible. Scoped to the popup. */
}
.Demointake_dialogContent__jpcuw *:has([data-questionnaire-root]) {
  overflow: visible !important;
}

@media (max-width: 640px) {
  .Demointake_overlay__0nAWk {
    padding: 0;
    align-items: flex-end;
  }
  .Demointake_dialog__LGPNd {
    max-height: 95dvh;
    border-radius: 16px 16px 0 0;
    max-width: 100%;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/NewFlow/Website/Website1/DemoBrowserLayout/DemoBrowserLayout.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
/* ─── Full-screen shell ─────────────────────────────── */
.DemoBrowserLayout_shell__dVyrZ {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  flex-direction: column;
  background: var(--bg-page);
  color: var(--text-primary);
}

/* ─── Chrome / address bar ──────────────────────────── */
.DemoBrowserLayout_chrome__KKwqH {
  flex: none;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  background: var(--bg-surface-2, var(--bg-page));
  border-bottom: 1px solid var(--border-color);
}

.DemoBrowserLayout_dots__2ENQG {
  display: inline-flex;
  gap: 6px;
}
.DemoBrowserLayout_dots__2ENQG i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--border-color);
}

.DemoBrowserLayout_url__hi0It {
  flex: 1 1;
  min-width: 0;
  padding: 6px 12px;
  border-radius: 10px;
  background: var(--bg-surface);
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.DemoBrowserLayout_badge__miFQ7 {
  flex: none;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--ok, #5fcf8a);
  background: rgba(95, 207, 138, 0.12);
}

.DemoBrowserLayout_badgeBlue__ZxV6p {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.12);
}

/* ─── Center stage (children fill this) ────────────── */
.DemoBrowserLayout_stage__C88_h {
  flex: 1 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* ─── Bottom info bar ───────────────────────────────── */
.DemoBrowserLayout_bar__fJuL_ {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 24px;
  background: var(--bg-surface-2, var(--bg-page));
  border-top: 1px solid var(--border-color);
}
.DemoBrowserLayout_bar__fJuL_ p {
  margin: 0;
  color: var(--text-secondary);
}
.DemoBrowserLayout_bar__fJuL_ p b {
  color: var(--text-primary);
}
.DemoBrowserLayout_bar__fJuL_ button {
  flex: none;
  border: 0;
  cursor: pointer;
  padding: 14px 26px;
  border-radius: 999px;
  font: inherit;
  font-weight: 700;
  background: var(--cta-bg, #d4f58a);
  color: var(--cta-text, #11140d);
}
@media (max-width: 640px) {
  .DemoBrowserLayout_bar__fJuL_ {
    padding: 12px 16px;
    flex-direction: column;
    align-items: stretch;
  }
  .DemoBrowserLayout_bar__fJuL_ p {
    font-size: 13px;
  }
  .DemoBrowserLayout_bar__fJuL_ button {
    padding: 12px 18px;
    font-size: 14px;
  }
}