.stage-progression-experiment{--spe-radius-lg: 16px;--spe-radius-md: 12px;--spe-radius-sm: 8px;--spe-text-dark: #1A1A1A;--spe-text-muted: #6B7280;--spe-text-green: #2D8A5D;--spe-card-bg: #FFFFFF;--spe-card-border: #EEEEEE;--spe-cream: #FFF6E5;--spe-pink: #FCE6E5;--spe-pink-text: #C44A3F;--spe-bar-track: #E8ECEF;--spe-bar-gradient: linear-gradient(90deg, #F5C518 0%, #F08A3E 50%, #E65A4F 100%);--spe-you-ring: #E65A4F;--spe-severe-grey: #BFC4CB;font-family:Nunito Sans,sans-serif;color:var(--spe-text-dark);display:block;margin:16px;padding:0}.stage-progression-experiment.v1,.stage-progression-experiment.v2{margin:0}.spe-header{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--spe-card-bg);border-radius:var(--spe-radius-lg);border:1px solid var(--spe-card-border);margin-bottom:12px}.spe-header__image-wrap{flex:0 0 auto;width:116px;height:116px;border-radius:var(--spe-radius-sm);overflow:hidden;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.spe-header__image-wrap--avatar{width:96px;height:96px;background:#fff;border:1px solid var(--spe-card-border);padding:6px}.spe-header__image{width:100%;height:100%;object-fit:cover;display:block}.spe-header__image-wrap--avatar .spe-header__image{object-fit:contain}.spe-header__info{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.spe-header__name{font-size:18px;font-weight:600;color:var(--spe-text-dark);margin:0 0 6px;line-height:1.2}.spe-header__label{font-size:14px;font-weight:400;color:var(--spe-text-muted);margin:0;line-height:1.4}.spe-header__stage{font-size:30px;font-weight:700;color:var(--spe-text-green);margin:0 0 4px;line-height:1.15}.spe-header__duration{font-size:22px;font-weight:700;color:var(--spe-text-dark);margin:0;line-height:1.15}.spe-header__duration span{font-weight:400}.spe-callout{background:var(--spe-cream);border-radius:var(--spe-radius-md);padding:14px 16px;margin-top:12px}.spe-callout__title{font-size:17px;font-weight:700;color:var(--spe-text-dark);margin:0 0 6px;line-height:1.3}.spe-callout__text{font-size:15px;font-weight:400;color:var(--spe-text-dark);margin:0;line-height:1.45}.spe-callout__link{color:var(--Green-800, #216443);font-family:Nunito Sans;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.12px;text-decoration:none}.spe-callout__link:hover{text-decoration:none}.stage-progression-experiment.v1 .spe-header{padding:12px 0 0;gap:12px;background:transparent;border:none;align-items:center}.stage-progression-experiment.v1 .spe-header__image-wrap{width:100px;height:100px;border-radius:7px}.stage-progression-experiment.v1 .spe-header__name{font-weight:700;font-size:12px;line-height:16px;letter-spacing:.01em;color:#5e5e5a;margin-bottom:4px}.stage-progression-experiment.v1 .spe-header__label{font-weight:700;font-size:12px;line-height:16px;letter-spacing:.01em;color:#999}.stage-progression-experiment.v1 .spe-header__stage,.stage-progression-experiment.v1 .spe-header__duration{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.01em;color:#2c2c2a;margin-bottom:0}.stage-progression-experiment.v1 .spe-header__stage{color:var(--generic-support-600, #2D8A5D);font-family:Nunito Sans;font-size:20px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px}.spe-main{border-radius:var(--8x, 8px);background:var(--grey-0, #FFF);box-shadow:0 0 4px #00000014;padding:8px}.stage-progression-experiment.v1 .spe-transition{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:22px 8px 8px;background:var(--spe-card-bg)}.spe-transition__stage{position:relative;display:flex;flex-direction:column;align-items:center}.stage-progression-experiment.v1 .spe-transition__stage-img{width:100%;max-width:130px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden;max-height:51px;border-radius:var(--spe-radius-sm)}.spe-transition__stage--current .spe-transition__stage-img{background:var(--spe-cream)}.spe-transition__stage--next .spe-transition__stage-img{background:var(--spe-pink)}.spe-transition__stage-img img{max-width:46px;height:56px;object-fit:contain;position:absolute;top:-25px}.stage-progression-experiment.v1 .spe-transition__stage-label{position:absolute;left:50%;bottom:0;transform:translate(-50%);margin:0;padding:4px 14px;border-radius:8px;background:none;font-size:10px;font-weight:400;line-height:12px;letter-spacing:.6px;color:var(--spe-text-dark);white-space:nowrap;z-index:2}.spe-transition__arrow{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 4px;min-width:96px}.spe-transition__arrow-text{color:var(--primary-text, #404040);text-align:center;font-family:Nunito Sans;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.12px;max-width:121px;margin-bottom:0}.spe-transition__arrow-svg{width:100%;max-width:121px;height:12px;display:block}.stage-progression-experiment.v1 .spe-callout{padding:8px 4px;gap:4px;background:linear-gradient(100.7deg,#fbf8ea -89.49%,#fff 129.19%),#e8f7ef;border-radius:8px;margin-bottom:8px}.stage-progression-experiment.v1 .spe-callout__title{color:var(--primary-text, #404040);font-family:Nunito Sans;font-size:14px;font-weight:700;line-height:20px;letter-spacing:.14px;margin-top:8px}.stage-progression-experiment.v1 .spe-callout__text{color:#1a1a1a;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.12px}.stage-progression-experiment.v2 .spe-progress,.stage-progression-experiment.non-hair-ai .spe-progress{background:var(--spe-card-bg);border-radius:var(--spe-radius-lg);border:1px solid var(--spe-card-border);padding:20px 16px 14px}.spe-progress__heading{font-size:17px;font-weight:700;color:var(--spe-text-dark);margin:0 0 18px;line-height:1.3}.spe-progress__bar-wrap{position:relative;height:36px}.spe-progress__bar{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:#f0f0f0;border-radius:999px;overflow:hidden}.spe-progress__bar-fill{height:100%;background:linear-gradient(90deg,#f2c961,#dc6f6f);border-radius:999px}.spe-progress__marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.spe-progress__marker-label{font-size:12px;font-weight:500;color:var(--spe-text-muted);position:absolute;bottom:100%;margin-bottom:4px;white-space:nowrap}.spe-progress__marker--you .spe-progress__marker-label{color:var(--spe-text-dark);font-weight:600}.spe-progress__marker-dot{display:block;border-radius:50%}.spe-progress__marker-dot--you{width:14px;height:14px;background:#f8f5f1;border:3px solid #DE786F;box-shadow:0 0 6px #fcf3f3}.spe-progress__marker-dot--severe{width:10px;height:10px;background:#f8f5f1;border:2px solid #C9C9C9;box-shadow:0 0 6px #fcf3f3}.spe-progress__stages{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:4px}.spe-progress__stage{display:flex;flex-direction:column;align-items:center;padding:6px 2px 4px;border-radius:var(--spe-radius-sm);background:transparent;transition:background .2s ease}.spe-progress__stage.is-faded{background:#f7f7f7;opacity:.2}.spe-progress__stage.is-current{background:#fff;border:1px solid #DEDEDE;box-shadow:4px 4px 10px #0000001f;border-radius:6px}.spe-progress__stage.is-severe{background:#fcf3f3;border:1px solid #FFFFFF;border-radius:6px}.spe-progress__stage-img-wrap{width:100%;max-width:25px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.spe-progress__stage-img-wrap img{width:100%;height:100%;object-fit:contain}.spe-progress__stage-label{font-size:11px;font-weight:500;color:var(--spe-text-muted);margin:2px 0 0;text-align:center;white-space:nowrap}.spe-progress__stage.is-current .spe-progress__stage-label{color:var(--spe-text-dark);font-weight:600}.spe-progress__stage.is-severe .spe-progress__stage-label{color:var(--spe-pink-text);font-weight:600}.stage-progression-experiment.v2 .spe-header,.stage-progression-experiment.non-hair-ai .spe-header{display:flex;flex-direction:row;align-items:center;padding:12px 0 0;gap:12px;background:transparent;border:none;margin:0 0 12px}.stage-progression-experiment.v2 .spe-header__image-wrap,.stage-progression-experiment.non-hair-ai .spe-header__image-wrap{flex:0 0 auto;width:100px;height:100px;border-radius:7.04px;overflow:hidden;background:#f4f4f4;border:none;padding:0}.stage-progression-experiment.non-hair-ai .spe-header__image-wrap{width:68px;height:90px}.stage-progression-experiment.v2 .spe-header__info,.stage-progression-experiment.non-hair-ai .spe-header__info{flex:1 1 auto;display:flex;flex-direction:column;gap:0;min-width:0}.stage-progression-experiment.v2 .spe-header__name,.stage-progression-experiment.non-hair-ai .spe-header__name{font-family:Nunito Sans,sans-serif;font-weight:700;font-size:12px;line-height:16px;letter-spacing:.01em;color:#5e5e5a;margin:0}.stage-progression-experiment.v2 .spe-header__label,.stage-progression-experiment.non-hair-ai .spe-header__label{font-family:Nunito Sans,sans-serif;font-weight:600;font-size:12px;line-height:16px;letter-spacing:.01em;color:#999;margin:4px 0 0}.stage-progression-experiment.v2 .spe-header__name+.spe-header__label,.stage-progression-experiment.non-hair-ai .spe-header__name+.spe-header__label{margin-top:2px}.stage-progression-experiment.v2 .spe-header__stage,.stage-progression-experiment.v2 .spe-header__duration,.stage-progression-experiment.non-hair-ai .spe-header__stage,.stage-progression-experiment.non-hair-ai .spe-header__duration{font-family:Nunito Sans,sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:.01em;color:#2c2c2a;margin:0}.stage-progression-experiment.v2 .spe-header__duration span,.stage-progression-experiment.non-hair-ai .spe-header__duration span{font-weight:400}.stage-progression-experiment.v2 .spe-progress,.stage-progression-experiment.non-hair-ai .spe-progress{display:flex;flex-direction:column;padding:20px 8px 8px;gap:10px;background:#fff;box-shadow:0 0 4px #00000014;border:none;border-radius:8px;width:100%}.stage-progression-experiment.v2 .spe-progress{padding-top:20px}.stage-progression-experiment.v2 .spe-progress__heading,.stage-progression-experiment.non-hair-ai .spe-progress__heading{font-family:Nunito Sans,sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em;color:#404040;margin:0}.stage-progression-experiment.non-hair-ai .spe-progress__heading{display:none}.stage-progression-experiment.v2 .spe-progress__bar-wrap,.stage-progression-experiment.non-hair-ai .spe-progress__bar-wrap{width:100%;height:16px;margin:0}.stage-progression-experiment.v2 .spe-progress__bar,.stage-progression-experiment.non-hair-ai .spe-progress__bar{height:4px;background:#f0f0f0;border-radius:999px}.stage-progression-experiment.v2 .spe-progress__bar-fill,.stage-progression-experiment.non-hair-ai .spe-progress__bar-fill{background:linear-gradient(90deg,#f2c961,#dc6f6f);border-radius:999px;display:block}.stage-progression-experiment.v2 .spe-progress__marker-label,.stage-progression-experiment.non-hair-ai .spe-progress__marker-label{font-family:Nunito Sans,sans-serif;font-weight:700;font-size:6px;line-height:6px;letter-spacing:.06em;text-transform:capitalize;color:#404040;bottom:100%;margin-bottom:6px}.stage-progression-experiment.v2 .spe-progress__marker--you .spe-progress__marker-label,.stage-progression-experiment.v2 .spe-progress__marker--severe .spe-progress__marker-label,.stage-progression-experiment.non-hair-ai .spe-progress__marker--you .spe-progress__marker-label,.stage-progression-experiment.non-hair-ai .spe-progress__marker--severe .spe-progress__marker-label{color:#404040;font-weight:700}.stage-progression-experiment.v2 .spe-progress__marker-dot--you,.stage-progression-experiment.non-hair-ai .spe-progress__marker-dot--you{width:14px;height:14px;background:#f8f5f1;border:3px solid #DE786F;box-shadow:0 0 6px #fcf3f3}.stage-progression-experiment.v2 .spe-progress__marker-dot--severe,.stage-progression-experiment.non-hair-ai .spe-progress__marker-dot--severe{width:10px;height:10px;background:#f8f5f1;border:2px solid #C9C9C9;box-shadow:0 0 6px #fcf3f3}.stage-progression-experiment.v2 .spe-progress__stages,.stage-progression-experiment.non-hair-ai .spe-progress__stages{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;width:100%;margin:0}.stage-progression-experiment.v2 .spe-progress__stage,.stage-progression-experiment.non-hair-ai .spe-progress__stage{flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;gap:0;width:32px;height:43px;background:transparent;border:none;box-shadow:none;border-radius:4px;opacity:1}.stage-progression-experiment.v2 .spe-progress__stage.is-faded,.stage-progression-experiment.non-hair-ai .spe-progress__stage.is-faded{background:#f7f7f7;opacity:.2}.stage-progression-experiment.v2 .spe-progress__stage.is-current,.stage-progression-experiment.non-hair-ai .spe-progress__stage.is-current{width:44px;height:48.52px;padding:4px 8px;background:#fff;border:1px solid #DEDEDE;box-shadow:4px 4px 10px #0000001f;border-radius:6px;opacity:1}.stage-progression-experiment.v2 .spe-progress__stage.is-severe,.stage-progression-experiment.non-hair-ai .spe-progress__stage.is-severe{width:44px;height:48.52px;padding:0 0 0 4px;background:#fcf3f3;border:1px solid #FFFFFF;box-shadow:none;border-radius:6px;opacity:1}.stage-progression-experiment.v2 .spe-progress__stage-img-wrap,.stage-progression-experiment.non-hair-ai .spe-progress__stage-img-wrap{width:25px;height:29px;max-width:none;aspect-ratio:auto}.stage-progression-experiment.v2 .spe-progress__stage.is-current .spe-progress__stage-img-wrap,.stage-progression-experiment.v2 .spe-progress__stage.is-severe .spe-progress__stage-img-wrap,.stage-progression-experiment.non-hair-ai .spe-progress__stage.is-current .spe-progress__stage-img-wrap,.stage-progression-experiment.non-hair-ai .spe-progress__stage.is-severe .spe-progress__stage-img-wrap{width:28px;height:32.52px}.stage-progression-experiment.v2 .spe-progress__stage-label,.stage-progression-experiment.non-hair-ai .spe-progress__stage-label{font-family:Nunito Sans,sans-serif;font-weight:400;font-size:6px;line-height:12px;letter-spacing:.06em;text-transform:capitalize;color:#404040;margin:0;text-align:center}.stage-progression-experiment.v2 .spe-progress__stage.is-current .spe-progress__stage-label,.stage-progression-experiment.v2 .spe-progress__stage.is-severe .spe-progress__stage-label,.stage-progression-experiment.non-hair-ai .spe-progress__stage.is-current .spe-progress__stage-label,.stage-progression-experiment.non-hair-ai .spe-progress__stage.is-severe .spe-progress__stage-label{color:#404040;font-weight:400}.stage-progression-experiment.v2 .spe-callout,.stage-progression-experiment.non-hair-ai .spe-callout{display:flex;flex-direction:column;padding:8px;gap:4px;background:linear-gradient(100.7deg,#fbf8ea -89.49%,#fff 129.19%);box-shadow:0 0 4px #00000014;border-radius:8px;margin-top:12px;margin-bottom:12px}.stage-progression-experiment.v2 .spe-callout__title,.stage-progression-experiment.non-hair-ai .spe-callout__title{font-family:Nunito Sans,sans-serif;font-weight:700;font-size:14px;line-height:20px;letter-spacing:.01em;color:#404040;margin:0;text-align:left}.stage-progression-experiment.v2 .spe-callout__text,.stage-progression-experiment.non-hair-ai .spe-callout__text{font-family:Nunito Sans,sans-serif;font-weight:400;font-size:12px;line-height:16px;letter-spacing:.01em;color:#40413e;margin:0;text-align:left}.stage-progression-experiment{margin:0}@media(min-width:768px){.stage-progression-experiment.v1 .spe-header__image-wrap{height:116px;width:116px}.stage-progression-experiment{margin:24px auto 0}.stage-progression-experiment.v1 .spe-header__name{font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.14px}.stage-progression-experiment.v1 .spe-header__label{color:var(--neutralgrey-500, #999);font-family:Nunito Sans;font-size:12px;font-style:normal;font-weight:600;line-height:16px;letter-spacing:.12px}.stage-progression-experiment.v1 .spe-header__label.result_see{color:#999;font-family:Nunito Sans;font-size:20px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.2px}.stage-progression-experiment.v1 .spe-transition__stage-img{max-width:75px;max-height:57px}.stage-progression-experiment.v1 .spe-callout{padding:12px}.stage-progression-experiment.v1 .spe-transition__stage-label{bottom:7px}.stage-progression-experiment.v1 .spe-callout__title{font-size:18px;font-style:normal;font-weight:700}.stage-progression-experiment.v1 .spe-callout__text{line-height:normal;font-size:16px}.spe-callout__link{color:#216443;font-size:16px;font-style:normal;font-weight:700}.result4b span.assement-report p{padding-left:0}.spe-header{padding:20px;gap:20px}.spe-header__image-wrap{width:140px;height:140px}.spe-header__image-wrap--avatar{width:110px;height:110px}.spe-header__name{font-size:20px}.spe-header__label{font-size:15px}.spe-header__stage{font-size:34px}.spe-header__duration{font-size:24px}.spe-transition__stage-img{max-width:130px}.spe-transition__stage-label{font-size:15px}.spe-transition__arrow-text{font-size:14px}.spe-progress__stage-img-wrap{max-width:56px}.spe-progress__stage-label{font-size:12px}.spe-callout__title{font-size:18px}.spe-callout__text{font-size:16px}.stage-progression-experiment.v1{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;padding-top:12px}.stage-progression-experiment.v1>.spe-header,.stage-progression-experiment.v1>.spe-main{flex:1 1 0;min-width:0;margin:0}.stage-progression-experiment.v1>.spe-callout,.stage-progression-experiment.v1>.cstm-growthPossibilityBar.progress{flex:1 1 100%;margin:0}.stage-progression-experiment.v1 .spe-callout{max-width:none}.stage-progression-experiment.v2,.stage-progression-experiment.non-hair-ai{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px}.stage-progression-experiment.v2>.spe-header,.stage-progression-experiment.v2>.spe-progress,.stage-progression-experiment.non-hair-ai>.spe-header,.stage-progression-experiment.non-hair-ai>.spe-progress{flex:1 1 0;min-width:0;margin:0}.stage-progression-experiment.v2>.spe-callout,.stage-progression-experiment.v2>.cstm-growthPossibilityBar.progress,.stage-progression-experiment.non-hair-ai>.spe-callout,.stage-progression-experiment.non-hair-ai>.cstm-growthPossibilityBar.progress{flex:1 1 100%;margin:0}.stage-progression-experiment.v2 .spe-header,.stage-progression-experiment.non-hair-ai .spe-header{align-items:center;padding:12px 0 0;gap:12px}.stage-progression-experiment.v2 .spe-header__image-wrap,.stage-progression-experiment.non-hair-ai .spe-header__image-wrap{width:116px;height:116px;border-radius:7.04px}.stage-progression-experiment.v2 .spe-header__name,.stage-progression-experiment.non-hair-ai .spe-header__name{color:var(--text-icon-subtitle, #5E5E5A);font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.14px}.stage-progression-experiment.v2 .spe-header__label,.stage-progression-experiment.non-hair-ai .spe-header__label{font-size:20px;font-weight:400;line-height:24px;color:#737373;margin:4px 0 0}.stage-progression-experiment.v2 .spe-header__name+.spe-header__label,.stage-progression-experiment.non-hair-ai .spe-header__name+.spe-header__label{margin-top:8px}.stage-progression-experiment.v2 .spe-header__stage,.stage-progression-experiment.v2 .spe-header__duration,.stage-progression-experiment.non-hair-ai .spe-header__stage,.stage-progression-experiment.non-hair-ai .spe-header__duration{font-size:20px;font-weight:700;line-height:24px;color:#1a1a1a;margin:0}.stage-progression-experiment.v2 .spe-progress,.stage-progression-experiment.non-hair-ai .spe-progress{padding:8px;gap:10px}.stage-progression-experiment.v2 .spe-progress{padding-top:20px}.stage-progression-experiment.v2 .spe-progress__heading,.stage-progression-experiment.non-hair-ai .spe-progress__heading{font-size:18px;line-height:25px;color:#1a1a1a}.stage-progression-experiment.v2 .spe-progress__stages,.stage-progression-experiment.non-hair-ai .spe-progress__stages{gap:8px}.stage-progression-experiment.v2 .spe-callout,.stage-progression-experiment.non-hair-ai .spe-callout{align-items:flex-start;padding:12px;gap:4px}.stage-progression-experiment.v2 .spe-callout__title,.stage-progression-experiment.non-hair-ai .spe-callout__title{font-size:18px;font-weight:700;line-height:25px;color:#1a1a1a;text-align:left}.stage-progression-experiment.v2 .spe-callout__text,.stage-progression-experiment.non-hair-ai .spe-callout__text{font-size:16px;font-weight:400;line-height:22px;color:#1a1a1a;text-align:left}.stage-progression-experiment.v2 .spe-callout,.stage-progression-experiment.non-hair-ai .spe-callout{margin-top:20px}}@media(max-width:360px){.spe-header{gap:12px;padding:12px}.spe-header__image-wrap{width:96px;height:96px}.spe-header__stage{font-size:26px}.spe-header__duration{font-size:20px}.spe-progress__bar-wrap{margin-left:10px;margin-right:10px}.spe-progress__stage-img-wrap{max-width:40px}}
/*# sourceMappingURL=/cdn/shop/t/1787/assets/stage-progression-experiment.css.map */