.skin-assessment-page{--sa-porcelain: #F4F3ED;--sa-mineral-mist: #C1BFB8;--sa-eucalyptus: #545453;--sa-charcoal: #212120;--sa-pastel-pink: #EFDADA;--sa-blush-deep: #D4A9A9;--sa-white: #FFFFFF;--sa-error: #C25550;--sa-heading-font: "Archivo", sans-serif;--sa-mono-font: "Roboto Mono", monospace;--sa-body-font: "Karla", sans-serif;font-family:var(--sa-body-font);color:var(--sa-charcoal)}.sa-hero--banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--sa-hero-desktop-height, 420px);overflow:hidden}.sa-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sa-hero__image{width:100%;height:100%;object-fit:cover;display:block}.sa-hero__media--placeholder{background-color:var(--sa-porcelain);display:flex;align-items:center;justify-content:center}.sa-hero__placeholder{width:100%;height:100%;opacity:.3}.sa-hero__content{position:relative;z-index:2;color:var(--sa-hero-text-color, #FFFFFF);padding-block:3rem;max-width:680px;margin-inline:auto}.sa-hero__eyebrow{font-family:var(--sa-mono-font);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-block-end:.75rem}.sa-hero__title{font-family:var(--sa-heading-font);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:1.15;margin-block-end:1rem;color:inherit}.sa-hero__subtitle{font-size:16px;line-height:1.65;max-width:540px;color:inherit;opacity:.92}.sa-hero__content[style*=center] .sa-hero__subtitle{margin-inline:auto}.sa-hero__btn{margin-block-start:1.5rem}.sa-how-it-works{padding-block:3rem}.sa-how-it-works__inner{max-width:860px;margin-inline:auto}.sa-how-it-works__title{font-family:var(--sa-heading-font);font-size:20px;font-weight:600;text-align:center;margin-block-end:2rem}.sa-how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.sa-how-it-works__step{text-align:center}.sa-how-it-works__number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-family:var(--sa-heading-font);font-weight:600;font-size:16px;margin-block-end:.75rem}.sa-how-it-works__step h3{font-family:var(--sa-heading-font);font-size:15px;font-weight:600;margin-block-end:.4rem}.sa-how-it-works__step p{font-size:14px;line-height:1.55}.sa-form-section-outer{width:100%}.sa-form-section{max-width:var(--sa-form-max-width, 740px);margin-inline:auto}.sa-progress{margin-block-end:2.5rem}.sa-progress__bar{height:3px;background-color:var(--sa-porcelain);border-radius:3px;overflow:hidden}.sa-progress__fill{height:100%;background-color:var(--sa-form-progress, var(--sa-blush-deep));transition:width .4s ease;border-radius:3px}.sa-progress__labels{display:flex;justify-content:space-between;margin-block-start:.6rem}.sa-progress__label{font-family:var(--sa-mono-font);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sa-mineral-mist);transition:color .3s ease}.sa-progress__label.is-active{color:var(--sa-label-active, var(--sa-form-progress, var(--sa-blush-deep)))}.sa-form__step{display:none;border:none;padding:0;margin:0}.sa-form__step.is-active{display:block;animation:sa-fadeIn .35s ease}@keyframes sa-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sa-form__step-title{font-family:var(--sa-heading-font);font-size:24px;font-weight:600;margin-block-end:.35rem}.sa-form__step-desc{font-size:15px;line-height:1.55;margin-block-end:2rem}.sa-form__field{margin-block-end:1.5rem}.sa-form__field>label{display:block;font-family:var(--sa-mono-font);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sa-eucalyptus);margin-block-end:.45rem}.sa-required{color:var(--sa-blush-deep)}.sa-form__field input[type=text],.sa-form__field input[type=email],.sa-form__field select,.sa-form__field textarea{width:100%;padding:.85rem 1rem;font-family:var(--sa-body-font);font-size:15px;color:var(--sa-charcoal);background-color:var(--sa-white);border:1px solid var(--sa-form-input-border, var(--sa-mineral-mist));border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none;box-sizing:border-box}.sa-form__field select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23545453' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.sa-form__field input:focus,.sa-form__field select:focus,.sa-form__field textarea:focus{outline:none;border-color:var(--sa-form-accent, var(--sa-blush-deep));box-shadow:0 0 0 3px #d4a9a926}.sa-form__field textarea{resize:vertical;min-height:90px}.sa-form__field input.is-invalid,.sa-form__field select.is-invalid{border-color:var(--sa-error)}.sa-form__field .sa-field-error{font-size:13px;color:var(--sa-error);margin-block-start:.3rem}.sa-form__row{display:flex;gap:1rem}.sa-form__row--two>.sa-form__field{flex:1}.sa-form__options{display:flex;flex-direction:column;gap:.65rem}.sa-form__options--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.sa-option{display:flex;align-items:flex-start;gap:.75rem;padding:.95rem 1.1rem;border:1px solid var(--sa-form-input-border, var(--sa-mineral-mist));border-radius:6px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.sa-option:hover{border-color:var(--sa-form-accent, var(--sa-blush-deep))}.sa-option input[type=radio]{flex-shrink:0;margin-top:2px;accent-color:var(--sa-form-accent, var(--sa-blush-deep))}.sa-option input[type=radio]:checked+.sa-option__label{color:var(--sa-charcoal)}.sa-option:has(input:checked){border-color:var(--sa-form-accent, var(--sa-blush-deep));background-color:#efdada33}.sa-option__label{font-size:15px;color:var(--sa-eucalyptus);line-height:1.4}.sa-option__label strong{display:block;font-family:var(--sa-body-font);font-weight:600;font-size:15px;color:var(--sa-charcoal)}.sa-option__label small{display:block;font-size:13px;color:var(--sa-eucalyptus);margin-block-start:.15rem}.sa-form__nav{margin-block-start:2.25rem;display:flex;justify-content:flex-end}.sa-form__nav--split{justify-content:space-between}.sa-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--sa-body-font);font-size:15px;font-weight:500;padding:.85rem 1.75rem;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .1s ease;text-decoration:none}.sa-btn:active{transform:scale(.98)}.sa-btn--primary{background-color:var(--sa-charcoal);color:var(--sa-white)}.sa-btn--primary:hover{opacity:.88}.sa-btn--secondary{background-color:transparent;color:var(--sa-eucalyptus);padding-inline-start:0}.sa-btn--secondary:hover{color:var(--sa-charcoal)}.sa-btn--submit{background-color:var(--sa-form-btn, var(--sa-charcoal));color:var(--sa-form-btn-text, var(--sa-white))}.sa-btn--submit:hover{opacity:.88}.sa-btn:disabled{opacity:.5;cursor:not-allowed}.sa-confirmation{text-align:center;padding-block:3rem;animation:sa-fadeIn .5s ease}.sa-confirmation__icon{margin-block-end:1.5rem}.sa-confirmation__logo{width:80px;height:80px;border-radius:50%;object-fit:cover}.sa-confirmation__title{font-family:var(--sa-heading-font);font-size:24px;font-weight:600;margin-block-end:.75rem}.sa-confirmation__message{font-size:15px;line-height:1.65;max-width:460px;margin-inline:auto;margin-block-end:2rem}.sa-confirmation .sa-btn{display:block;max-width:280px;margin-inline:auto;width:100%;justify-content:center}.sa-confirmation .sa-btn+.sa-btn{margin-block-start:.75rem}@media(max-width:640px){.sa-hero--banner{min-height:var(--sa-hero-mobile-height, 320px)}.sa-hero__content{padding-inline:1.25rem}.sa-how-it-works__steps{grid-template-columns:1fr;gap:1.5rem}.sa-form__row--two{flex-direction:column;gap:0}.sa-form__options--grid{grid-template-columns:1fr}.sa-progress__labels{display:none}.sa-form-section{padding-inline:1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-skin-assessment-v2.css.map */