.pp-finder-page{--pp-finder-page: #f1edf7;--pp-finder-card: #ffffff;--pp-finder-ink: #171717;--pp-finder-muted: #595260;--pp-finder-accent: #6b4f84;--pp-finder-selected: #e4d9ef;--pp-finder-selected-ink: #392548;background:var(--pp-finder-page);color:var(--pp-finder-ink)}.pp-finder-page #pp-finder{padding-block:clamp(2rem,5vw,4.5rem);background:var(--pp-finder-page)}.pp-finder-page .pp-finder.pp-v2-finder{grid-template-columns:minmax(16rem,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding:0;border:0;border-radius:0;background:transparent;color:inherit}.pp-finder-page .pp-finder.pp-v2-finder[data-pp-finder-state=results]{grid-template-columns:minmax(0,1fr)}.pp-finder-page .pp-finder__intro{position:sticky;inset-block-start:8rem;min-height:0;padding:clamp(1.25rem,2vw,2rem) 0;border:0;gap:var(--spacing-md);background:transparent}.pp-finder-page .pp-finder__intro h1{max-width:17ch;margin:0;color:var(--pp-finder-ink);font-family:var(--font-heading);font-size:clamp(2.25rem,3.2vw,3.75rem);font-weight:600;line-height:1.05;letter-spacing:-.025em;text-transform:none;overflow-wrap:normal}[dir=rtl] .pp-finder-page .pp-finder__intro h1{letter-spacing:0;line-height:1.25}.pp-finder-page .pp-finder .pp-finder__intro :is(.pp-finder__intro-copy,p),.pp-finder-page .pp-finder.pp-v2-finder .pp-finder__benefits li{color:var(--pp-finder-muted)}.pp-finder-page .pp-finder .pp-finder__intro .pp-v2-heading__eyebrow{color:var(--pp-finder-muted)}.pp-finder-page .pp-finder__intro .pp-v2-heading__eyebrow,.pp-finder-page .pp-finder__benefits{display:none}.pp-finder-page .pp-finder__intro-copy,.pp-finder-page .pp-finder__intro-copy p{max-width:34rem;font-size:1rem;line-height:1.65}.pp-finder-page .pp-finder__benefits{gap:.625rem}.pp-finder-page .pp-finder__benefits li{font-size:.9375rem}.pp-finder-page .pp-finder__entry-actions{gap:var(--spacing-sm)}.pp-finder-page .pp-finder__entry-actions .pp-button{min-height:3rem}.pp-finder-page .pp-finder__entry-actions .pp-button--secondary{color:var(--pp-color-text-primary);border-color:var(--pp-color-border)}.pp-finder-page .pp-v2-finder__workspace{min-height:34rem;padding:clamp(1.5rem,3vw,2.75rem);align-content:start;border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-card);background:var(--pp-finder-card);box-shadow:0 1.25rem 3.5rem #1717170f}.pp-finder-page .pp-finder__form,.pp-finder-page .pp-finder__results{gap:clamp(1.25rem,2.5vw,2rem)}.pp-finder-page .pp-finder .pp-finder__progress-heading p,.pp-finder-page .pp-finder__restart-link{color:var(--pp-finder-ink)}.pp-finder-page .pp-finder__restart-link{min-height:44px;display:inline-flex;align-items:center}.pp-finder-page .pp-finder__progress-track{height:.25rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--pp-finder-accent) 16%,white)}.pp-finder-page .pp-finder__progress-value{background:var(--pp-finder-accent)}.pp-finder-page .pp-finder__progress-steps{display:none}.pp-finder-page .pp-finder__progress-steps li{min-height:2rem;color:var(--pp-color-text-secondary);border-color:var(--pp-color-border);background:transparent}.pp-finder-page .pp-finder__progress-steps li:is(.is-active,.is-complete){background:var(--pp-color-fresh-surface);color:var(--pp-finder-ink);border-color:var(--pp-color-fresh-accent)}[dir=rtl] .pp-finder-page .pp-finder__progress-steps{direction:rtl}.pp-finder-page .pp-finder__question{min-height:20rem;margin:0;padding:0;border:0;animation:pp-finder-page-step .32s var(--pp-ease-enter) both}.pp-finder-page .pp-finder__question legend{max-width:22ch;margin-block-end:var(--spacing-lg);color:var(--pp-color-text-primary);font-family:var(--font-heading);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:600;line-height:1.2}[dir=rtl] .pp-finder-page .pp-finder__question legend{line-height:1.35}.pp-finder-page .pp-finder__choices{gap:.75rem}.pp-finder-page .pp-finder__choice{position:relative;min-height:4rem;padding:.875rem 1rem;overflow-wrap:anywhere;border:1px solid color-mix(in srgb,var(--pp-finder-accent) 24%,white);border-radius:var(--pp-radius-card);background:var(--pp-finder-card);color:var(--pp-finder-ink);font-family:var(--font-body);font-size:1rem;font-weight:500;transition:transform .18s var(--pp-ease-standard),background-color .18s var(--pp-ease-standard),border-color .18s var(--pp-ease-standard),color .18s var(--pp-ease-standard),box-shadow .18s var(--pp-ease-standard)}.pp-finder-page .pp-finder__choice:is(:hover,:focus-visible){border-color:var(--pp-finder-accent);background:var(--pp-finder-card);box-shadow:0 .4rem 1rem #1717170f;transform:translateY(-1px)}.pp-finder-page .pp-finder__choice:active{transform:translateY(0) scale(.985)}.pp-finder-page .pp-finder__choice.is-touch-pressed{transform:scale(.985)}.pp-finder-page .pp-finder__choice:is([aria-pressed=true],[aria-checked=true]),.pp-finder-page .pp-finder__choice:is([aria-pressed=true],[aria-checked=true]):is(:hover,:focus-visible){background:var(--pp-finder-selected);color:var(--pp-finder-selected-ink);border-color:var(--pp-finder-selected-ink);box-shadow:none}.pp-finder-page .pp-finder__choice:is([aria-pressed=true],[aria-checked=true]):after{width:1.5rem;height:1.5rem;display:grid;place-items:center;border:1px solid var(--pp-finder-accent);border-radius:50%;background:var(--pp-finder-accent);color:#fff;line-height:1}.pp-finder-page .pp-finder__question.is-answering .pp-finder__choice[aria-checked=true]{transform:scale(.985);box-shadow:0 0 0 4px color-mix(in srgb,var(--pp-finder-accent) 18%,transparent)}.pp-finder-page .pp-finder__actions{gap:var(--spacing-sm);padding-block-start:var(--spacing-lg);border-block-start:1px solid var(--pp-color-border)}.pp-finder-page .pp-finder__actions .pp-button{min-height:3rem}.pp-finder-page .pp-finder :is(.pp-button--primary,.pp-button--purchase),.pp-finder-page .pp-finder a:is(.pp-button--primary,.pp-button--purchase):visited{border-color:var(--pp-color-cta-accent);background:var(--pp-color-cta-accent);color:var(--pp-color-cta-label)}.pp-finder-page .pp-finder :is(.pp-button--primary,.pp-button--purchase):hover:not(:disabled){border-color:var(--pp-color-cta-hover);background:var(--pp-color-cta-hover);color:var(--pp-color-cta-hover-label)}.pp-finder-page .pp-finder :is(.pp-button--primary,.pp-button--purchase):active:not(:disabled),.pp-finder-page .pp-finder :is(.pp-button--primary,.pp-button--purchase).is-touch-pressed:not(:disabled){border-color:var(--pp-color-cta-pressed);background:var(--pp-color-cta-pressed);color:var(--pp-color-cta-pressed-label);transform:scale(.985)}.pp-finder-page .pp-finder :is(.pp-button--primary,.pp-button--purchase):focus-visible{border-color:var(--pp-color-cta-focus);background:var(--pp-color-cta-focus);color:var(--pp-color-cta-focus-label)}.pp-finder-page .pp-finder .pp-button--secondary,.pp-finder-page .pp-finder a.pp-button--secondary:visited{border-color:var(--pp-color-button-secondary-border, var(--pp-color-border));background:var(--pp-color-button-secondary-background);color:var(--pp-color-button-secondary-label)}.pp-finder-page .pp-finder .pp-button--secondary:hover{background:var(--pp-color-button-secondary-hover-background);color:var(--pp-color-button-secondary-hover-label)}.pp-finder-page .pp-finder .pp-button--secondary:active,.pp-finder-page .pp-finder .pp-button--secondary.is-touch-pressed{background:var(--pp-color-button-secondary-active-background);color:var(--pp-color-button-secondary-active-label);transform:scale(.985)}.pp-finder-page .pp-finder__actions .pp-button--secondary,.pp-finder-page .pp-finder__result-actions .pp-button--secondary{color:var(--pp-color-text-primary)}.pp-finder-page .pp-finder .pp-button--primary:disabled{background:var(--pp-color-cta-disabled);color:var(--pp-color-cta-disabled-label);border-color:var(--pp-color-border);opacity:1}.pp-finder-page .pp-finder__analysis{min-height:25rem}.pp-finder-page .pp-finder__analysis :is(h3,p,li),.pp-finder-page .pp-finder .pp-finder__results>:is(h3,p),.pp-finder-page .pp-finder .pp-finder__fallback p{color:var(--pp-finder-ink)}.pp-finder-page .pp-finder.pp-v2-finder .pp-finder__results>h3{max-width:24ch;font-family:var(--font-heading);font-size:clamp(2rem,3vw,3rem);line-height:1.12}.pp-finder-page .pp-finder__result-summary{max-width:54rem}.pp-finder-page .pp-finder__preference-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.pp-finder-page .pp-finder__preference-chips[hidden]{display:none}.pp-finder-page .pp-finder__preference-chips li{display:contents}.pp-finder-page .pp-finder__preference-heading{margin:0;color:var(--pp-finder-muted);font-size:.875rem;font-weight:600}.pp-finder-page .pp-finder__preference-chip{min-height:2.25rem;display:inline-flex;align-items:center;padding:.35rem .75rem;border:1px solid var(--pp-finder-selected-ink);border-radius:var(--pp-radius-chip);background:var(--pp-finder-selected);color:var(--pp-finder-selected-ink);cursor:pointer;font-family:var(--font-body);font-size:.8125rem;font-weight:600;transition:background-color .18s var(--pp-ease-standard),transform .18s var(--pp-ease-standard)}.pp-finder-page .pp-finder__preference-chip:hover{background:color-mix(in srgb,var(--pp-finder-selected) 72%,white)}.pp-finder-page .pp-finder__preference-chip:active{transform:scale(.98)}.pp-finder-page .pp-finder__reveal-status{width:fit-content;min-height:2.5rem;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:.625rem;padding:.5rem .875rem;border:1px solid color-mix(in srgb,var(--pp-finder-accent) 36%,white);border-radius:var(--pp-radius-chip);background:color-mix(in srgb,var(--pp-finder-selected) 68%,white);color:var(--pp-finder-selected-ink);font-size:.875rem;font-weight:600}.pp-finder-page .pp-finder__reveal-status[hidden]{display:none}.pp-finder-page .pp-finder__reveal-indicator{position:relative;width:100%;height:.25rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--pp-finder-accent) 18%,white)}.pp-finder-page .pp-finder__reveal-indicator:after{position:absolute;inset-block:0;inset-inline-start:-40%;width:40%;border-radius:inherit;background:var(--pp-finder-accent);content:"";animation:pp-finder-page-progress .7s ease-in-out infinite}.pp-finder-page .pp-finder__result-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}.pp-finder-page .pp-finder__result-card{border-color:var(--pp-color-border);background:var(--pp-color-surface);box-shadow:0 .9rem 2rem #1717170d}.pp-finder-page .pp-finder__results.is-revealing .pp-finder__result-card{animation-duration:.56s}.pp-finder-page .pp-finder__result-scent{border-color:color-mix(in srgb,var(--pp-finder-accent) 38%,white);background:var(--pp-finder-selected);color:var(--pp-finder-selected-ink)}.pp-finder-page .pp-finder__result-availability[data-available=true]{color:var(--pp-finder-accent);font-weight:700}.pp-finder-page .pp-finder__result-media{background:var(--pp-color-surface-muted)}.pp-finder-page .pp-finder__result-media img{aspect-ratio:4 / 5;object-fit:contain;padding:.75rem}.pp-finder-page .pp-finder__result-content{gap:.5rem;padding:var(--spacing-lg)}.pp-finder-page .pp-finder__result-title{font-size:1.125rem}.pp-finder-page .pp-finder__result-reason{min-height:3em}.pp-finder-page .pp-finder__result-card-actions{margin-block-start:auto;padding-block-start:var(--spacing-sm)}.pp-finder-page .pp-finder__result-card-actions .pp-button{min-height:3rem}.pp-finder-page .pp-finder__result-actions{padding-block-start:var(--spacing-md);border-block-start:1px solid var(--pp-color-border)}.pp-finder-page .pp-focusable:focus-visible{outline:2px solid var(--pp-color-text-primary);outline-offset:3px}@keyframes pp-finder-page-step{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes pp-finder-page-progress{to{inset-inline-start:100%}}@media(max-width:989px){.pp-finder-page #pp-finder{padding-block:var(--spacing-lg) var(--spacing-2xl)}.pp-finder-page .pp-finder.pp-v2-finder{grid-template-columns:minmax(0,1fr);gap:var(--spacing-lg)}.pp-finder-page .pp-finder__intro{position:static;padding:0;gap:var(--spacing-md)}.pp-finder-page .pp-finder__intro h1{max-width:22ch;font-size:2rem;line-height:1.12}[dir=rtl] .pp-finder-page .pp-finder__intro h1{line-height:1.35}.pp-finder-page .pp-finder__intro-copy{font-size:1rem}.pp-finder-page .pp-finder__benefits{gap:var(--spacing-xs)}.pp-finder-page .pp-v2-finder__workspace{min-height:0;padding:var(--spacing-lg)}.js .pp-finder-page .pp-finder[data-pp-finder-state=entry] .pp-v2-finder__workspace{display:grid}.pp-finder-page .pp-finder__question{min-height:20rem}.pp-finder-page .pp-finder__question legend{font-size:1.625rem}.pp-finder-page .pp-finder__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-finder-page .pp-finder__choice{min-height:3.75rem;padding:.75rem;font-size:.9375rem}.pp-finder-page .pp-finder__actions .pp-button{min-width:0;flex:1}.pp-finder-page .pp-finder__result-list{grid-template-columns:minmax(0,1fr)}.pp-finder-page .pp-finder__result-card{grid-template-columns:minmax(8rem,.8fr) minmax(0,1.2fr)}.pp-finder-page .pp-finder__result-media img{min-height:100%}}@media(max-width:560px){.pp-finder-page .pp-finder__entry-actions,.pp-finder-page .pp-finder__result-actions{display:grid;grid-template-columns:minmax(0,1fr)}.pp-finder-page .pp-finder__entry-actions .pp-button,.pp-finder-page .pp-finder__result-actions .pp-button{width:100%}.pp-finder-page .pp-finder__result-card{grid-template-columns:minmax(0,1fr)}.pp-finder-page .pp-finder__result-media img{max-height:22rem;min-height:0}}@media(max-width:359px){.pp-finder-page .pp-v2-finder__workspace{padding:var(--spacing-md)}.pp-finder-page .pp-finder__question legend{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.pp-finder-page .pp-finder__choice,.pp-finder-page .pp-finder__question,.pp-finder-page .pp-finder__results,.pp-finder-page .pp-finder__result-card{animation:none!important;transition:none!important}.pp-finder-page .pp-finder__reveal-indicator:after{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pp-finder-page.css.map */