:root{--kw-teal: #2a5973;--kw-teal-dark: #1e4256;--kw-rust: #8f3627;--kw-rust-hover: #b85333;--kw-cream: #faf6f0;--kw-bg: #f5f7f8;--kw-border: #d8dee2;--kw-border-soft: #e8edf0;--kw-text: #2b2b2b;--kw-text-muted: #5a6772;--kw-warn-bg: #fff5e6;--kw-warn-border: #f0c990;--kw-warn-text: #604000;--kw-error-bg: #fff0ef;--kw-error-border: #e8a89e;--kw-error-text: #8f3627;--kw-shadow: 0 1px 2px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.04);--kw-shadow-hover: 0 2px 4px rgba(0,0,0,.06), 0 8px 20px rgba(42,89,115,.08);--kw-shadow-selected: 0 0 0 2px var(--kw-teal), 0 4px 12px rgba(42,89,115,.16)}.knobs-wizard,.knobs-wizard-results{padding:3rem 0 5rem;color:var(--kw-text)}.knobs-wizard__inner,.knobs-wizard-results__inner{max-width:960px;margin:0 auto}.knobs-wizard__header,.knobs-wizard-results__header{text-align:center;margin-bottom:2rem}.knobs-wizard__heading,.knobs-wizard-results__heading{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;margin:0 0 .5rem;color:var(--kw-teal)}.knobs-wizard__subheading,.knobs-wizard-results__narrative{font-size:1.0625rem;line-height:1.5;color:var(--kw-text-muted);max-width:640px;margin:0 auto}.knobs-wizard__progress{height:6px;background:var(--kw-bg);border-radius:3px;overflow:hidden;margin:0 0 2.5rem}.knobs-wizard__progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--kw-teal) 0%,var(--kw-rust) 100%);transition:width .35s ease}.knobs-wizard__viewport,.knobs-wizard-results__grid{min-height:240px}.knobs-wizard__loading p,.knobs-wizard-results__loading p{text-align:center;color:var(--kw-text-muted);font-style:italic;margin:0;padding:2rem 0}.kw-step{animation:kw-fadein .2s ease}@keyframes kw-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kw-step__title{font-size:clamp(1.4rem,3vw,1.875rem);line-height:1.25;margin:0 0 .5rem;color:var(--kw-teal);text-align:center;outline:none}.kw-step__help{text-align:center;color:var(--kw-text-muted);margin:0 0 2.25rem;font-size:1.0625rem;line-height:1.5}.kw-step__error{display:none;margin:1rem auto 0;padding:.75rem 1rem;max-width:480px;text-align:center;background:var(--kw-error-bg);border:1px solid var(--kw-error-border);color:var(--kw-error-text);border-radius:4px;font-size:.9375rem}.kw-step__error.is-visible{display:block}.kw-grid{display:grid;gap:.875rem;margin:0}.kw-grid{gap:1.125rem}.kw-grid--comfy{grid-template-columns:repeat(auto-fit,minmax(248px,1fr))}.kw-grid--tight{grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:1rem}.kw-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:1.85rem 1.35rem;background:#fff;border:1.5px solid var(--kw-border);border-radius:12px;cursor:pointer;text-align:center;font-family:inherit;color:var(--kw-text);transition:border-color .15s ease,box-shadow .15s ease,transform .08s ease;min-height:168px;box-shadow:var(--kw-shadow);position:relative}.kw-card:hover{border-color:var(--kw-teal);box-shadow:var(--kw-shadow-hover);transform:translateY(-2px)}.kw-card:hover .kw-card__icon{background:#2a597324}.kw-card:focus-visible{outline:none;box-shadow:var(--kw-shadow-selected)}.kw-card:active{transform:translateY(1px)}.kw-card.is-selected{border-color:var(--kw-teal);background:linear-gradient(to bottom,#fff,#f0f6f9);box-shadow:var(--kw-shadow-selected)}.kw-card.is-selected .kw-card__icon{background:var(--kw-teal);color:#fff}.kw-card.is-selected:after{content:"";position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--kw-teal);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l4 4 10-10'/></svg>");background-size:15px 15px;background-position:center;background-repeat:no-repeat;box-shadow:0 1px 4px #2a597366}.kw-card__icon{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:#2a597314;color:var(--kw-teal);transition:background .15s ease,color .15s ease}.kw-card__icon svg{width:46px;height:46px}.kw-card__swatch{display:inline-block;width:64px;height:64px;border-radius:50%;background-clip:padding-box;box-shadow:inset 0 0 0 1px #00000014,0 1px 3px #00000014}.kw-card__swatch--bordered{box-shadow:inset 0 0 0 1px #0000002e,0 1px 3px #00000014}.kw-card__label{display:block;font-weight:700;font-size:1.25rem;line-height:1.25;color:var(--kw-text)}.kw-card__sublabel{display:block;font-size:1rem;line-height:1.4;color:var(--kw-text-muted);margin-top:.25rem}.kw-grid--tight .kw-card{min-height:152px;padding:1.5rem .85rem;gap:.7rem}.kw-form{max-width:540px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.kw-form__row{display:flex;flex-direction:column;gap:.35rem}.kw-form__label{font-size:1.0625rem;font-weight:600;color:var(--kw-text)}.kw-form__req{color:var(--kw-rust);font-weight:400}.kw-form__input,.kw-form__select,.kw-form__textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--kw-border);border-radius:4px;font-size:1.0625rem;font-family:inherit;background:#fff;color:var(--kw-text);box-sizing:border-box}.kw-form__textarea{resize:vertical;min-height:70px}.kw-form__input:focus,.kw-form__select:focus,.kw-form__textarea:focus{outline:none;border-color:var(--kw-teal);box-shadow:0 0 0 3px #2a597326}.kw-nav{display:flex;align-items:center;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--kw-border-soft);gap:1rem}.kw-nav__step{font-size:.8125rem;color:var(--kw-text-muted);text-align:center}.kw-btn{font-family:inherit;font-size:.9375rem;font-weight:600;padding:.65rem 1.25rem;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.kw-btn[disabled]{opacity:.4;cursor:not-allowed}.kw-btn--primary{background:var(--kw-rust);color:#fff}.kw-btn--primary:hover:not([disabled]),.kw-btn--primary:focus:not([disabled]){background:var(--kw-rust-hover)}.kw-btn--ghost{background:transparent;color:var(--kw-text-muted);border-color:var(--kw-border)}.kw-btn--ghost:hover:not([disabled]),.kw-btn--ghost:focus:not([disabled]){color:var(--kw-teal);border-color:var(--kw-teal)}.kw-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.knobs-wizard__noscript,.knobs-wizard-results__noscript{padding:1.25rem 1.5rem;background:var(--kw-warn-bg);border:1px solid var(--kw-warn-border);border-radius:6px;color:var(--kw-warn-text)}.knobs-wizard__scaffold,.knobs-wizard-results__scaffold{padding:2.5rem 2rem;background:var(--kw-bg);border:1px dashed var(--kw-border);border-radius:8px;text-align:center}.knobs-wizard-results__footer{margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.knobs-wizard-results__refine{text-align:center;color:var(--kw-text-muted)}.knobs-wizard-results__refine a{color:var(--kw-teal)}.knobs-wizard-results__consultation,.knobs-wizard-results__trade-banner,.knobs-wizard-results__email-capture{background:var(--kw-bg);border-radius:8px;padding:1.75rem 2rem;text-align:center}.knobs-wizard-results__consultation h2,.knobs-wizard-results__email-capture h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--kw-teal)}.knobs-wizard-results__consultation p,.knobs-wizard-results__email-capture p{margin:0 0 1rem;color:var(--kw-text-muted)}.knobs-wizard-results__cta{display:inline-block;background:var(--kw-rust);color:#fff;text-decoration:none;padding:.85rem 1.5rem;border-radius:4px;font-weight:600}.knobs-wizard-results__cta:hover,.knobs-wizard-results__cta:focus{background:var(--kw-rust-hover);color:#fff}.knobs-wizard-results__email-form{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.knobs-wizard-results__email-form input{padding:.65rem .85rem;border:1px solid var(--kw-border);border-radius:4px;font-size:.9375rem;flex:1 1 180px}.knobs-wizard-results__email-form button{background:var(--kw-rust);color:#fff;border:0;padding:.65rem 1.25rem;border-radius:4px;font-weight:600;cursor:pointer}.knobs-wizard-results__email-form button:hover,.knobs-wizard-results__email-form button:focus{background:var(--kw-rust-hover)}@media(max-width:640px){.knobs-wizard,.knobs-wizard-results{padding:2rem 0 4rem}.kw-grid--comfy,.kw-grid--tight{grid-template-columns:repeat(2,1fr);gap:.75rem}.kw-card{min-height:138px;padding:1.25rem .85rem;gap:.6rem}.kw-grid--tight .kw-card{min-height:130px;padding:1.1rem .6rem}.kw-card__icon{width:64px;height:64px}.kw-card__icon svg{width:34px;height:34px}.kw-card__swatch{width:52px;height:52px}.kw-card__label{font-size:1.0625rem}.kw-card__sublabel{font-size:.9375rem}.kw-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem}.kw-nav__step{order:3;flex:1 1 100%}.kw-btn{flex:1 1 auto}.knobs-wizard-results__consultation,.knobs-wizard-results__trade-banner,.knobs-wizard-results__email-capture{padding:1.25rem}}@media(prefers-reduced-motion:reduce){.kw-step{animation:none}.knobs-wizard__progress-bar{transition:none}.kw-card:hover,.kw-rcard:hover{transform:none}}.kw-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;min-height:0}.kw-rcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kw-border-soft);border-radius:10px;overflow:hidden;text-decoration:none;color:var(--kw-text);box-shadow:var(--kw-shadow);transition:box-shadow .15s ease,transform .1s ease,border-color .15s ease}.kw-rcard:hover,.kw-rcard:focus-visible{box-shadow:var(--kw-shadow-hover);transform:translateY(-3px);border-color:var(--kw-border);outline:none}.kw-rcard__media{display:block;aspect-ratio:1 / 1;background:var(--kw-bg);overflow:hidden}.kw-rcard__img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.kw-rcard__img--placeholder{background:repeating-linear-gradient(45deg,#eef2f4,#eef2f4 10px,#e6ebee 10px 20px)}.kw-rcard__body{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem 1.1rem;flex:1 1 auto}.kw-rcard__vendor{font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--kw-rust);font-weight:600}.kw-rcard__title{font-size:1rem;line-height:1.3;font-weight:600;color:var(--kw-teal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kw-rcard__meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .6rem;margin-top:.15rem}.kw-rcard__price{font-weight:700;font-size:1rem;color:var(--kw-text)}.kw-rcard__price--sale{color:var(--kw-rust)}.kw-rcard__price-was{font-size:.8125rem;color:var(--kw-text-muted);text-decoration:line-through}.kw-rcard__more{font-size:.75rem;color:var(--kw-text-muted);background:var(--kw-bg);padding:.1rem .5rem;border-radius:999px}.kw-rcard__ship{font-size:.75rem;margin-top:.35rem;font-weight:600}.kw-rcard__ship--fast{color:#2e7d32}.kw-rcard__ship--mto{color:var(--kw-rust)}.kw-results-empty{grid-column:1 / -1;text-align:center;padding:2.5rem 1rem;color:var(--kw-text-muted)}.kw-results-empty a{color:var(--kw-rust);font-weight:600}.kw-email-thanks{margin:0;font-weight:600;color:var(--kw-teal)}@media(max-width:640px){.kw-results-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.kw-rcard__body{padding:.7rem .75rem .9rem}.kw-rcard__title{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/knobs-wizard.css.map */