/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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_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  */
.Checkout_wrap__LYTRO {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md);
}

/* ── Pricing Section ── */
.Checkout_pricingSection__gQUj0 {
  padding: var(--embed-pad-card);
  background: var(--embed-surface);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius);
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
}

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

.Checkout_pricingList__oy0Mg {
  display: flex;
  gap: 1rem;
}
.Checkout_pricingList__oy0Mg.Checkout_horizontalShow__Sdw2_ {
  flex-direction: row;
}
.Checkout_pricingList__oy0Mg.Checkout_verticalShow__3bOFV {
  flex-direction: column;
}

.Checkout_pricingCard__WQRMR {
  display: flex;
  width: 100%;
  align-items: center;
}
.Checkout_pricingCard__WQRMR.Checkout_vertical__up0y2 {
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Checkout_pricingCard__WQRMR.Checkout_vertical__up0y2 .Checkout_pricingCardLeft__BP_jt {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: center;
}
.Checkout_pricingCard__WQRMR.Checkout_horizontal__BIH2Y {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .Checkout_pricingCard__WQRMR.Checkout_horizontal__BIH2Y {
    flex-direction: column;
    justify-content: center;
  }
}
.Checkout_pricingCard__WQRMR.Checkout_horizontal__BIH2Y .Checkout_pricingCardLeft__BP_jt {
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.Checkout_pricingCard__WQRMR {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--embed-space-sm);
  width: 100%;
  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;
  transition: border-color var(--embed-transition-fast), background-color var(--embed-transition-fast), box-shadow var(--embed-transition-fast);
  box-sizing: border-box;
}
.Checkout_pricingCard__WQRMR:hover:not(:disabled) {
  border-color: var(--embed-primary);
}
.Checkout_pricingCard__WQRMR:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@media screen and (max-width: 1023px) {
  .Checkout_pricingCard__WQRMR {
    padding: 1rem 1.125rem;
  }
}

.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_pricingCardLeft__BP_jt > .Checkout_pricingCardImage__xF2LB {
  width: 235px;
  height: 100%;
}

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

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

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

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

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

.Checkout_pricingRadio__EJsGe {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  border: 2px solid var(--embed-border);
  flex-shrink: 0;
  position: relative;
  transition: border-color var(--embed-transition-fast);
}

.Checkout_pricingRadioSelected__L6Bp_ {
  border-color: var(--embed-primary);
}
.Checkout_pricingRadioSelected__L6Bp_::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: var(--embed-primary);
}

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

.Checkout_summary__9Pf0s,
.Checkout_shippingSection__JXu33,
.Checkout_paymentSection__BAouj {
  padding: var(--embed-pad-card);
  background: var(--embed-surface);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius);
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
}

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

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

.Checkout_lines__mpMLd {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-2xs);
  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;
}

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

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

/* ── Shipping Form ── */
.Checkout_formGrid__AOV7d {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--embed-space-sm);
  gap: var(--embed-space-sm);
}
@media screen and (max-width: 1023px) {
  .Checkout_formGrid__AOV7d {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .Checkout_formGrid__AOV7d {
    grid-template-columns: 1fr;
  }
}

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

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

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

.Checkout_inputField__348FG {
  width: 100%;
  padding: 0.75rem 0.875rem;
  font-size: var(--embed-text-body);
  text-align: left;
  border: var(--embed-border-width) solid #d9d9d9 !important;
  border-radius: var(--embed-radius-sm, 8px);
  background: color-mix(in srgb, var(--embed-text) 4%, var(--embed-surface));
  color: var(--embed-text);
  outline: none;
  transition: border-color 120ms ease, background-color 120ms ease;
  box-sizing: border-box;
}
.Checkout_inputField__348FG::placeholder {
  color: var(--embed-muted);
  text-align: left;
}
.Checkout_inputField__348FG:focus {
  background: var(--embed-surface);
  border-color: var(--embed-primary);
  box-shadow: 0 0 0 1px var(--embed-primary);
}
.Checkout_inputField__348FG:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.Checkout_inputFieldError__BunK9 {
  border-color: var(--embed-error, #dc2626);
  background: color-mix(in srgb, var(--embed-error, #dc2626) 6%, var(--embed-surface));
}
.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-top: 0.15rem;
}

/* ── Payment Section ── */
.Checkout_paymentSlot__C0P4E {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
  padding-bottom: 0.25rem;
}

.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.75rem;
  padding: 0.75rem 0.875rem;
  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);
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
  box-sizing: border-box;
}
.Checkout_cardElementWrap__kFbZJ.Checkout_focused__tCusi {
  background: var(--embed-surface, #ffffff);
  border-color: var(--embed-primary, #0284c7);
  box-shadow: 0 0 0 1px var(--embed-primary, #0284c7);
}
.Checkout_cardElementWrap__kFbZJ.Checkout_errored__VsIge {
  border-color: #dc2626;
}
.Checkout_cardElementWrap__kFbZJ .StripeElement {
  width: 100%;
}

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

.Checkout_actionsRow__0NgYF {
  display: flex;
  gap: var(--embed-space-sm);
  align-items: center;
  margin-top: var(--embed-space-xs);
}
.Checkout_actionsRow__0NgYF .Checkout_backButton__2AsbH {
  padding: 0 1.25rem;
  min-height: 2.875rem;
  background: transparent;
  border: var(--embed-border-width) solid var(--embed-border);
  color: var(--embed-text);
  border-radius: var(--embed-radius-sm);
  font-size: var(--embed-text-button);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--embed-transition-fast);
}
.Checkout_actionsRow__0NgYF .Checkout_backButton__2AsbH:hover:not(:disabled) {
  background: color-mix(in srgb, var(--embed-text) 5%, transparent);
}
.Checkout_actionsRow__0NgYF .Checkout_backButton__2AsbH:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.Checkout_actionsRow__0NgYF .Checkout_payButton__Zn0vc {
  flex: 1 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.875rem;
  background: var(--embed-primary);
  color: var(--embed-primary-text);
  border: none;
  border-radius: var(--embed-radius-sm);
  font-size: var(--embed-text-button);
  font-weight: 700;
  cursor: pointer;
  transition: background var(--embed-transition-fast), transform var(--embed-transition-fast);
}
.Checkout_actionsRow__0NgYF .Checkout_payButton__Zn0vc:hover:not(:disabled) {
  background: var(--embed-primary-hover);
}
.Checkout_actionsRow__0NgYF .Checkout_payButton__Zn0vc:active:not(:disabled) {
  transform: scale(0.99);
}
.Checkout_actionsRow__0NgYF .Checkout_payButton__Zn0vc:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

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

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

.Checkout_loadingBox__vrtvd {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem 1rem;
  color: var(--embed-muted);
  font-size: var(--embed-text-body);
}

@keyframes Checkout_shimmer__baSpG {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
.Checkout_checkoutFormItem__bf8tg {
  height: 48px;
  width: 100%;
  border-radius: var(--embed-radius-sm, 8px);
  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: Checkout_shimmer__baSpG 1.6s ease-in-out infinite;
}
.Checkout_checkoutFormItem__bf8tg:nth-child(2) {
  animation-delay: 0.1s;
}

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

@keyframes Checkout_spin__Qrp48 {
  to {
    transform: rotate(360deg);
  }
}
.Checkout_selectWrapper__hSF5F {
  position: relative;
}

.Checkout_selectField__JO_oQ {
  width: 100%;
  height: 48px;
  padding: 0 42px 0 14px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 18px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  outline: none;
}
.Checkout_selectField__JO_oQ::placeholder {
  color: var(--embed-muted);
  text-align: left;
}
.Checkout_selectField__JO_oQ:focus {
  border-color: #666;
}
.Checkout_selectField__JO_oQ:disabled {
  background-color: #f5f5f5;
  color: #999;
  cursor: not-allowed;
}
.Checkout_selectField__JO_oQ:invalid {
  color: var(--embed-muted);
}
.Checkout_selectField__JO_oQ option {
  color: #333;
  background-color: #fff;
}

.Checkout_selectArrow__TAPMd {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #666;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/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 {
  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_providerTitle__QVyM2 {
  font-size: var(--embed-text-card-title);
  font-weight: 700;
  color: #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/embed/embedComponent/GenderSelection/GenderSelection.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.GenderSelection_grid__2AdQ3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--embed-gap-grid);
  gap: var(--embed-gap-grid);
}
@container continere-embed (min-width: 480px) {
  .GenderSelection_grid__2AdQ3 {
    grid-template-columns: 1fr 1fr;
  }
}

.GenderSelection_card__IFd9J {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--embed-space-xs);
  padding: 2rem var(--embed-pad-card) 1.5rem 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);
  cursor: pointer;
}
.GenderSelection_card__IFd9J:hover {
  border-color: var(--embed-primary);
  box-shadow: var(--embed-shadow-card-hover);
}
.GenderSelection_card__IFd9J:hover .GenderSelection_continueLink__ofwrU {
  color: var(--embed-primary-hover);
}
.GenderSelection_card__IFd9J:active {
  transform: scale(0.99);
}
.GenderSelection_card__IFd9J[data-selected=true] {
  border-color: var(--embed-primary);
  border-width: 2px;
  padding: calc(2rem - 1px) calc(var(--embed-pad-card) - 1px) calc(1.5rem - 1px);
  background: var(--embed-primary-tint);
}

.GenderSelection_iconCircle__EjTPI {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--embed-primary) 12%, #ffffff);
  color: var(--embed-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.GenderSelection_iconCircle__EjTPI svg {
  width: 1.75rem;
  height: 1.75rem;
}

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

.GenderSelection_description__q4RP_ {
  font-size: var(--embed-text-body);
  color: var(--embed-muted);
  line-height: var(--embed-leading-normal);
  max-width: 20rem;
}

.GenderSelection_continueLink__ofwrU {
  margin-top: 0.75rem;
  font-size: var(--embed-text-button);
  font-weight: 600;
  color: var(--embed-primary);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: color var(--embed-transition-fast);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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);
  max-width: 42ch;
}
@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/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/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 {
  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;
  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/DynamicNavigation/DynamicNavigation.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.DynamicNavigation_wrap__eQT65 {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-xs);
  margin-bottom: var(--embed-space-sm);
}

.DynamicNavigation_rule__JwW_X {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  list-style: none;
  margin: 0;
}
.DynamicNavigation_rule__JwW_X::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  background: var(--embed-border);
  border-radius: var(--embed-radius-pill);
  z-index: 0;
}
.DynamicNavigation_rule__JwW_X::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 2px;
  width: var(--embed-progress-percent, 0%);
  transform: translateY(-50%);
  background: var(--embed-primary);
  border-radius: var(--embed-radius-pill);
  transition: width var(--embed-transition-base);
  z-index: 0;
}

.DynamicNavigation_tick__HIwWN {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  background: var(--embed-background);
  padding: 0 0.25rem;
}

.DynamicNavigation_stepBadge__oY1aL {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: var(--embed-surface);
  border: 1.5px solid var(--embed-border);
  color: var(--embed-muted);
  font-size: 0.75rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--embed-transition-base);
}
[data-state=done] .DynamicNavigation_stepBadge__oY1aL {
  border-color: var(--embed-primary);
  background: var(--embed-primary);
  color: var(--embed-primary-text);
}
[data-state=current] .DynamicNavigation_stepBadge__oY1aL {
  border-color: var(--embed-primary);
  background: var(--embed-primary);
  color: var(--embed-primary-text);
  box-shadow: 0 0 0 3px var(--embed-primary-tint);
}

.DynamicNavigation_label__qRXr_ {
  display: none;
  font-size: var(--embed-text-eyebrow);
  font-weight: 700;
  letter-spacing: var(--embed-tracking-eyebrow);
  color: var(--embed-muted);
  white-space: nowrap;
}
[data-state=current] .DynamicNavigation_label__qRXr_ {
  color: var(--embed-text);
}
@container continere-embed (min-width: 480px) {
  .DynamicNavigation_label__qRXr_ {
    display: inline;
  }
}

.DynamicNavigation_caption__Asiwg {
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-muted);
  margin: 0;
}
@container continere-embed (min-width: 480px) {
  .DynamicNavigation_caption__Asiwg {
    display: none;
  }
}

.DynamicNavigation_captionStep__BNPzR {
  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/embedComponent/ReviewSummary/ReviewSummary.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* desktop only */
/* small desktop only */
/* Tablet and below */
/* Tablet only */
/* Mobile and smaller screen */
/* smaller screen  */
.ReviewSummary_wrap__mOR4P {
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-md);
}

.ReviewSummary_section__K0bUu {
  padding: var(--embed-pad-card);
  background: var(--embed-surface);
  border: var(--embed-border-width) solid var(--embed-border);
  border-radius: var(--embed-radius);
  display: flex;
  flex-direction: column;
  gap: var(--embed-space-sm);
}

.ReviewSummary_sectionHead__DG81u {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--embed-space-sm);
}

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

.ReviewSummary_sectionSubtitle__YwSt1 {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted, var(--embed-text));
  margin-top: 0.125rem;
}

.ReviewSummary_editLink__RXU40 {
  font-size: var(--embed-text-caption);
  font-weight: 600;
  color: var(--embed-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
  flex-shrink: 0;
  white-space: nowrap;
}

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

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

.ReviewSummary_answerRow__CAKeL {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--embed-space-sm) 0;
  border-bottom: var(--embed-border-width) solid var(--embed-border);
}
.ReviewSummary_answerRow__CAKeL:first-child {
  padding-top: 0;
}
.ReviewSummary_answerRow__CAKeL:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.ReviewSummary_answerRow__CAKeL[data-empty=true] {
  opacity: 0.65;
}
@media screen and (max-width: 1023px) {
  .ReviewSummary_answerRow__CAKeL {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--embed-space-md);
  }
}

.ReviewSummary_answerQuestion__8LVln {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted, var(--embed-text));
  line-height: 1.4;
}
@media screen and (max-width: 1023px) {
  .ReviewSummary_answerQuestion__8LVln {
    flex: 0 1 58%;
  }
}

.ReviewSummary_answerValue__1RZ1i {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: var(--embed-text-body);
  font-weight: 600;
  color: var(--embed-text);
  line-height: 1.4;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .ReviewSummary_answerValue__1RZ1i {
    flex: 0 0 38%;
    justify-content: flex-end;
    text-align: right;
  }
}
.ReviewSummary_answerValue__1RZ1i[data-default=true] {
  color: var(--embed-muted, var(--embed-text));
  font-weight: 500;
  font-style: italic;
}

.ReviewSummary_fileIcon___P_PW {
  font-size: 0.9em;
  flex-shrink: 0;
}

.ReviewSummary_disclaimer__1Amxx {
  font-size: var(--embed-text-caption);
  color: var(--embed-muted, var(--embed-text));
  text-align: center;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
}