.diagnostic{position:relative;--diagnostic-sage: 101, 143, 107;--diagnostic-forest: 10, 52, 40;--diagnostic-cream: 250, 247, 242;--diagnostic-shadow-soft: 0 1.8rem 4.8rem rgba(var(--color-foreground), .08);--diagnostic-shadow-card: 0 1.2rem 3.2rem rgba(var(--color-foreground), .06);--diagnostic-shadow-sage: 0 1rem 2.8rem rgba(var(--diagnostic-sage), .18)}.diagnostic__wrapper{max-width:72rem;margin:0 auto}.diagnostic--bg-ambient{background:radial-gradient(ellipse 80rem 40rem at 50% 0%,rgba(var(--diagnostic-sage),.16),transparent 70%),rgb(var(--diagnostic-cream))}.diagnostic--bg-card .diagnostic__wrapper{background:linear-gradient(180deg,rgba(var(--color-background),1),rgba(var(--diagnostic-cream),1));border:1px solid rgba(var(--diagnostic-sage),.22);border-radius:2rem;padding:4.4rem 3rem;box-shadow:0 2rem 5rem rgba(var(--diagnostic-sage),.1)}@media screen and (max-width:749px){.diagnostic--bg-card .diagnostic__wrapper{padding:3rem 1.8rem;border-radius:1.4rem}}.diagnostic--bg-combo{background:radial-gradient(ellipse 80rem 30rem at 50% 0%,rgba(var(--diagnostic-sage),.12),transparent 65%),linear-gradient(180deg,rgba(var(--diagnostic-cream),.55),rgba(var(--diagnostic-cream),.9))}.diagnostic--bg-combo .diagnostic__wrapper{background:#ffffffb3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(var(--diagnostic-sage),.2);border-radius:2rem;padding:4.4rem 3rem;box-shadow:0 2rem 5rem rgba(var(--diagnostic-sage),.12)}@media screen and (max-width:749px){.diagnostic--bg-combo .diagnostic__wrapper{padding:3rem 1.8rem;border-radius:1.4rem}}.diagnostic__header{text-align:center;margin-bottom:4rem}.diagnostic__header-label{font-size:calc(var(--font-body-scale) * 1.2rem);text-transform:uppercase;letter-spacing:.18em;color:rgb(var(--diagnostic-sage));margin-bottom:.8rem;font-weight:600}.diagnostic__title{margin:0}.diagnostic__progress-wrapper{margin-bottom:3.6rem}.diagnostic__progress{height:6px;background:rgba(var(--diagnostic-sage),.12);border-radius:99px;overflow:hidden}.diagnostic__progress-bar{height:100%;background:linear-gradient(90deg,rgb(var(--diagnostic-sage)),rgb(var(--diagnostic-forest)));border-radius:99px;transition:width .45s cubic-bezier(.4,0,.2,1);width:0%;box-shadow:0 0 .6rem rgba(var(--diagnostic-sage),.4)}.diagnostic__progress-label{font-size:calc(var(--font-body-scale) * 1.2rem);color:rgb(var(--diagnostic-sage));margin-top:.8rem;text-align:right;letter-spacing:.08em;font-weight:600}.diagnostic__step{display:none}.diagnostic__step.is-active{display:block}.diagnostic__step.is-active>:not(.diagnostic__nav){animation:diagStepContentIn .2s cubic-bezier(.4,0,.2,1) forwards}.diagnostic__step.is-active.from-prev>:not(.diagnostic__nav){animation-name:diagStepContentInBack}@keyframes diagStepContentIn{0%{opacity:.94;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes diagStepContentInBack{0%{opacity:.94;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.diagnostic__step.is-active>:not(.diagnostic__nav){animation:none}.diagnostic__result.is-visible{animation:none}}.diagnostic__question{font-size:calc(var(--font-body-scale) * 2.2rem);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);color:rgb(var(--color-foreground));margin-bottom:.8rem;line-height:1.3}.diagnostic__question-hint{font-size:calc(var(--font-body-scale) * 1.3rem);color:rgb(var(--color-foreground-secondary));margin-bottom:2rem;margin-top:0}.diagnostic__options{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2.4rem}@media screen and (min-width:750px){.diagnostic__options{grid-template-columns:1fr 1fr}.diagnostic__options--cols-3{grid-template-columns:1fr 1fr 1fr}}.diagnostic__option{display:flex;align-items:center;gap:1.2rem;padding:1.5rem 1.8rem;border:1px solid rgba(var(--diagnostic-sage),.22);border-radius:var(--border-radius-block, .8rem);background:linear-gradient(180deg,rgba(var(--color-background),1),rgba(var(--diagnostic-cream),.6));color:rgb(var(--color-foreground));cursor:pointer;text-align:left;width:100%;font-size:calc(var(--font-body-scale) * 1.5rem);font-family:var(--font-body-family);line-height:1.4;box-shadow:0 .6rem 1.8rem rgba(var(--diagnostic-sage),.05);transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.diagnostic__option:hover{border-color:rgb(var(--diagnostic-sage));background:linear-gradient(180deg,rgba(var(--diagnostic-sage),.1),rgba(var(--diagnostic-cream),.7));box-shadow:var(--diagnostic-shadow-sage);transform:translateY(-.1rem)}.diagnostic__option.is-selected{border-color:rgb(var(--background-color-primary-button));background:linear-gradient(180deg,rgba(var(--background-color-primary-button),.14),rgba(var(--background-color-primary-button),.06));color:rgb(var(--color-foreground));box-shadow:0 1rem 2.8rem rgba(var(--background-color-primary-button),.16)}.diagnostic__option:focus-visible{outline:.2rem solid rgba(var(--background-color-primary-button),.5);outline-offset:.3rem}.diagnostic__option-check{flex-shrink:0;width:1.8rem;height:1.8rem;border:2px solid rgba(var(--diagnostic-sage),.4);border-radius:.4rem;background:rgb(var(--color-background));position:relative;box-shadow:inset 0 0 0 .1rem rgba(var(--color-background),.35);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.diagnostic__option.is-selected .diagnostic__option-check{background:rgb(var(--background-color-primary-button));border-color:rgb(var(--background-color-primary-button));box-shadow:0 0 0 .3rem rgba(var(--background-color-primary-button),.18)}.diagnostic__option.is-selected .diagnostic__option-check:after{content:"";position:absolute;left:.48rem;top:.18rem;width:.5rem;height:.9rem;border:solid rgb(var(--color-primary-button-text));border-width:0 .2rem .2rem 0;transform:rotate(45deg)}.diagnostic__option-label{flex:1}.diagnostic__field{margin-bottom:2rem}.diagnostic__consent{display:flex;align-items:flex-start;gap:1rem;color:rgb(var(--color-foreground-secondary));font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1.5;margin-bottom:2rem;cursor:pointer}.diagnostic__consent-input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:2rem;height:2rem;margin-top:.2rem;border:2px solid rgba(var(--color-border),.95);border-radius:.45rem;background:rgb(var(--color-background));cursor:pointer;position:relative;box-shadow:inset 0 0 0 .1rem rgba(var(--color-background),.35);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.diagnostic__consent-input:checked{background:rgb(var(--background-color-primary-button));border-color:rgb(var(--background-color-primary-button));box-shadow:0 0 0 .35rem rgba(var(--background-color-primary-button),.18)}.diagnostic__consent-input:checked:after{content:"";position:absolute;left:.52rem;top:.2rem;width:.55rem;height:1rem;border:solid rgb(var(--color-primary-button-text));border-width:0 .22rem .22rem 0;transform:rotate(45deg)}.diagnostic__consent-input:focus-visible{outline:.2rem solid rgba(var(--background-color-primary-button),.5);outline-offset:.3rem}.diagnostic__consent--error{color:rgb(var(--color-error))}.diagnostic__nav{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-top:2.4rem;flex-wrap:wrap}.diagnostic__nav--end{justify-content:flex-end}.diagnostic__back-btn{background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground-secondary));font-size:calc(var(--font-body-scale) * 1.4rem);font-family:var(--font-body-family);display:inline-flex;align-items:center;gap:.6rem;padding:0;line-height:1;transition:color .2s ease}.diagnostic__back-btn:hover{color:rgb(var(--color-foreground))}.diagnostic__back-btn svg{display:block}.diagnostic__result{display:none}.diagnostic__result.is-visible{display:block;animation:diagFadeUp .45s cubic-bezier(.4,0,.2,1) both}@keyframes diagFadeUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.diagnostic__result-intro{font-size:calc(var(--font-body-scale) * 1.2rem);text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--color-foreground-secondary));margin-bottom:.8rem;text-align:center}.diagnostic__result-greeting{font-size:calc(var(--font-body-scale) * 2.4rem);font-family:var(--font-heading-family);text-align:center;margin-bottom:3.6rem;color:rgb(var(--color-foreground))}.diagnostic__save-status{max-width:52rem;margin:-1.6rem auto 2.4rem;padding:1.2rem 1.6rem;border-radius:var(--border-radius-block, .8rem);font-size:calc(var(--font-body-scale) * 1.3rem);line-height:1.45;text-align:center}.diagnostic__save-status--pending{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground-secondary))}.diagnostic__save-status--success{background:rgba(var(--background-color-primary-button),.08);color:rgb(var(--color-foreground))}.diagnostic__save-status--error{background:rgba(var(--color-error),.08);color:rgb(var(--color-error))}.diagnostic__profile-card{background:radial-gradient(circle at top,rgba(var(--diagnostic-sage),.18),transparent 48%),linear-gradient(145deg,rgba(var(--diagnostic-cream),1),rgba(var(--color-background),.96));border:1px solid rgba(var(--diagnostic-sage),.28);border-radius:calc(var(--border-radius-block, 1.2rem) + .6rem);padding:3.8rem 2.8rem;text-align:center;margin-bottom:2.6rem;box-shadow:var(--diagnostic-shadow-soft);overflow:hidden;position:relative}.diagnostic__profile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:.1rem solid rgba(var(--color-background),.9);pointer-events:none}.diagnostic__profile-emoji{width:6.4rem;height:6.4rem;border-radius:50%;background:rgba(var(--diagnostic-sage),.14);border:1px solid rgba(var(--diagnostic-sage),.32);font-size:3.6rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.8rem;box-shadow:inset 0 0 0 .6rem rgba(var(--color-background),.55),0 .8rem 2rem rgba(var(--diagnostic-sage),.18)}.diagnostic__profile-name{font-size:calc(var(--font-body-scale) * 2.6rem);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);color:rgb(var(--color-foreground));margin-bottom:1.2rem}.diagnostic__profile-desc{font-size:calc(var(--font-body-scale) * 1.5rem);color:rgb(var(--color-foreground-secondary));line-height:1.7;max-width:56rem;margin:0 auto 2.2rem}.diagnostic__tags{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.diagnostic__tag{font-size:calc(var(--font-body-scale) * 1.2rem);padding:.6rem 1.3rem;border-radius:99px;border:1px solid rgba(var(--diagnostic-sage),.32);color:rgb(var(--diagnostic-forest));background:rgba(var(--diagnostic-cream),.85);font-weight:500}.diagnostic__reco-grid{display:grid;grid-template-columns:1fr;gap:1.8rem;margin-bottom:3.6rem}@media screen and (min-width:750px){.diagnostic__reco-grid{grid-template-columns:1fr 1fr 1fr}}.diagnostic__reco-item{background:linear-gradient(180deg,rgba(var(--color-background),1),rgba(var(--diagnostic-cream),.7));border:1px solid rgba(var(--diagnostic-sage),.2);border-radius:calc(var(--border-radius-block, .8rem) + .4rem);padding:2.2rem;box-shadow:0 .8rem 2.4rem rgba(var(--diagnostic-sage),.06);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.diagnostic__reco-item:hover{border-color:rgba(var(--diagnostic-sage),.45);box-shadow:var(--diagnostic-shadow-sage);transform:translateY(-.15rem)}.diagnostic__reco-title{font-size:calc(var(--font-body-scale) * 1.2rem);text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--diagnostic-sage));margin-bottom:1.4rem;font-weight:700;padding-bottom:1rem;border-bottom:1px solid rgba(var(--diagnostic-sage),.22)}.diagnostic__reco-list{list-style:none;padding:0;margin:0}.diagnostic__reco-list li{font-size:calc(var(--font-body-scale) * 1.4rem);color:rgb(var(--color-foreground));padding:.7rem 0;border-bottom:1px solid rgba(var(--color-border),.24);display:flex;align-items:flex-start;gap:1rem;line-height:1.45}.diagnostic__reco-list li:last-child{border-bottom:none}.diagnostic__reco-list li:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:rgb(var(--diagnostic-sage));flex-shrink:0;margin-top:.62em;box-shadow:0 0 0 .3rem rgba(var(--diagnostic-sage),.14)}.diagnostic__pitch{background:radial-gradient(ellipse at top left,rgba(var(--diagnostic-sage),.18),transparent 55%),linear-gradient(145deg,rgba(var(--diagnostic-sage),.1),rgba(var(--diagnostic-cream),1) 50%,rgba(var(--color-background),.96));border:1px solid rgba(var(--diagnostic-sage),.28);border-radius:calc(var(--border-radius-block, 1.2rem) + .6rem);padding:3.6rem 2.6rem;text-align:center;box-shadow:var(--diagnostic-shadow-soft)}.diagnostic__pitch-eyebrow{font-size:calc(var(--font-body-scale) * 1.2rem);text-transform:uppercase;letter-spacing:.18em;color:rgb(var(--diagnostic-sage));margin-bottom:.8rem;font-weight:600}.diagnostic__pitch-title{font-size:calc(var(--font-body-scale) * 2.2rem);font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);color:rgb(var(--color-foreground));margin-bottom:1.2rem}.diagnostic__pitch-text{font-size:calc(var(--font-body-scale) * 1.5rem);color:rgb(var(--color-foreground-secondary));line-height:1.65;max-width:52rem;margin:0 auto 2rem}.diagnostic__pitch-checklist{list-style:none;padding:0;margin:0 auto 2.4rem;display:inline-flex;flex-direction:column;gap:1rem;text-align:left}.diagnostic__pitch-checklist li{display:flex;align-items:center;gap:1rem;font-size:calc(var(--font-body-scale) * 1.5rem);color:rgb(var(--color-foreground))}.diagnostic__pitch-checklist li:before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;background:rgb(var(--background-color-primary-button));color:rgb(var(--color-primary-button-text));font-size:1.1rem;font-weight:700;flex-shrink:0;box-shadow:0 .5rem 1.4rem rgba(var(--background-color-primary-button),.22)}.diagnostic__pitch-caption{font-size:calc(var(--font-body-scale) * 1.4rem);color:rgb(var(--color-foreground-secondary));margin-bottom:2.4rem;font-style:italic}.diagnostic__cta{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.diagnostic__cta-note{font-size:calc(var(--font-body-scale) * 1.2rem);color:rgb(var(--color-foreground-secondary));margin:0}.field__input--error{border-color:rgb(var(--color-error))!important}body:has(.diagnostic) #breadcrumbs{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-diagnostic-capillaire.css.map */