.quiz-pf{max-width:860px;margin:0 auto;padding:30px 20px 60px}.quiz-pf__progress{margin-bottom:48px;text-align:center}.quiz-pf__steps-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 12px;max-width:360px}.quiz-pf__step-dot{width:36px;height:36px;border-radius:50%;border:2px solid var(--text-color-transparent15);background:transparent;color:var(--text-color-transparent7);font-family:var(--body-font-stack);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .35s ease;position:relative}.quiz-pf__step-dot.is-active{border-color:var(--primary-btn-bg-color);color:var(--primary-btn-bg-color);box-shadow:0 0 0 4px #0000000a}.quiz-pf__step-dot.is-done{background:var(--primary-btn-bg-color);border-color:var(--primary-btn-bg-color);color:var(--primary-btn-text-color)}.quiz-pf__step-connector{flex:1;height:2px;background:var(--text-color-transparent15);transition:background .35s ease;max-width:80px}.quiz-pf__step-connector.is-done{background:var(--primary-btn-bg-color)}.quiz-pf__progress-text{font-size:.82em;color:var(--text-color-transparent7);letter-spacing:.03em}.quiz-pf__progress-bar,.quiz-pf__progress-fill,.quiz-pf__step{display:none}.quiz-pf__step.is-active{display:block;animation:quizFadeIn .5s cubic-bezier(.22,.61,.36,1)}.quiz-pf__question{text-align:center;font-family:var(--header-font-stack);font-weight:var(--header-font-weight);font-size:1.75em;letter-spacing:var(--heading-spacing);text-transform:var(--heading-font-case);margin:0 0 8px;line-height:1.3}.quiz-pf__hint{text-align:center;color:var(--text-color-transparent7);font-size:.92em;margin:0 0 32px;letter-spacing:.01em}.quiz-pf__options{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px;margin-top:28px}.quiz-pf__option{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;min-width:140px;border:1.5px solid var(--text-color-transparent15);border-radius:var(--alt-btn-border-radius, 6px);background:transparent;color:var(--text-color);font-family:var(--body-font-stack);font-size:var(--button-font-size-px, 15px);font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.22,.61,.36,1);text-align:center;line-height:1.4;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;box-shadow:0 1px 3px #0000000a}.quiz-pf__step[data-step="2"] .quiz-pf__options{max-width:820px}.quiz-pf__step[data-step="2"] .quiz-pf__option{min-width:0;flex:0 1 calc(20% - 12px)}.quiz-pf__step[data-step="1"] .quiz-pf__options{max-width:820px}.quiz-pf__step[data-step="1"] .quiz-pf__option{flex-direction:column;gap:8px;padding:16px 14px 14px;min-width:0;flex:0 1 calc(25% - 12px)}.quiz-pf__brew-icon{display:flex;align-items:center;justify-content:center}.quiz-pf__brew-icon img{width:40px;height:40px;object-fit:contain;transition:filter .25s ease}.quiz-pf__option.is-selected .quiz-pf__brew-icon img{filter:invert(1)}.quiz-pf__step[data-step="3"] .quiz-pf__options{gap:16px}.quiz-pf__step[data-step="3"] .quiz-pf__option{flex-direction:row;gap:10px;padding:16px 22px;min-width:0;flex:0 1 calc(33.333% - 16px)}.quiz-pf__beans{display:flex;gap:4px;justify-content:center}.quiz-pf__bean{width:14px;height:14px;display:block}.quiz-pf__bean--filled{opacity:1}.quiz-pf__bean--outline{opacity:.3}.quiz-pf__option.is-selected .quiz-pf__bean--outline{opacity:.5}.quiz-pf__option:hover{border-color:var(--primary-btn-bg-color);color:var(--primary-btn-bg-color);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.quiz-pf__option:focus-visible{outline:2px solid var(--primary-btn-bg-color);outline-offset:3px}.quiz-pf__option.is-selected{background:var(--primary-btn-bg-color);color:var(--primary-btn-text-color);border-color:var(--primary-btn-bg-color);box-shadow:0 4px 14px #00000021;transform:translateY(-1px)}.quiz-pf__option.is-selected:hover{background:var(--primary-btn-bg-hover-color);border-color:var(--primary-btn-bg-hover-color);color:var(--primary-btn-text-hover-color);box-shadow:0 4px 16px #00000029}.quiz-pf__nav{display:flex;justify-content:center;gap:14px;margin-top:16px;padding-top:8px}.quiz-pf__next{min-width:180px;padding:13px 30px;font-size:var(--button-font-size-px, 15px);letter-spacing:.5px;transition:all .25s ease}.quiz-pf__next:not([disabled]){background:var(--primary-btn-bg-color);color:var(--primary-btn-text-color);border-color:var(--primary-btn-bg-color)}.quiz-pf__next:not([disabled]):hover{background:var(--primary-btn-bg-hover-color);border-color:var(--primary-btn-bg-hover-color);color:var(--primary-btn-text-hover-color)}.quiz-pf__next[disabled]{opacity:.3;cursor:not-allowed;pointer-events:none}.quiz-pf__back{background:transparent;color:var(--text-color);border:1.5px solid var(--text-color-transparent15);padding:13px 18px;font-size:1.2em;line-height:1;transition:all .25s ease;min-width:0}.quiz-pf__back:hover{background:var(--text-color-transparent05);border-color:var(--text-color)}.quiz-pf__results-header{text-align:center;margin-bottom:40px}.quiz-pf__results-count{font-family:var(--header-font-stack);font-weight:var(--header-font-weight);font-size:1.75em;letter-spacing:var(--heading-spacing);text-transform:var(--heading-font-case);margin:0 0 10px;line-height:1.3}.quiz-pf__results-hint{color:var(--text-color-transparent7);font-size:.92em;margin:0}.quiz-pf__results-grid{display:flex;flex-wrap:wrap}.quiz-pf__results-grid .grid__item{margin-top:0;margin-bottom:45px}.quiz-pf__card[style*="display: block"],.quiz-pf__card[style*="display:block"]{animation:quizCardIn .45s cubic-bezier(.22,.61,.36,1) both}.quiz-pf__card:nth-child(1){animation-delay:0s}.quiz-pf__card:nth-child(2){animation-delay:.06s}.quiz-pf__card:nth-child(3){animation-delay:.12s}.quiz-pf__card:nth-child(4){animation-delay:.18s}.quiz-pf__card:nth-child(5){animation-delay:.24s}.quiz-pf__card:nth-child(6){animation-delay:.3s}.quiz-pf__card:nth-child(7){animation-delay:.36s}.quiz-pf__card:nth-child(8){animation-delay:.42s}.quiz-pf__restart-wrapper{text-align:center;margin-top:20px}.quiz-pf__restart{padding:14px 36px;letter-spacing:.5px}.quiz-pf__debug{margin-top:40px;padding:18px;background:var(--text-color-transparent05);border:1px solid var(--text-color-transparent15);border-radius:6px;font-size:12px;font-family:monospace;white-space:pre-wrap;word-break:break-all;color:var(--text-color)}.quiz-pf__noscript{text-align:center;padding:40px 20px}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes quizCardIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.quiz-pf__step.is-active{animation:none}.quiz-pf__step-dot,.quiz-pf__step-connector,.quiz-pf__option{transition:none}.quiz-pf__card[style*="display: block"],.quiz-pf__card[style*="display:block"]{animation:none}}.homepage-sections-wrapper--accent .quiz-pf__question,.homepage-sections-wrapper--accent .quiz-pf__hint,.homepage-sections-wrapper--accent .quiz-pf__results-count,.homepage-sections-wrapper--accent .quiz-pf__results-hint{color:var(--color-scheme-feature-text)}.homepage-sections-wrapper--accent .quiz-pf__progress-text{color:var(--color-scheme-feature-text-transparent60)}.homepage-sections-wrapper--accent .quiz-pf__step-dot{border-color:var(--color-scheme-feature-text-transparent60);color:var(--color-scheme-feature-text-transparent60)}.homepage-sections-wrapper--accent .quiz-pf__step-dot.is-active{border-color:var(--color-scheme-feature-text);color:var(--color-scheme-feature-text)}.homepage-sections-wrapper--accent .quiz-pf__step-dot.is-done{background:var(--color-scheme-feature-text);border-color:var(--color-scheme-feature-text);color:var(--color-scheme-feature-background)}.homepage-sections-wrapper--accent .quiz-pf__step-connector{background:var(--color-scheme-feature-text-transparent60)}.homepage-sections-wrapper--accent .quiz-pf__step-connector.is-done{background:var(--color-scheme-feature-text)}.homepage-sections-wrapper--accent .quiz-pf__option{color:var(--color-scheme-feature-text);border-color:var(--color-scheme-feature-text-transparent60)}.homepage-sections-wrapper--accent .quiz-pf__option:hover{border-color:var(--color-scheme-feature-text);color:var(--color-scheme-feature-text);box-shadow:0 2px 8px #0000001a}.homepage-sections-wrapper--accent .quiz-pf__option.is-selected{background:var(--color-scheme-feature-text);color:var(--color-scheme-feature-background);border-color:var(--color-scheme-feature-text);box-shadow:0 4px 14px #00000026}.homepage-sections-wrapper--accent .quiz-pf__option.is-selected:hover{background:var(--color-scheme-feature-text);color:var(--color-scheme-feature-background);border-color:var(--color-scheme-feature-text);opacity:.9}.homepage-sections-wrapper--accent .quiz-pf__next:not([disabled]){background:var(--color-scheme-feature-text);color:var(--color-scheme-feature-background)}.homepage-sections-wrapper--accent .quiz-pf__next:not([disabled]):hover{opacity:.9}.homepage-sections-wrapper--accent .quiz-pf__back{color:var(--color-scheme-feature-text);border-color:var(--color-scheme-feature-text-transparent60)}.homepage-sections-wrapper--accent .quiz-pf__back:hover{background:var(--color-scheme-feature-text-transparent60)}.homepage-sections-wrapper--accent .quiz-pf__restart{background:var(--color-scheme-feature-text);color:var(--color-scheme-feature-background)}.homepage-sections-wrapper--accent .quiz-pf__debug{background:var(--color-scheme-feature-text-transparent60);border-color:var(--color-scheme-feature-text);color:var(--color-scheme-feature-text)}.homepage-sections-wrapper--dark .quiz-pf__question,.homepage-sections-wrapper--dark .quiz-pf__hint,.homepage-sections-wrapper--dark .quiz-pf__results-count,.homepage-sections-wrapper--dark .quiz-pf__results-hint{color:var(--color-scheme-dark-text)}.homepage-sections-wrapper--dark .quiz-pf__progress-text{color:var(--color-scheme-dark-text-transparent60)}.homepage-sections-wrapper--dark .quiz-pf__step-dot{border-color:var(--color-scheme-dark-text-transparent60);color:var(--color-scheme-dark-text-transparent60)}.homepage-sections-wrapper--dark .quiz-pf__step-dot.is-active{border-color:var(--color-scheme-dark-text);color:var(--color-scheme-dark-text)}.homepage-sections-wrapper--dark .quiz-pf__step-dot.is-done{background:var(--color-scheme-dark-text);border-color:var(--color-scheme-dark-text);color:var(--color-scheme-dark-background)}.homepage-sections-wrapper--dark .quiz-pf__step-connector{background:var(--color-scheme-dark-text-transparent60)}.homepage-sections-wrapper--dark .quiz-pf__step-connector.is-done{background:var(--color-scheme-dark-text)}.homepage-sections-wrapper--dark .quiz-pf__option{color:var(--color-scheme-dark-text);border-color:var(--color-scheme-dark-text-transparent60)}.homepage-sections-wrapper--dark .quiz-pf__option:hover{border-color:var(--color-scheme-dark-text);color:var(--color-scheme-dark-text);box-shadow:0 2px 8px #0000002e}.homepage-sections-wrapper--dark .quiz-pf__option.is-selected{background:var(--color-scheme-dark-text);color:var(--color-scheme-dark-background);border-color:var(--color-scheme-dark-text);box-shadow:0 4px 14px #00000038}.homepage-sections-wrapper--dark .quiz-pf__option.is-selected:hover{background:var(--color-scheme-dark-text);color:var(--color-scheme-dark-background);border-color:var(--color-scheme-dark-text);opacity:.9}.homepage-sections-wrapper--dark .quiz-pf__next:not([disabled]){background:var(--color-scheme-dark-text);color:var(--color-scheme-dark-background)}.homepage-sections-wrapper--dark .quiz-pf__next:not([disabled]):hover{opacity:.9}.homepage-sections-wrapper--dark .quiz-pf__back{color:var(--color-scheme-dark-text);border-color:var(--color-scheme-dark-text-transparent60)}.homepage-sections-wrapper--dark .quiz-pf__back:hover{background:var(--color-scheme-dark-text-transparent60)}.homepage-sections-wrapper--dark .quiz-pf__restart{background:var(--color-scheme-dark-text);color:var(--color-scheme-dark-background)}.homepage-sections-wrapper--dark .quiz-pf__debug{background:var(--color-scheme-dark-text-transparent60);border-color:var(--color-scheme-dark-text);color:var(--color-scheme-dark-text)}@media only screen and (max-width:1024px){.quiz-pf__step[data-step="1"] .quiz-pf__option{flex:0 1 calc(25% - 8px)}.quiz-pf__step[data-step="2"] .quiz-pf__option{flex:0 1 calc(33.333% - 12px)}}@media only screen and (max-width:768px){.quiz-pf{padding:20px 12px 40px}.quiz-pf__question{font-size:1.3em}.quiz-pf__options{gap:8px;margin-top:18px;margin-bottom:28px}.quiz-pf__option{min-width:calc(50% - 8px);padding:12px;font-size:14px}.quiz-pf__step[data-step="2"] .quiz-pf__option,.quiz-pf__step[data-step="1"] .quiz-pf__option{flex:0 1 calc(50% - 8px);min-width:0}.quiz-pf__brew-icon img{width:32px;height:32px}.quiz-pf__step[data-step="3"] .quiz-pf__option{flex:1 1 100%;min-width:0;padding:14px 16px}.quiz-pf__steps-indicator{max-width:240px}.quiz-pf__step-dot{width:30px;height:30px;font-size:12px}.quiz-pf__nav{flex-direction:row;align-items:center;gap:10px}.quiz-pf__next{flex:1 1 0;min-width:0;text-align:center;padding:12px;white-space:nowrap}.quiz-pf__back{flex:0 0 auto;min-width:0;text-align:center;padding:12px 16px;font-size:1.2em}.quiz-pf__results-grid .grid__item{padding:0 7.5px}.quiz-pf__bean{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/quiz-product-finder.css.map */