.skin-finder{padding-block:40px;scroll-margin-top:100px}.skin-finder cosmea-skin-finder{display:block;max-width:1080px;margin-inline:auto;border:1px solid #e4d3da;border-radius:8px;background:#fffaf8;overflow:hidden}.skin-finder header.skin-finder__intro{position:relative;max-width:none;margin:0;padding:30px 210px 30px 32px;background:#56243b;color:#fff9f5}.skin-finder__intro-art{position:absolute;width:150px;height:132px;right:30px;top:50%;transform:translateY(-50%)}.skin-finder .skin-finder__intro .skin-finder__eyebrow{color:#ffdf4f;margin:0 0 12px}.skin-finder .skin-finder__intro h2{color:inherit;max-width:600px;font-size:clamp(27px,3vw,36px);margin:0 0 12px}.skin-finder .skin-finder__intro>p:last-child{color:#f0dce4;font-size:15px;margin:0;max-width:560px}.skin-finder [data-quiz],.skin-finder [data-result]{padding:24px 32px 0}.skin-finder__actions,.skin-finder .skin-finder__note,.skin-finder [data-fallback]{margin-inline:32px}.skin-finder .skin-finder__note{padding-bottom:22px}.skin-finder h2{margin:8px 0 12px;font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.02em}.skin-finder p{font-size:16px;line-height:1.6;margin:12px 0}.skin-finder .skin-finder__eyebrow{color:#842b48;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.skin-finder .skin-finder__progress{display:inline-block;color:#842b48;font-size:12px;font-weight:700;letter-spacing:.04em;border-bottom:2px solid #c797a9;margin-top:0;padding-bottom:6px}.skin-finder fieldset{padding:0;margin:0;border:0;min-width:0}.skin-finder legend{font-size:21px;line-height:1.35;font-weight:600;margin-bottom:18px;padding:0}.skin-finder__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-finder__choices label{display:flex;align-items:center;gap:12px;border:1px solid #d9cdd1;border-radius:6px;padding:16px;cursor:pointer;background:#fff;font-size:15px;line-height:1.4}.skin-finder__choices label:has(input:checked){border-color:#842b48;background:#fbf0f4;box-shadow:inset 0 0 0 1px #842b48}.skin-finder input{accent-color:#842b48;width:18px;height:18px;margin:0;flex-shrink:0}.skin-finder__choices label:focus-within{outline:2px solid #842b48;outline-offset:3px}.skin-finder__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.skin-finder__optional{margin-block:20px;padding-block:16px;border-block:1px solid #e4d9dd}.skin-finder button[data-serum-choice]{background:transparent;color:#842b48}.skin-finder button[data-serum-choice][aria-pressed=true]{background:#842b48;color:#fff}.skin-finder button,.skin-finder__product a{border:1px solid #842b48;border-radius:5px;background:#842b48;color:#fff;padding:12px 20px;min-height:44px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:12px}.skin-finder button[data-back],.skin-finder button[data-restart]{background:transparent;color:#842b48}.skin-finder button:focus-visible,.skin-finder a:focus-visible{outline:2px solid #842b48;outline-offset:4px}.skin-finder [hidden]{display:none!important}.skin-finder__error{color:#a51e35}.skin-finder [data-result]{border-top:1px solid #e4d9dd;padding-top:20px}.skin-finder [data-result] h3{font-size:clamp(23px,2.5vw,30px);line-height:1.25;margin:8px 0 14px}.skin-finder__product{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;padding-block:20px}.skin-finder__product img{width:120px;height:120px;object-fit:contain;background:#fff}.skin-finder__product h4{font-size:18px;line-height:1.35;margin:0}.skin-finder .skin-finder__note{color:#71676b;font-size:12px;max-width:780px;margin-top:20px}.skin-finder .skin-finder__hint{font-size:13px;color:#71676b;margin-bottom:16px}.skin-finder button.skin-finder__answer{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 32px;gap:16px;text-align:left;justify-content:start;align-items:center;padding:16px;background:#f8ecf0;color:#32242b;border:1.5px solid #b67c91;border-radius:6px;box-shadow:0 3px #d9b7c4;font-weight:500;line-height:1.4;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.skin-finder button.skin-finder__answer[aria-pressed=true]{border-color:#842b48;background:#ecd4de;box-shadow:inset 0 0 0 1px #842b48}.skin-finder button.skin-finder__answer:active{transform:translateY(2px);box-shadow:0 1px #b67c91}.skin-finder__icon{color:#842b48;flex-shrink:0}.skin-finder__arrow{display:grid;place-items:center;width:32px;height:32px;background:#842b48;color:#fff;border-radius:4px;font-size:20px;line-height:1}.skin-finder [data-step=goal] button.skin-finder__answer{grid-template-columns:22px minmax(0,1fr) 32px;padding:18px;gap:12px;min-height:116px;align-items:center}.skin-finder button.skin-finder__answer:focus-visible{outline:2px solid #842b48;outline-offset:3px}.skin-finder__concern-number{display:grid;place-items:center;width:21px;height:21px;border:1.5px solid #842b48;border-radius:50%;background:#fffaf8;font-size:0}.skin-finder__answer[aria-pressed=true] .skin-finder__concern-number:after{content:"";width:11px;height:11px;border-radius:50%;background:#842b48}.skin-finder__concern-guide{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:20px;max-width:740px}.skin-finder__concern-guide img{width:80px;height:80px;object-fit:cover;border-radius:4px}.skin-finder .skin-finder__concern-guide p{margin:0;color:#74666d;font-size:14px;line-height:1.5}.skin-finder [data-step=goal] .skin-finder__answer-copy{font-size:18px;font-weight:600;line-height:1.3}.skin-finder [data-step=goal] .skin-finder__answer-copy small{font-size:13px;line-height:1.5;margin-top:8px}.skin-finder [data-step=type] .skin-finder__answer{grid-template-columns:112px minmax(0,1fr) 32px;padding:10px;gap:16px}.skin-finder__photo{display:flex;width:112px;height:112px;overflow:hidden;border-radius:4px;background:#f5e9ed}.skin-finder__photo img{display:block;width:100%;height:100%;object-fit:cover}.skin-finder__photo--split img{width:50%}.skin-finder__answer-copy small{display:block;font-size:12px;font-weight:400;color:#6a6064;line-height:1.45;margin-top:5px}.skin-finder .skin-finder__product{grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:28px;margin:20px 0;padding:24px;border:1px solid #e5d9de;border-radius:6px;background:#fff}.skin-finder__product-visual{display:grid;place-items:center;background:#faf6f7;aspect-ratio:1}.skin-finder .skin-finder__product img{width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.skin-finder .skin-finder__product h4{font-family:var(--font-body-family);font-size:clamp(20px,2.1vw,26px);line-height:1.25;letter-spacing:-.025em}.skin-finder .skin-finder__formula{color:#74666d;font-size:13px;line-height:1.5}.skin-finder .skin-finder__why{font-weight:600;font-size:14px;margin-bottom:8px}.skin-finder__benefits{margin:0 0 16px;padding-left:18px;font-size:14px;line-height:1.5}.skin-finder__benefits li+li{margin-top:6px}.skin-finder__benefits li::marker{color:#842b48}.skin-finder .skin-finder__price{display:flex;align-items:baseline;gap:10px;font-size:22px;font-weight:700;margin:16px 0 12px;color:#32242b}.skin-finder__price s{font-size:14px;font-weight:400;color:#81757b}.skin-finder .skin-finder__shop{width:100%;background:#ffdf4f;color:#211b1d;border-color:#ffdf4f;min-height:48px}.skin-finder .skin-finder__shop:hover{background:#e5c43c;border-color:#e5c43c}.skin-finder .skin-finder__essential-note{font-size:12px;line-height:1.5;color:#74666d;margin:10px 0 0}.skin-finder__routine{margin-bottom:20px}.skin-finder__routine strong{font-size:16px}.skin-finder__routine ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;list-style-position:inside;font-size:14px;line-height:1.5;margin:12px 0}.skin-finder__routine li{border-top:1px solid #dfd1d6;padding-top:10px}.skin-finder .skin-finder__routine p{font-size:12px;color:#74666d}@media(max-width:749px){.skin-finder{padding-block:28px}.skin-finder header.skin-finder__intro{padding:24px 20px}.skin-finder__intro-art{width:64px;height:56px;right:16px;top:12px;transform:none;opacity:.85}.skin-finder .skin-finder__intro .skin-finder__eyebrow{padding-right:64px;min-height:22px;margin-bottom:14px;font-size:10px}.skin-finder .skin-finder__intro h2{font-size:28px;line-height:1.14}.skin-finder .skin-finder__intro>p:last-child{font-size:14px;line-height:1.5}.skin-finder [data-quiz],.skin-finder [data-result]{padding:20px 16px 0}.skin-finder__actions,.skin-finder .skin-finder__note,.skin-finder [data-fallback]{margin-inline:16px}.skin-finder .skin-finder__note{padding-bottom:18px}.skin-finder h2{font-size:27px}.skin-finder p{font-size:15px}.skin-finder legend{font-size:19px}.skin-finder__choices{grid-template-columns:1fr;gap:12px}.skin-finder__choices label{padding:13px 14px;font-size:14px}.skin-finder__product{grid-template-columns:88px 1fr;gap:16px}.skin-finder__product img{width:88px;height:100px}.skin-finder__product h4{font-size:16px}.skin-finder__product a{padding:10px 12px;font-size:14px}.skin-finder button.skin-finder__answer{grid-template-columns:52px minmax(0,1fr) 32px;gap:12px;padding:12px;font-size:14px}.skin-finder__icon{width:52px;height:52px}.skin-finder [data-step=goal] button.skin-finder__answer{grid-template-columns:21px minmax(0,1fr) 32px;padding:16px 12px;gap:10px;min-height:112px}.skin-finder__concern-guide{grid-template-columns:60px minmax(0,1fr);gap:12px;margin-bottom:16px}.skin-finder__concern-guide img{width:60px;height:76px}.skin-finder .skin-finder__concern-guide p{font-size:12px}.skin-finder [data-step=goal] .skin-finder__answer-copy{font-size:16px}.skin-finder [data-step=goal] .skin-finder__answer-copy small{font-size:12px;margin-top:5px}.skin-finder [data-step=type] .skin-finder__answer{grid-template-columns:88px minmax(0,1fr) 32px;gap:12px}.skin-finder__photo{width:88px;height:100px}.skin-finder .skin-finder__product{grid-template-columns:1fr;padding:16px;gap:16px}.skin-finder__product-visual{width:100%;max-height:220px;aspect-ratio:auto}.skin-finder .skin-finder__product img{max-width:220px}.skin-finder__routine ol{grid-template-columns:1fr;gap:8px}}@media(hover:hover){.skin-finder button.skin-finder__answer:hover{border-color:#842b48;background:#efdbe3;box-shadow:0 4px #c697aa;transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.skin-finder button.skin-finder__answer{transition:none}.skin-finder button.skin-finder__answer:hover,.skin-finder button.skin-finder__answer:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cosmea-skin-finder.css.map */