.serum-quiz{--sq-trajan: "trajan-pro-3", "Trajan Pro 3", "Trajan-fallback", serif;--sq-goudy: "goudy-old-style", "Goudy Old Style", "Dirham Sign", serif;--sq-lato: "Lato", "Lato-fallback", "Dirham Sign", sans-serif;--sq-gold: #b9924c;--sq-line: #dfd0b6;--sq-ink: #201c18;--sq-muted: #72685e;--sq-ease: cubic-bezier(.22, 1, .36, 1);display:block;padding:28px 0 40px;color:var(--sq-ink);font-family:var(--sq-lato)}.serum-quiz__inner{max-width:calc(1062px + 10rem)}.serum-quiz__desktop-only{display:none}.serum-quiz__head{text-align:center;scroll-margin-top:calc(var(--header-height, 0px) + 16px)}.serum-quiz__head:focus{outline:none}.serum-quiz__eyebrow{letter-spacing:0;margin:0;font-size:14px;font-style:italic;font-weight:300;line-height:20px;color:#000}.serum-quiz__heading{margin:5px 0 0;font-family:var(--sq-trajan);font-size:24px;font-weight:400;line-height:39px;letter-spacing:.6px;text-transform:uppercase;color:#121212}.serum-quiz__panel{margin-top:22px;padding:10px 18px 25px;background:#f8f5ee;border:1px solid var(--sq-line)}.serum-quiz__steps{display:grid}.serum-quiz__step{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;min-width:0;opacity:0;visibility:hidden;transform:translate(16px);transition:opacity var(--duration-medium) var(--sq-ease),transform var(--duration-medium) var(--sq-ease),visibility 0s linear var(--duration-medium)}.serum-quiz__step.is-before{transform:translate(-16px)}.serum-quiz__step.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.serum-quiz__count{order:0;margin:0;font-size:13px;line-height:20px;color:#61594f}.serum-quiz__number{order:1;margin:0;font-family:var(--sq-trajan);font-size:32px;line-height:56px;color:#cfad68}.serum-quiz__question{order:2;max-width:867px;margin:0 0 20px;font-family:var(--sq-lato);font-size:16px;font-weight:300;line-height:26px;letter-spacing:.52px;text-align:center;color:var(--sq-ink)}.serum-quiz__question:focus{outline:none}.serum-quiz__options{order:3;display:grid;gap:10px;width:100%}.serum-quiz__option{display:flex;align-items:center;gap:16px;min-height:92px;margin:0;padding:14px 16px;background:#fff;border:1px solid var(--sq-line);border-radius:0;box-shadow:0 1px #563d1814;color:var(--sq-ink);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-default) ease,border-color var(--duration-default) ease,box-shadow var(--duration-default) ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.serum-quiz__option[aria-pressed=true]{background:#fffbf3;border-color:var(--sq-gold);box-shadow:inset 0 0 0 1px var(--sq-gold)}.serum-quiz__option:focus-visible,.serum-quiz__back:focus-visible,.serum-quiz__retake:focus-visible,.serum-quiz__add:focus-visible,.serum-quiz__wa:focus-visible{outline:2px solid var(--sq-ink);outline-offset:2px}@media(hover:hover){.serum-quiz__option:hover{border-color:var(--sq-gold)}}.serum-quiz__letter{flex:0 0 38px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f2e9d9;color:#8c6b34;font-family:var(--sq-trajan);font-size:17px;line-height:1;transition:background-color var(--duration-default) ease,color var(--duration-default) ease}.serum-quiz__option[aria-pressed=true] .serum-quiz__letter{background:var(--sq-gold);color:#fff}.serum-quiz__option-copy{display:flex;flex-direction:column;min-width:0}.serum-quiz__option-title{font-size:16px;font-weight:700;line-height:24px;color:var(--sq-ink)}.serum-quiz__option-text{font-size:12px;line-height:18px;color:var(--sq-muted)}.serum-quiz__step{position:relative}.serum-quiz__back{position:absolute;top:-12px;left:-8px;min-height:44px;margin:0;padding:0 8px;background:none;border:0;color:#61594f;font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}.serum-quiz__help{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px;padding:22px 16px;background:#fff;border:1px solid var(--sq-line);text-align:center}.serum-quiz__help-title{margin:0;font-family:var(--sq-trajan);font-size:16px;line-height:28px;text-transform:uppercase;color:var(--sq-ink)}.serum-quiz__help-text{margin:5px 0 0;font-size:12px;line-height:20px;color:var(--sq-muted)}.serum-quiz__wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 17px;background:#1f8f4e;border:1px solid #1f8f4e;color:#fff;font-size:14px;font-weight:700;line-height:20px;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-default) ease}.serum-quiz__wa--outline{background:#fff;color:#1f8f4e}@media(hover:hover){.serum-quiz__wa:hover{background:#187a42}.serum-quiz__wa--outline:hover{background:#f1f8f3}}.serum-quiz__wa-icon{flex:0 0 17px;width:17px;height:17px}.serum-quiz__results{margin-top:22px}.serum-quiz__results.is-entering,.serum-quiz__panel.is-entering{animation:serum-quiz-enter var(--duration-long) var(--sq-ease)}@keyframes serum-quiz-enter{0%{opacity:0;transform:translateY(8px)}}.serum-quiz__result{display:grid;gap:24px;padding:16px;background:#fff;border:1px solid #ddd4c6}.serum-quiz__result[hidden]{display:none}.serum-quiz__result-visual{display:flex;align-items:center;justify-content:center;height:300px;padding:24px;background:var(--sq-result-bg, #fff5d4)}.serum-quiz__result-image{width:auto;max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.serum-quiz__result-label{margin:0;font-size:12px;line-height:18px;color:var(--sq-accent, #956800)}.serum-quiz__result-name{margin:4px 0 0;font-family:var(--sq-trajan);font-size:24px;font-weight:400;line-height:32px;letter-spacing:0;text-transform:uppercase;color:var(--sq-ink)}.serum-quiz__result-name:focus{outline:none}.serum-quiz__result-subtitle{margin:2px 0 0;font-size:13px;line-height:20px;color:var(--sq-ink)}.serum-quiz__result-best{margin:20px 0 0;font-family:var(--sq-goudy);font-size:16px;line-height:24px;color:var(--sq-accent, #956800)}.serum-quiz__benefits{display:grid;gap:16px;margin:16px 0 0;padding:0;list-style:none}.serum-quiz__benefit{display:flex;align-items:center;gap:16px;font-size:14px;line-height:21px;color:#121212}.serum-quiz__check{flex:0 0 20px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--sq-accent, #a27a00);border-radius:50%;color:var(--sq-accent, #a27a00)}.serum-quiz__check svg{width:12px;height:12px}.serum-quiz__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-top:28px}.serum-quiz__form{margin:0}.serum-quiz__add{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 24px;background:#17140f;border:0;border-radius:0;color:#fff;font-family:var(--sq-goudy);font-size:15px;line-height:22px;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:opacity var(--duration-default) ease}.serum-quiz__add[aria-disabled=true]{opacity:.75}.serum-quiz__retake{min-height:44px;padding:0 4px;background:none;border:0;color:#121212;font:inherit;font-size:13px;line-height:20px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;touch-action:manipulation}.serum-quiz__alternate{margin:12px 0 0;font-family:var(--sq-goudy);font-size:13px;line-height:20px;color:#766e64}.serum-quiz__alternate a{color:#121212;text-underline-offset:3px}.serum-quiz__result-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 20px;margin-top:24px;padding-top:20px;border-top:1px solid #ece4d6}.serum-quiz__result-help-title{margin:0;font-size:15px;line-height:22px;color:#121212}.serum-quiz__result-help-text{margin:4px 0 0;font-size:13px;line-height:20px;color:#766e64}@media screen and (min-width:750px){.serum-quiz{padding:56px 0 64px}.serum-quiz__mobile-only{display:none}.serum-quiz__desktop-only{display:block}.serum-quiz__heading{font-size:28px}.serum-quiz__panel{margin-top:27px;padding:23px 51px 18px}.serum-quiz__count{order:5;margin-top:24px}.serum-quiz__number{font-size:40px;line-height:61px}.serum-quiz__question{margin:6px 0 40px;font-size:22px;line-height:30px}.serum-quiz__options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12.5px}.serum-quiz__option{flex-direction:column;align-items:flex-start;gap:0;min-height:148px;padding:21px}.serum-quiz__letter{border-radius:0;margin-bottom:14px}.serum-quiz__option-text{padding-top:10px;font-size:14px}.serum-quiz__back{top:auto;bottom:-12px;left:-12px}.serum-quiz__help{flex-direction:row;justify-content:space-between;margin-top:14px;padding:22px 26px;text-align:left}.serum-quiz__results{margin-top:27px}.serum-quiz__result{grid-template-columns:minmax(0,373.5px) minmax(0,456.5px);justify-content:center;gap:48px;max-width:960px;margin:0 auto;padding:40px}.serum-quiz__result-visual{height:430px;padding:32px}.serum-quiz__result-info{padding:20px 0}.serum-quiz__result-name{line-height:36px;letter-spacing:2.88px}.serum-quiz__wa{min-width:211px;min-height:51px}.serum-quiz__wa--outline{min-width:192px}.serum-quiz__result-best{margin-top:24px}}@media(prefers-reduced-motion:reduce){.serum-quiz__step{transform:none;transition-duration:1ms}.serum-quiz__step.is-before{transform:none}.serum-quiz__results.is-entering,.serum-quiz__panel.is-entering{animation:none}}.serum-quiz__help[hidden],.serum-quiz__alternate[hidden]{display:none}.serum-quiz__benefit,.serum-quiz__wa{font-family:var(--sq-lato)}.serum-quiz__alternate a{font-family:var(--sq-goudy)}
/*# sourceMappingURL=/cdn/shop/t/145/assets/section-serum-quiz.css.map */