@keyframes cst-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cst-animate-in{animation:cst-fade-in .4s ease both}.cst-root{font-family:var(--cst-font-body, "Jost", system-ui, sans-serif);background-color:var(--cst-color-bg, #FAF7F2);color:var(--cst-color-text, #2A2420)}.cst-badge{display:inline-block;font-family:var(--cst-font-body);font-size:var(--cst-size-badge, 11px);font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--cst-badge-color, #5C7A56);background:var(--cst-badge-bg, transparent);border:1px solid var(--cst-badge-border, #B8CAAF);border-radius:var(--cst-badge-radius, 2px);padding:var(--cst-badge-padding-v, 6px) var(--cst-badge-padding-h, 18px);margin-bottom:28px}.cst-intro{min-height:100vh;background-color:var(--cst-intro-bg, #FAF7F2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--cst-intro-padding-v, 80px) 24px;position:relative;overflow:hidden;text-align:center}.cst-intro__glow{position:absolute;border-radius:50%;pointer-events:none}.cst-intro__glow--1{top:-130px;right:-130px;width:520px;height:520px;background:radial-gradient(circle,var(--cst-intro-glow1, #E8D4A8) 0%,transparent 68%);opacity:.45}.cst-intro__glow--2{bottom:-90px;left:-90px;width:380px;height:380px;background:radial-gradient(circle,var(--cst-intro-glow2, #B8CAAF) 0%,transparent 68%);opacity:.3}.cst-intro__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;max-width:var(--cst-max-width, 720px)}.cst-intro__title{font-family:var(--cst-font-display, "Cormorant Garamond", Georgia, serif);font-size:var(--cst-size-intro-title, 56px);font-weight:400;line-height:1.1;color:var(--cst-intro-title-c, #2A2420);margin-bottom:14px}.cst-intro__title em{font-style:italic;color:var(--cst-intro-em-c, #C4856A)}.cst-intro__subtitle{font-family:var(--cst-font-display);font-size:var(--cst-size-intro-sub, 20px);font-weight:400;font-style:italic;color:var(--cst-intro-sub-c, #9E8B7D);margin-bottom:24px}.cst-intro__desc{font-size:var(--cst-size-intro-desc, 14px);font-weight:400;line-height:1.8;color:var(--cst-intro-desc-c, #6B5B4E);max-width:440px;margin-bottom:48px}.cst-intro__meta{margin-top:24px;font-size:12px;font-weight:400;letter-spacing:.05em;color:var(--cst-intro-meta-c, #9E8B7D)}.cst-btn{font-family:var(--cst-font-body);font-size:var(--cst-size-btn, 13px);font-weight:400;letter-spacing:var(--cst-btn-spacing, .2em);text-transform:uppercase;border:none;padding:var(--cst-btn-padding-v, 18px) var(--cst-btn-padding-h, 52px);border-radius:var(--cst-btn-radius, 0px);box-shadow:var(--cst-btn-shadow, none);cursor:pointer;transition:all .32s ease;position:relative;overflow:hidden}.cst-btn span{position:relative;z-index:1}.cst-btn--primary{color:var(--cst-btn-color, #FAF7F2);background:var(--cst-btn-bg, #2A2420)}.cst-btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cst-btn-hover-bg, #5C7A56);transform:translate(-100%);transition:transform .32s ease}.cst-btn--primary:hover{color:var(--cst-btn-hover-c, #FAF7F2)}.cst-btn--primary:hover:after{transform:translate(0)}.cst-btn--outline{color:var(--cst-btn-out-color, #2A2420);background:transparent;border:1px solid var(--cst-btn-out-border, #2A2420)}.cst-btn--outline:hover{background:var(--cst-btn-out-hover-bg, #2A2420);color:var(--cst-btn-out-hover-c, #FAF7F2)}.cst-quiz{background-color:var(--cst-quiz-bg, #FAF7F2)}.cst-quiz__header{background:var(--cst-header-bg, #F5F0E8);border-bottom:1px solid var(--cst-header-border, #E8D4A8);padding:var(--cst-header-padding, 18px) 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.cst-quiz__logo{font-family:var(--cst-font-display);font-size:20px;font-weight:400;letter-spacing:.15em;color:var(--cst-header-logo-c, #2A2420);min-width:60px}.cst-quiz__spacer{min-width:60px}.cst-progress{flex:1;max-width:320px;margin:0 auto;display:flex;align-items:center;gap:12px}.cst-progress__bar{flex:1;height:var(--cst-progress-height, 2px);background:var(--cst-progress-track, #E8D4A8);border-radius:var(--cst-progress-radius, 2px);overflow:hidden}.cst-progress__fill{height:100%;background:var(--cst-progress-fill, #5C7A56);border-radius:var(--cst-progress-radius, 2px);transition:width .5s ease;width:0%}.cst-progress__text{font-size:12px;font-weight:400;color:var(--cst-progress-text-c, #9E8B7D);white-space:nowrap}.cst-quiz__area{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:var(--cst-quiz-padding-v, 60px) 24px}.cst-question-card{width:100%;max-width:var(--cst-max-width, 720px)}.cst-q-number{font-size:var(--cst-size-q-number, 11px);font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--cst-qnumber-color, #5C7A56);margin-bottom:20px}.cst-q-text{font-family:var(--cst-font-display);font-size:var(--cst-size-q-text, 30px);font-weight:400;line-height:1.28;color:var(--cst-qtext-color, #2A2420);margin-bottom:36px}.cst-options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--cst-opt-gap, 10px)}.cst-option-btn{display:flex;align-items:flex-start;gap:16px;width:100%;padding:var(--cst-opt-padding-v, 20px) var(--cst-opt-padding-h, 24px);background:var(--cst-opt-bg, #F5F0E8);border:1px solid var(--cst-opt-border, #F5F0E8);border-radius:var(--cst-opt-radius, 0px);cursor:pointer;text-align:left;font-family:var(--cst-font-body);position:relative;overflow:hidden;transition:all .22s ease}.cst-option-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--cst-opt-bar-width, 3px);background:var(--cst-opt-accent-bar, #5C7A56);transform:scaleY(0);transition:transform .22s ease}.cst-option-btn:hover{background:var(--cst-opt-bg-hover, #FFFFFF);border-color:var(--cst-opt-border-hover, #B8CAAF);transform:translate(var(--cst-opt-translate-x, 4px))}.cst-option-btn:hover:before{transform:scaleY(1)}.cst-option-btn--selected{background:var(--cst-opt-bg-selected, #FFFFFF)!important;border-color:var(--cst-opt-border-sel, #5C7A56)!important;transform:translate(var(--cst-opt-translate-x, 4px))!important}.cst-option-btn--selected:before{transform:scaleY(1)!important}.cst-option-letter{font-size:11px;font-weight:500;letter-spacing:.15em;color:var(--cst-opt-letter-c, #5C7A56);min-width:20px;padding-top:2px}.cst-option-text{font-size:var(--cst-size-option, 15px);font-weight:400;line-height:1.5;color:var(--cst-opt-text-c, #4A3F38)}.cst-option-btn--selected .cst-option-text{color:var(--cst-opt-text-sel-c, #2A2420);font-weight:400}.cst-q-nav{display:flex;justify-content:space-between;align-items:center;margin-top:36px}.cst-btn-prev{font-family:var(--cst-font-body);font-size:var(--cst-size-btn, 13px);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--cst-prev-color, #9E8B7D);background:none;border:none;cursor:pointer;padding:10px 0;transition:color .2s}.cst-btn-prev:hover{color:var(--cst-prev-hover-color, #2A2420)}.cst-btn-prev:disabled{opacity:0;pointer-events:none}.cst-btn-next{font-family:var(--cst-font-body);font-size:var(--cst-size-btn, 13px);font-weight:400;letter-spacing:var(--cst-btn-spacing, .2em);text-transform:uppercase;color:var(--cst-next-color, #FAF7F2);background:var(--cst-next-bg, #2A2420);border:none;border-radius:var(--cst-btn-radius, 0px);padding:var(--cst-btn-padding-v, 14px) var(--cst-btn-padding-h, 40px);cursor:pointer;transition:background .28s ease;opacity:var(--cst-next-disabled-op, .3);pointer-events:none}.cst-btn-next--active{opacity:1!important;pointer-events:all!important}.cst-btn-next--active:hover{background:var(--cst-next-hover-bg, #5C7A56)}.cst-result{background-color:var(--cst-result-bg, #FAF7F2);padding:var(--cst-result-padding-v, 80px) 24px 40px;animation:cst-fade-in .55s ease both}.cst-result__inner,.cst-email-block,.cst-result__actions{max-width:var(--cst-max-width, 720px);margin-left:auto;margin-right:auto}.cst-result__inner{margin-bottom:60px}.cst-result__actions{margin-top:16px}.cst-result__eyebrow{font-family:var(--cst-font-body);font-size:11px;font-weight:400;letter-spacing:.35em;text-transform:uppercase;color:var(--cst-result-eyebrow-c, #5C7A56);margin-bottom:16px}.cst-result__type{font-family:var(--cst-font-display);font-size:var(--cst-size-result-type, 64px);font-weight:400;line-height:1;color:var(--cst-result-type-c, #2A2420)}.cst-result__type em{font-style:italic;color:var(--cst-result-type-em-c, #C4856A)}.cst-result__divider{width:var(--cst-result-divider-w, 56px);height:1px;background:var(--cst-result-divider-c, #C9A96E);margin:32px 0}.cst-result-block{margin-bottom:var(--cst-gap-blocks, 48px)}.cst-result-block__title{font-family:var(--cst-font-display);font-size:var(--cst-size-result-title, 22px);font-weight:500;color:var(--cst-result-title-c, #2A2420);padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid var(--cst-result-title-border, #E8D4A8)}.cst-result-text{font-size:var(--cst-size-result-text, 15px);font-weight:400;line-height:1.85;color:var(--cst-result-text-c, #6B5B4E);margin-bottom:14px}.cst-result-quote{font-family:var(--cst-font-display);font-size:var(--cst-size-result-quote, 19px);font-style:italic;font-weight:400;color:var(--cst-result-quote-c, #5C7A56);padding-left:20px;border-left:2px solid var(--cst-result-quote-bar, #B8CAAF);margin-top:20px}.cst-dehydration-block{background:var(--cst-dehy-bg, #F5F0E8);border:1px solid var(--cst-dehy-border, #E8D4A8);border-radius:var(--cst-dehy-radius, 0px);padding:var(--cst-dehy-pad, 32px);margin-bottom:var(--cst-gap-blocks, 48px);position:relative}.cst-dehydration-block:before{content:"+";position:absolute;top:-14px;left:28px;background:var(--cst-result-bg, #FAF7F2);padding:0 8px;font-family:var(--cst-font-display);font-size:24px;color:var(--cst-dehy-plus-c, #C9A96E)}.cst-email-block{background:var(--cst-email-bg, #FAF7F2);border-top:1px solid var(--cst-email-border-top, #E8D4A8);padding-top:52px;margin-bottom:48px}.cst-email-block__inner{display:flex;flex-direction:column;align-items:flex-start}.cst-email-block__title{font-family:var(--cst-font-display);font-size:var(--cst-size-email-title, 30px);font-weight:400;color:var(--cst-email-title-c, #2A2420);margin-bottom:12px}.cst-email-block__desc{font-size:var(--cst-size-email-desc, 14px);font-weight:400;line-height:1.8;color:var(--cst-email-desc-c, #6B5B4E);max-width:460px;margin-bottom:28px}.cst-email-form{display:flex;flex-wrap:wrap;gap:10px;width:100%;max-width:500px}.cst-email-input{flex:1;min-width:200px;font-family:var(--cst-font-body);font-size:14px;font-weight:400;color:var(--cst-email-input-color, #2A2420);background:var(--cst-email-input-bg, #F5F0E8);border:1px solid var(--cst-email-input-border, #E8D4A8);border-radius:var(--cst-email-input-radius, 0px);padding:16px 20px;outline:none;transition:border-color .2s}.cst-email-input:focus{border-color:var(--cst-email-input-focus, #5C7A56)}.cst-email-input::placeholder{color:var(--cst-email-input-ph, #9E8B7D)}.cst-email-skip{font-size:12px;font-weight:400;color:var(--cst-email-skip-c, #9E8B7D);margin-top:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.cst-email-skip:hover{color:var(--cst-email-skip-hover-c, #2A2420)}.cst-email-success{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;color:var(--cst-email-success-c, #5C7A56);margin-top:12px;padding:14px 20px;background:var(--cst-email-success-bg, #F5F0E8);border:1px solid var(--cst-email-success-border, #B8CAAF)}.cst-email-error{font-size:13px;font-weight:400;color:var(--cst-email-error-c, #C4856A);margin-top:10px}@media(max-width:640px){.cst-quiz__header{padding:14px 18px}.cst-quiz__logo{font-size:16px}.cst-quiz__area{padding:36px 16px}.cst-option-btn{padding:14px 16px}.cst-result{padding:56px 18px 32px}.cst-email-block{padding-top:36px}.cst-dehydration-block{padding:24px 18px}.cst-email-form{flex-direction:column}.cst-email-input{width:100%;min-width:unset}.cst-btn{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/clerea-skin-test.css.map */