.crate-quiz{--quiz-primary: #1a1a1a;--quiz-primary-hover: #333;--quiz-secondary: #f5f5f5;--quiz-accent: #d97706;--quiz-accent-hover: #b45309;--quiz-text: #1a1a1a;--quiz-text-light: #666;--quiz-border: #e5e5e5;--quiz-success: #16a34a;--quiz-error: #dc2626;--quiz-warning: #ca8a04;--quiz-bg: #fff;--quiz-bg-alt: #fafafa;--quiz-radius: 8px;--quiz-radius-lg: 12px;--quiz-shadow: 0 1px 3px rgba(0, 0, 0, .1);--quiz-shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--quiz-transition: .2s ease;--quiz-max-width: 720px}.crate-quiz{background:var(--quiz-bg);min-height:100vh;padding:40px 20px}.quiz-container{max-width:var(--quiz-max-width);margin:0 auto}.quiz-progress{margin-bottom:40px}.quiz-progress__bar{height:4px;background:var(--quiz-border);border-radius:2px;overflow:hidden;margin-bottom:12px}.quiz-progress__fill{height:100%;background:var(--quiz-primary);border-radius:2px;transition:width .3s ease;width:0%}.quiz-progress__text{font-size:14px;color:var(--quiz-text-light);font-weight:500}.quiz-step{display:none;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.quiz-step[data-step-active],.quiz-step.quiz-step--active{display:block;opacity:1;transform:translateY(0)}.quiz-step__content{margin-bottom:40px}.quiz-step__title{font-size:28px;font-weight:700;color:var(--quiz-text);margin:0 0 8px;line-height:1.3}.quiz-step__subtitle{font-size:16px;color:var(--quiz-text-light);margin:0 0 32px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--quiz-bg);border:2px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);cursor:pointer;transition:all var(--quiz-transition);text-align:left;width:100%;position:relative}.quiz-option:hover,.quiz-option--selected{border-color:var(--quiz-primary);background:var(--quiz-bg-alt)}.quiz-option--selected .quiz-option__check{opacity:1;transform:scale(1)}.quiz-option__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--quiz-secondary);border-radius:var(--quiz-radius);color:var(--quiz-text)}.quiz-option__text{flex:1;font-size:16px;font-weight:600;color:var(--quiz-text);line-height:1.4}.quiz-option__desc{display:block;font-size:14px;font-weight:400;color:var(--quiz-text-light);margin-top:4px}.quiz-option__check{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--quiz-success);border-radius:50%;color:#fff;opacity:0;transform:scale(.5);transition:all var(--quiz-transition)}.quiz-step--interstitial .quiz-step__content{text-align:center}.quiz-interstitial{background:var(--quiz-bg-alt);border-radius:var(--quiz-radius-lg);padding:48px 32px;border:1px solid var(--quiz-border)}.quiz-interstitial__icon{color:var(--quiz-accent);margin-bottom:24px}.quiz-interstitial__image{text-align:center;margin-bottom:24px}.quiz-interstitial__image img{max-width:100%;height:auto;max-height:250px;object-fit:contain;border-radius:var(--quiz-radius)}.quiz-interstitial__title{font-size:24px;font-weight:700;color:var(--quiz-text);margin:0 0 16px}.quiz-interstitial__text{font-size:18px;color:var(--quiz-text-light);line-height:1.6;max-width:500px;margin:0 auto}.quiz-breed-search{position:relative;max-width:400px}.quiz-breed-search__input-wrapper{position:relative}.quiz-breed-search__input{width:100%;padding:16px 48px 16px 20px;font-size:16px;border:2px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);background:var(--quiz-bg);transition:border-color var(--quiz-transition)}.quiz-breed-search__input:focus{outline:none;border-color:var(--quiz-primary)}.quiz-breed-search__input::placeholder{color:var(--quiz-text-light)}.quiz-breed-search__icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--quiz-text-light);pointer-events:none}.quiz-breed-search__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--quiz-bg);border:1px solid var(--quiz-border);border-radius:var(--quiz-radius);box-shadow:var(--quiz-shadow-lg);max-height:300px;overflow-y:auto;z-index:100;display:none}.quiz-breed-search__dropdown--visible{display:block}.quiz-breed-search__item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-size:15px;text-align:left;background:none;border:none;border-bottom:1px solid var(--quiz-border);cursor:pointer;transition:background var(--quiz-transition)}.quiz-breed-search__item:last-child{border-bottom:none}.quiz-breed-search__item:hover{background:var(--quiz-bg-alt)}.quiz-breed-search__size{font-size:13px;color:var(--quiz-text-light)}.quiz-breed-search__no-results{padding:16px;text-align:center;color:var(--quiz-text-light);font-size:14px}.quiz-breed-alt{margin-top:24px}.quiz-breed-alt__btn{padding:12px 24px;font-size:14px;font-weight:500;color:var(--quiz-text-light);background:transparent;border:1px dashed var(--quiz-border);border-radius:var(--quiz-radius);cursor:pointer;transition:all var(--quiz-transition)}.quiz-breed-alt__btn:hover{border-color:var(--quiz-primary);color:var(--quiz-text)}.quiz-email{max-width:400px}.quiz-email__input-wrapper,.quiz-dog-name__input-wrapper{position:relative}.quiz-dog-name__input{width:100%;padding:16px 20px;font-size:16px;border:2px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);background:var(--quiz-bg);transition:border-color var(--quiz-transition)}.quiz-dog-name__input:focus{outline:none;border-color:var(--quiz-primary)}.quiz-dog-name__input::placeholder{color:var(--quiz-text-light)}.quiz-email__input{width:100%;padding:16px 20px;font-size:16px;border:2px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);background:var(--quiz-bg);transition:border-color var(--quiz-transition)}.quiz-email__input:focus{outline:none;border-color:var(--quiz-primary)}.quiz-email__input::placeholder{color:var(--quiz-text-light)}.quiz-email__privacy{font-size:13px;color:var(--quiz-text-light);margin-top:12px}.quiz-email-skip{margin-top:16px}.quiz-email-skip__btn{padding:8px 0;font-size:14px;color:var(--quiz-text-light);background:none;border:none;cursor:pointer;text-decoration:underline;transition:color var(--quiz-transition)}.quiz-email-skip__btn:hover{color:var(--quiz-text)}.quiz-step__actions{display:flex;gap:12px;flex-wrap:wrap}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;border-radius:var(--quiz-radius);cursor:pointer;transition:all var(--quiz-transition);text-decoration:none;border:none}.quiz-btn--primary{background:var(--quiz-primary);color:#fff}.quiz-btn--primary:hover:not(:disabled){background:var(--quiz-primary-hover)}.quiz-btn--primary:disabled{opacity:.5;cursor:not-allowed}.quiz-btn--secondary{background:var(--quiz-secondary);color:var(--quiz-text);border:1px solid var(--quiz-border)}.quiz-btn--secondary:hover{background:var(--quiz-border)}.quiz-btn--full{width:100%}.quiz-btn--accent{background:var(--quiz-accent);color:#fff}.quiz-btn--accent:hover{background:var(--quiz-accent-hover)}.quiz-results{text-align:center}.quiz-results__header{margin-bottom:40px}.quiz-results__title{font-size:32px;font-weight:700;color:var(--quiz-text);margin:0 0 8px}.quiz-results__subtitle{font-size:16px;color:var(--quiz-text-light);margin:0}.quiz-results__primary{margin-bottom:24px}.quiz-result-card{background:var(--quiz-bg);border:2px solid var(--quiz-border);border-radius:var(--quiz-radius-lg);overflow:hidden;text-align:left;position:relative}.quiz-result-card--primary{border-color:var(--quiz-primary)}.quiz-result-card__badge{position:absolute;top:16px;left:16px;padding:6px 12px;background:var(--quiz-primary);color:#fff;font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.quiz-result-card__image{background:var(--quiz-bg-alt);padding:40px;display:flex;align-items:center;justify-content:center;min-height:200px}.quiz-result-card__image img{max-width:100%;max-height:200px;object-fit:contain}.quiz-result-card__content{padding:24px}.quiz-result-card__title{font-size:24px;font-weight:700;color:var(--quiz-text);margin:0 0 8px}.quiz-result-card__size{font-size:14px;font-weight:600;color:var(--quiz-accent);margin:0 0 16px}.quiz-result-card__description{font-size:15px;color:var(--quiz-text-light);margin:0 0 20px;line-height:1.6}.quiz-result-card__features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.quiz-result-card__feature{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--quiz-bg-alt);border-radius:4px;font-size:13px;color:var(--quiz-text)}.quiz-result-card__feature svg{color:var(--quiz-success);flex-shrink:0}.quiz-result-card--secondary{display:grid;grid-template-columns:140px 1fr}.quiz-result-card--secondary .quiz-result-card__image{padding:20px;min-height:auto}.quiz-result-card--secondary .quiz-result-card__image img{max-height:100px}.quiz-result-card--secondary .quiz-result-card__content{padding:20px}.quiz-result-card--secondary .quiz-result-card__title{font-size:18px;margin-bottom:4px}.quiz-result-card--secondary .quiz-result-card__description{font-size:14px;margin-bottom:16px}.quiz-results__also-consider{font-size:14px;font-weight:600;color:var(--quiz-text-light);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;text-align:left}.quiz-results__caveat{margin-bottom:24px}.quiz-caveat{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--quiz-radius);text-align:left}.quiz-caveat__icon{flex-shrink:0;color:var(--quiz-warning)}.quiz-caveat__text{font-size:14px;color:#92400e;margin:0;line-height:1.5}.quiz-results__retake{margin-top:40px}.quiz-retake-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;color:var(--quiz-text-light);background:none;border:1px solid var(--quiz-border);border-radius:var(--quiz-radius);cursor:pointer;transition:all var(--quiz-transition)}.quiz-retake-btn:hover{border-color:var(--quiz-primary);color:var(--quiz-text)}@media screen and (max-width:640px){.crate-quiz{padding:24px 16px}.quiz-step__title{font-size:22px}.quiz-step__subtitle{font-size:14px;margin-bottom:24px}.quiz-option{padding:16px;gap:12px}.quiz-option__icon{width:40px;height:40px}.quiz-option__text{font-size:14px}.quiz-interstitial{padding:32px 20px}.quiz-interstitial__title{font-size:20px}.quiz-interstitial__text{font-size:16px}.quiz-btn{padding:14px 24px;font-size:14px}.quiz-step__actions{flex-direction:column}.quiz-step__actions .quiz-btn--secondary{order:2}.quiz-step__actions .quiz-btn--primary{order:1}.quiz-results__title{font-size:26px}.quiz-result-card__title{font-size:20px}.quiz-result-card--secondary{grid-template-columns:1fr}.quiz-result-card--secondary .quiz-result-card__image{padding:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-step[data-step-active]{animation:fadeInUp .3s ease forwards}@media(prefers-reduced-motion:reduce){.quiz-step,.quiz-option,.quiz-progress__fill,.quiz-option__check{transition:none}.quiz-step[data-step-active]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/274/assets/crate-quiz.css.map */