.section-sp-style-quiz{--quiz-ink: #171313;--quiz-muted: #675f5d;--quiz-rose: #ffdcd3;--quiz-rose-deep: #efbdb2;--quiz-cream: #fffaf7;--quiz-white: #fff;--quiz-line: rgba(23, 19, 19, .14);--quiz-serif: var(--font-heading-family), Georgia, serif;--quiz-sans: var(--font-body-family), Arial, sans-serif;--quiz-shadow: 0 24px 70px rgba(62, 39, 33, .11);color:var(--quiz-ink);background:var(--quiz-cream)}.sp-style-finder,.sp-style-finder *{box-sizing:border-box}.sp-style-finder [hidden]{display:none!important}.sp-style-finder__hero{width:min(1560px,100%);min-height:min(780px,calc(100vh - 112px));display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin:0 auto;background:radial-gradient(circle at 12% 14%,rgba(255,220,211,.76),transparent 36%),var(--quiz-cream)}.sp-style-finder__hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(60px,8vw,128px) clamp(28px,7vw,112px)}.sp-style-finder__eyebrow{margin:0 0 14px;color:var(--quiz-muted);font:700 1.15rem/1.3 var(--quiz-sans);letter-spacing:.2em;text-transform:uppercase}.sp-style-finder__hero h1{max-width:9.5ch;margin:0;color:var(--quiz-ink);font:500 clamp(5.2rem,7.3vw,10rem)/.88 var(--quiz-serif);letter-spacing:-.055em;text-wrap:balance}.sp-style-finder__intro{max-width:55ch;margin-top:28px;color:var(--quiz-muted);font:400 clamp(1.65rem,1.5vw,1.95rem)/1.65 var(--quiz-sans)}.sp-style-finder__intro p{margin:0}.sp-style-finder__facts{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:38px 0 0;padding:24px 0;border-block:1px solid var(--quiz-line);list-style:none}.sp-style-finder__facts li{display:flex;flex-direction:column;gap:3px;padding:0 20px;border-right:1px solid var(--quiz-line)}.sp-style-finder__facts li:first-child{padding-left:0}.sp-style-finder__facts li:last-child{padding-right:0;border-right:0}.sp-style-finder__facts strong{color:var(--quiz-ink);font:500 2.6rem/1 var(--quiz-serif)}.sp-style-finder__facts span{color:var(--quiz-muted);font:600 1.15rem/1.35 var(--quiz-sans)}.sp-style-finder__start,.sp-style-result__cta{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:18px;margin-top:34px;padding:14px 25px;border:1px solid var(--quiz-ink);border-radius:999px;color:var(--quiz-white);background:var(--quiz-ink);font:700 1.4rem/1 var(--quiz-sans);letter-spacing:.025em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.sp-style-finder__start svg,.sp-style-result__cta svg,.sp-style-finder__next svg,.sp-style-finder__back svg,.sp-style-finder__retake svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.sp-style-finder__start:hover,.sp-style-result__cta:hover{color:var(--quiz-white);background:#342a28;box-shadow:0 12px 30px #1713132e;transform:translateY(-2px)}.sp-style-finder__hero-media{position:relative;min-height:680px;overflow:hidden;background:#eee9e7}.sp-style-finder__hero-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.sp-style-finder__hero-note{position:absolute;right:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,42px);max-width:calc(100% - 36px);display:flex;align-items:center;gap:14px;padding:14px 20px 14px 14px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:#ffffffdb;box-shadow:0 12px 36px #17131324;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.sp-style-finder__hero-note>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--quiz-rose);font-size:1.6rem}.sp-style-finder__hero-note p{display:grid;gap:2px;margin:0}.sp-style-finder__hero-note small{color:var(--quiz-muted);font:700 .95rem/1.2 var(--quiz-sans);letter-spacing:.14em}.sp-style-finder__hero-note strong{color:var(--quiz-ink);font:600 1.4rem/1.2 var(--quiz-sans)}.sp-style-finder__quiz-wrap{padding:clamp(72px,9vw,132px) clamp(18px,4vw,56px);background:linear-gradient(135deg,rgba(255,220,211,.55),transparent 38%),var(--quiz-white);scroll-margin-top:100px}.sp-style-finder__quiz{width:min(1040px,100%);min-height:650px;margin:0 auto;padding:clamp(28px,5vw,64px);border:1px solid var(--quiz-line);border-radius:clamp(24px,4vw,42px);background:#fffffff5;box-shadow:var(--quiz-shadow)}.sp-style-finder__quiz-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.sp-style-finder__step-label{margin:0;color:var(--quiz-ink);font:800 1.15rem/1.3 var(--quiz-sans);letter-spacing:.14em;text-transform:uppercase}.sp-style-finder__encouragement{margin:4px 0 0;color:var(--quiz-muted);font:400 1.3rem/1.4 var(--quiz-sans)}.sp-style-finder__percent{color:var(--quiz-muted);font:600 1.25rem/1 var(--quiz-sans)}.sp-style-finder__progress{height:6px;overflow:hidden;margin:18px 0 clamp(36px,5vw,58px);border-radius:999px;background:#eee8e5}.sp-style-finder__progress span{width:20%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--quiz-rose-deep),var(--quiz-ink));transition:width .35s ease}.sp-style-finder__step{margin:0;padding:0;border:0;animation:spQuizEnter .32s ease both}.sp-style-finder__step legend{width:100%;margin:0;padding:0;color:var(--quiz-ink);font:500 clamp(3.5rem,5vw,5.6rem)/.98 var(--quiz-serif);letter-spacing:-.035em;text-align:center;text-wrap:balance}.sp-style-finder__prompt{max-width:60ch;margin:14px auto 30px;color:var(--quiz-muted);font:400 1.5rem/1.55 var(--quiz-sans);text-align:center}.sp-style-finder__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sp-style-choice{position:relative;margin:0;cursor:pointer}.sp-style-choice input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.sp-style-choice__card{position:relative;min-height:112px;display:grid;grid-template-columns:54px minmax(0,1fr) 24px;align-items:center;gap:17px;padding:20px;overflow:hidden;border:1px solid var(--quiz-line);border-radius:18px;background:var(--quiz-cream);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.sp-style-choice__card:after{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--quiz-ink);opacity:0;transform:scaleY(.2);transition:opacity .2s ease,transform .2s ease}.sp-style-choice__icon,.sp-style-choice__number{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--quiz-line);border-radius:50%;color:var(--quiz-ink);background:var(--quiz-white);font:500 2.2rem/1 var(--quiz-serif)}.sp-style-choice__number{font:800 1.1rem/1 var(--quiz-sans);letter-spacing:.1em}.sp-style-choice__card>span:nth-child(2){display:grid;gap:5px}.sp-style-choice__card strong{color:var(--quiz-ink);font:700 1.6rem/1.25 var(--quiz-sans)}.sp-style-choice__card small{color:var(--quiz-muted);font:400 1.25rem/1.4 var(--quiz-sans)}.sp-style-choice__card>i{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(23,19,19,.35);border-radius:50%;font-style:normal}.sp-style-choice__card>i:after{content:"";width:8px;height:4px;border-bottom:2px solid var(--quiz-white);border-left:2px solid var(--quiz-white);opacity:0;transform:translateY(-1px) rotate(-45deg)}.sp-style-choice:hover .sp-style-choice__card{border-color:#17131352;box-shadow:0 10px 24px #3e272112;transform:translateY(-2px)}.sp-style-choice input:checked+.sp-style-choice__card{border-color:var(--quiz-ink);background:#fff1ed;box-shadow:0 10px 26px #3e272117}.sp-style-choice input:checked+.sp-style-choice__card:after{opacity:1;transform:scaleY(1)}.sp-style-choice input:checked+.sp-style-choice__card>i{border-color:var(--quiz-ink);background:var(--quiz-ink)}.sp-style-choice input:checked+.sp-style-choice__card>i:after{opacity:1}.sp-style-choice input:focus-visible+.sp-style-choice__card{outline:2px solid var(--quiz-ink);outline-offset:3px}.sp-style-choice__shape{position:relative;width:46px;height:58px;display:block;justify-self:center;border:1.5px solid var(--quiz-ink);background:var(--quiz-rose)}.sp-style-choice__shape--sculpted{border-radius:16px 16px 10px 10px;clip-path:polygon(24% 0,76% 0,65% 42%,88% 100%,12% 100%,35% 42%)}.sp-style-choice__shape--flowing{border-radius:18px 18px 4px 4px;clip-path:polygon(28% 0,72% 0,68% 36%,100% 100%,0 100%,32% 36%)}.sp-style-choice__shape--bare{border-radius:18px 18px 8px 8px;clip-path:polygon(22% 0,78% 0,68% 25%,82% 48%,68% 100%,32% 100%,18% 48%,32% 25%)}.sp-style-choice__shape--relaxed{border-radius:12px 12px 5px 5px;clip-path:polygon(22% 0,78% 0,100% 25%,82% 42%,75% 100%,25% 100%,18% 42%,0 25%)}.sp-style-choice__swatches{width:58px;height:46px;display:flex;align-items:center;justify-content:center}.sp-style-choice__swatches b{width:30px;height:30px;display:block;margin-left:-10px;border:2px solid var(--quiz-white);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #1713131a}.sp-style-choice__swatches b:first-child{margin-left:0}.sp-style-finder__error{margin:18px 0 0;color:#9f1c28;font:700 1.3rem/1.4 var(--quiz-sans);text-align:right}.sp-style-finder__actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px}.sp-style-finder__next,.sp-style-finder__back{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border:1px solid var(--quiz-ink);border-radius:999px;color:var(--quiz-white);background:var(--quiz-ink);font:700 1.35rem/1 var(--quiz-sans);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.sp-style-finder__next{margin-left:auto}.sp-style-finder__back{color:var(--quiz-ink);background:var(--quiz-white)}.sp-style-finder__next:hover,.sp-style-finder__back:hover{box-shadow:0 8px 20px #1713131f;transform:translateY(-1px)}.sp-style-finder__loading{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sp-style-finder__loading>span{width:76px;height:76px;display:block;border:2px solid var(--quiz-rose);border-top-color:var(--quiz-ink);border-radius:50%;animation:spQuizSpin .9s linear infinite}.sp-style-finder__loading p{display:grid;gap:7px;margin:24px 0 0}.sp-style-finder__loading strong{font:500 3rem/1 var(--quiz-serif)}.sp-style-finder__loading small{color:var(--quiz-muted);font:400 1.35rem/1.5 var(--quiz-sans)}.sp-style-result{animation:spQuizEnter .45s ease both}.sp-style-result__editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;overflow:hidden;border:1px solid var(--quiz-line);border-radius:28px;background:var(--quiz-cream)}.sp-style-result__media{position:relative;min-height:570px;overflow:hidden;background:#eee7e4}.sp-style-result__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.sp-style-result__badge{position:absolute;top:18px;left:18px;padding:9px 14px;border-radius:999px;color:var(--quiz-ink);background:#ffffffe0;box-shadow:0 8px 24px #1713131a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:800 1rem/1 var(--quiz-sans);letter-spacing:.12em;text-transform:uppercase}.sp-style-result__copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(34px,5vw,64px)}.sp-style-result__copy h2{max-width:10ch;margin:0;color:var(--quiz-ink);font:500 clamp(4.4rem,6vw,7rem)/.9 var(--quiz-serif);letter-spacing:-.045em}.sp-style-result__copy>p:not(.sp-style-finder__eyebrow){max-width:49ch;margin:22px 0 0;color:var(--quiz-muted);font:400 1.55rem/1.65 var(--quiz-sans)}.sp-style-result__because{width:100%;margin-top:25px;padding:16px 18px;border-left:3px solid var(--quiz-ink);background:var(--quiz-white)}.sp-style-result__because span{display:block;margin-bottom:5px;font:800 1rem/1.2 var(--quiz-sans);letter-spacing:.14em;text-transform:uppercase}.sp-style-result__because p{margin:0;color:var(--quiz-muted);font:400 1.3rem/1.5 var(--quiz-sans)}.sp-style-result__traits{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0;padding:0;list-style:none}.sp-style-result__traits li{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--quiz-line);border-radius:999px;color:var(--quiz-ink);background:#ffffffbf;font:600 1.15rem/1 var(--quiz-sans)}.sp-style-result__traits svg{width:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sp-style-result__products{margin-top:clamp(42px,6vw,72px)}.sp-style-result__products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.sp-style-result__products-heading h3{margin:0;color:var(--quiz-ink);font:500 clamp(3rem,4vw,4.5rem)/1 var(--quiz-serif);letter-spacing:-.03em}.sp-style-result__products-heading a{flex:0 0 auto;padding-bottom:3px;border-bottom:1px solid currentColor;color:var(--quiz-ink);font:700 1.25rem/1.3 var(--quiz-sans);text-decoration:none}.sp-style-result__product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sp-style-result__product{display:grid;gap:7px;color:var(--quiz-ink);text-decoration:none}.sp-style-result__product-media{position:relative;aspect-ratio:4 / 5;display:block;overflow:hidden;border-radius:16px;background:#f2ece9}.sp-style-result__product-media img,.sp-style-result__product-media svg{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.sp-style-result__product-media em{position:absolute;right:12px;bottom:12px;left:12px;padding:11px 15px;border-radius:999px;color:var(--quiz-ink);background:#ffffffe6;box-shadow:0 8px 20px #1713131a;font:700 1.15rem/1 var(--quiz-sans);font-style:normal;text-align:center;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.sp-style-result__product:hover .sp-style-result__product-media img{transform:scale(1.035)}.sp-style-result__product:hover .sp-style-result__product-media em{opacity:1;transform:translateY(0)}.sp-style-result__product>strong{margin-top:5px;font:700 1.35rem/1.35 var(--quiz-sans)}.sp-style-result__product>span:not(.sp-style-result__product-media){color:var(--quiz-muted);font:500 1.25rem/1.3 var(--quiz-sans)}.sp-style-finder__retake{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px;padding-top:26px;border-top:1px solid var(--quiz-line)}.sp-style-finder__retake button{display:inline-flex;align-items:center;gap:9px;padding:0 0 4px;border:0;border-bottom:1px solid currentColor;color:var(--quiz-ink);background:transparent;font:700 1.25rem/1.3 var(--quiz-sans);cursor:pointer}.sp-style-finder__retake p{max-width:54ch;margin:0;color:var(--quiz-muted);font:400 1.2rem/1.5 var(--quiz-sans);text-align:right}.sp-style-finder__aftercare{width:min(1180px,calc(100% - 40px));padding:clamp(74px,9vw,128px) 0;margin:0 auto;text-align:center}.sp-style-finder__aftercare>h2{max-width:14ch;margin:0 auto;color:var(--quiz-ink);font:500 clamp(4rem,6vw,6.8rem)/.95 var(--quiz-serif);letter-spacing:-.04em;text-wrap:balance}.sp-style-finder__aftercare>p:not(.sp-style-finder__eyebrow){max-width:68ch;margin:22px auto 0;color:var(--quiz-muted);font:400 1.6rem/1.65 var(--quiz-sans)}.sp-style-finder__aftercare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:46px;text-align:left}.sp-style-finder__aftercare-grid article{min-height:220px;padding:28px;border:1px solid var(--quiz-line);border-radius:20px;background:#ffffffb3}.sp-style-finder__aftercare-grid span{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--quiz-rose);font:800 1.05rem/1 var(--quiz-sans)}.sp-style-finder__aftercare-grid h3{margin:30px 0 8px;color:var(--quiz-ink);font:500 2.4rem/1 var(--quiz-serif)}.sp-style-finder__aftercare-grid p{margin:0;color:var(--quiz-muted);font:400 1.35rem/1.55 var(--quiz-sans)}.sp-style-finder__noscript{padding:24px;color:var(--quiz-ink);background:var(--quiz-rose);font:600 1.4rem/1.5 var(--quiz-sans);text-align:center}.sp-style-finder__noscript a{color:inherit}@keyframes spQuizEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spQuizSpin{to{transform:rotate(360deg)}}@media screen and (max-width:989px){.sp-style-finder__hero{min-height:0;grid-template-columns:1fr}.sp-style-finder__hero-copy{padding:70px clamp(22px,7vw,70px)}.sp-style-finder__hero h1{max-width:11ch}.sp-style-finder__hero-media{min-height:0;aspect-ratio:5 / 4}.sp-style-result__editorial{grid-template-columns:1fr}.sp-style-result__media{min-height:0;aspect-ratio:5 / 4}.sp-style-result__image{object-position:center 20%}}@media screen and (max-width:749px){.sp-style-finder__hero-copy{padding:54px 20px 46px}.sp-style-finder__hero h1{font-size:clamp(4.6rem,16vw,6.6rem)}.sp-style-finder__intro{margin-top:22px;font-size:1.55rem}.sp-style-finder__facts{margin-top:30px}.sp-style-finder__facts li{padding:0 10px}.sp-style-finder__facts strong{font-size:2.2rem}.sp-style-finder__facts span{font-size:1rem}.sp-style-finder__hero-media{aspect-ratio:1 / 1.08}.sp-style-finder__hero-note{right:14px;bottom:14px;left:14px;max-width:none}.sp-style-finder__quiz-wrap{padding:56px 12px;scroll-margin-top:78px}.sp-style-finder__quiz{min-height:610px;padding:25px 16px 24px;border-radius:22px}.sp-style-finder__progress{margin-bottom:34px}.sp-style-finder__step legend{font-size:clamp(3.3rem,11vw,4.4rem)}.sp-style-finder__prompt{margin:12px auto 24px;font-size:1.35rem}.sp-style-finder__options{grid-template-columns:1fr;gap:10px}.sp-style-choice__card{min-height:88px;grid-template-columns:44px minmax(0,1fr) 22px;gap:13px;padding:14px;border-radius:15px}.sp-style-choice__icon,.sp-style-choice__number{width:42px;height:42px;font-size:1.8rem}.sp-style-choice__card strong{font-size:1.45rem}.sp-style-choice__card small{font-size:1.15rem}.sp-style-choice__shape{width:36px;height:46px}.sp-style-choice__swatches{width:44px}.sp-style-choice__swatches b{width:25px;height:25px}.sp-style-finder__actions{margin-top:22px}.sp-style-finder__next,.sp-style-finder__back{min-height:47px;padding:11px 18px}.sp-style-result__editorial{border-radius:20px}.sp-style-result__media{aspect-ratio:1 / 1.05}.sp-style-result__copy{padding:34px 20px 38px}.sp-style-result__copy h2{font-size:clamp(4rem,14vw,5.4rem)}.sp-style-result__products-heading{align-items:flex-start;flex-direction:column;gap:13px}.sp-style-result__product-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;padding:0 2px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin}.sp-style-result__product{scroll-snap-align:start}.sp-style-result__product-media em{opacity:1;transform:none}.sp-style-finder__retake{align-items:flex-start;flex-direction:column;gap:16px}.sp-style-finder__retake p{text-align:left}.sp-style-finder__aftercare{width:calc(100% - 40px);padding:76px 0}.sp-style-finder__aftercare>h2{font-size:clamp(3.8rem,12vw,5rem)}.sp-style-finder__aftercare-grid{grid-template-columns:1fr;margin-top:36px}.sp-style-finder__aftercare-grid article{min-height:0}}@media(prefers-reduced-motion:reduce){.sp-style-finder *,.sp-style-finder *:before,.sp-style-finder *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/sp-style-quiz.css.map */