.beauty-finder{padding-block:var(--finder-padding-top, 56px) var(--finder-padding-bottom, 72px);background:var(--finder-bg, var(--color-beige))}.beauty-finder__inner{display:grid;gap:var(--space-10)}.beauty-finder__head{display:grid;gap:var(--space-3);max-width:640px}.beauty-finder__eyebrow{margin:0;color:var(--color-copper);letter-spacing:var(--tracking-widest)}.beauty-finder__heading{margin:0}.beauty-finder__intro{color:var(--color-grey-600);font-size:var(--text-body-l)}.beauty-finder__intro p{margin:0}.beauty-finder__stage{display:grid;gap:var(--space-8);max-width:860px}.beauty-finder__progress{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6)}.finder-progress__step{position:relative;padding-block-end:var(--space-2);color:var(--color-grey-600);font-size:var(--text-caption);letter-spacing:var(--tracking-wider);text-transform:uppercase}.finder-progress__step:after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:1px;background:var(--color-border)}.finder-progress__step.is-done{color:var(--color-text)}.finder-progress__step.is-active{color:var(--color-text);font-weight:700}.finder-progress__step.is-active:after,.finder-progress__step.is-done:after{background:var(--color-black)}.beauty-finder__panel{display:grid;gap:var(--space-5);animation:finder-step var(--duration-long) var(--ease-entrance) both}.beauty-finder__note{margin:0;color:var(--color-copper);font-size:var(--text-body-s);letter-spacing:var(--tracking-wide)}.beauty-finder__note:empty{display:none}.beauty-finder__question{max-width:22ch;margin:0;font-family:var(--font-heading-family);font-size:clamp(24px,4vw,var(--text-h3));line-height:var(--leading-snug)}.beauty-finder__question:focus-visible{outline-offset:6px}.beauty-finder__options{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.finder-option{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height-xl);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text);font-size:var(--text-body-m);text-align:start;transition:border-color var(--duration-short) var(--ease-standard),background var(--duration-short) var(--ease-standard),transform var(--duration-short) var(--ease-standard)}.finder-option:hover{border-color:var(--color-black);transform:translateY(-2px)}.finder-option__icon{display:inline-grid;place-items:center;color:var(--color-copper)}.finder-option__label{flex:1 1 auto}.finder-option__tick{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--color-black);color:var(--color-white);opacity:0;transform:scale(.6);transition:opacity var(--duration-short) var(--ease-standard),transform var(--duration-short) var(--ease-standard)}.finder-option.is-selected{border-color:var(--color-black);background:var(--color-beige)}.finder-option.is-selected .finder-option__tick{opacity:1;transform:scale(1)}.beauty-finder__actions{display:flex;align-items:center;gap:var(--space-4)}.beauty-finder__back{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:0;background:none;color:var(--color-grey-600);font-size:var(--text-body-s);letter-spacing:var(--tracking-wide);text-transform:uppercase}.beauty-finder__back:hover{color:var(--color-text)}.beauty-finder__next{margin-inline-start:auto}.beauty-finder__loading{display:flex;align-items:center;gap:var(--space-3);color:var(--color-grey-600);font-size:var(--text-body-m)}.beauty-finder__loading p{margin:0}.beauty-finder__spinner{width:18px;height:18px;border:2px solid var(--color-border);border-block-start-color:var(--color-black);border-radius:var(--radius-pill);animation:finder-spin .9s linear infinite}.beauty-finder__edit{display:grid;gap:var(--space-10);animation:finder-step var(--duration-long) var(--ease-entrance) both}.beauty-finder__edit:focus-visible{outline:none}.beauty-finder__edit-head{display:grid;gap:var(--space-3);max-width:720px}.beauty-finder__edit-heading{margin:0}.beauty-finder__edit-summary{margin:0;color:var(--color-grey-600);font-size:var(--text-body-l)}.beauty-finder__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0;margin:var(--space-2) 0 0;list-style:none}.finder-chip{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-grey-600);font-size:var(--text-body-s)}.beauty-finder__groups{display:grid;gap:var(--space-12)}.finder-group{display:grid;gap:var(--space-5)}.finder-group__heading{display:flex;align-items:center;gap:var(--space-4);margin:0;font-family:var(--font-body-family);font-size:var(--text-caption);font-weight:700;letter-spacing:var(--tracking-widest);text-transform:uppercase}.finder-group__heading:after{content:"";flex:1 1 auto;height:1px;background:var(--color-border)}.finder-group__grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.finder-card{height:100%}.finder-card__reason{margin:0;color:var(--color-copper);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);text-transform:uppercase}.finder-card__action{margin-block-start:var(--space-3)}.finder-group--best .finder-group__grid{grid-template-columns:minmax(0,1fr)}.finder-group--best .finder-card{display:grid;gap:var(--space-6);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-white)}.beauty-finder__empty{max-width:60ch;margin:0;color:var(--color-grey-600)}.beauty-finder__edit-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.beauty-finder__noscript{color:var(--color-grey-600)}@keyframes finder-step{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes finder-spin{to{transform:rotate(360deg)}}@media(min-width:750px){.finder-group--best .finder-card{grid-template-columns:260px minmax(0,1fr);align-items:center}.finder-group--best .product-card__content{display:grid;gap:var(--space-3);max-width:46ch}.finder-group--best .product-card__title{font-size:var(--text-h4)}}@media(max-width:749px){.beauty-finder__options{grid-template-columns:minmax(0,1fr)}.beauty-finder__progress{gap:var(--space-2) var(--space-4)}.finder-progress__step{font-size:var(--text-micro)}.finder-group__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.beauty-finder__actions .beauty-finder__next{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){.beauty-finder__panel,.beauty-finder__edit{animation:none}.finder-option:hover{transform:none}.beauty-finder__spinner{animation-duration:3s}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/beauty-finder.css.map */