.quiz-container{max-width:700px;margin:0 auto;padding:20px;font-family:Nunito Sans,sans-serif;background-color:#f9f9f9;border-radius:20px;box-shadow:0 4px 20px #0000001a}.quiz-header{margin-bottom:20px}.quiz-percentage{text-align:center;font-size:1.2rem;font-weight:700;color:#ff4040;background:#fff0ed;padding:8px 15px;border-radius:50px;display:inline-block;margin:0 auto 20px;box-shadow:0 2px 8px #ff40401a;width:auto}.quiz-block{display:none;animation:fadeIn .5s ease;text-align:center}.quiz-block.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.quiz-subtitle{text-align:center;color:#666;margin-bottom:25px}.quiz-options{display:flex;flex-wrap:wrap;gap:15px;margin:25px 0;justify-content:center}.quiz-option{flex:1 1 calc(50% - 15px);min-width:200px;padding:20px 15px;border:2px solid #ddd;border-radius:15px;text-align:center;cursor:pointer;transition:all .2s;background-color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}.quiz-option .emoji{font-size:2.5rem}.quiz-option .label{font-size:1.1rem;font-weight:600;color:#333}.quiz-option small{font-size:.9rem;color:#666}.quiz-option:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001a;border-color:#ff765a}.quiz-option.selected{border-color:#ff4040;background-color:#fff0ed}.quiz-multiple-options{display:flex;flex-direction:column;gap:12px;margin:25px 0;max-height:400px;overflow-y:auto;padding-right:10px}.quiz-multiple-options label{display:flex;align-items:center;gap:15px;padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;transition:all .2s}.quiz-multiple-options label:hover{background-color:#f5f5f5}.quiz-multiple-options input[type=checkbox]{width:22px;height:22px;accent-color:#FF4040}.quiz-range{margin:40px 0;text-align:center}.range-input{width:100%;margin:20px 0;-webkit-appearance:none;background:transparent}.range-input::-webkit-slider-runnable-track{height:8px;background:#ddd;border-radius:4px}.range-input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;background:#ff4040;border-radius:50%;margin-top:-10px;cursor:pointer;box-shadow:0 2px 8px #0000004d}.range-labels{display:flex;justify-content:space-between;font-size:.95rem;color:#666;margin-top:10px}.quiz-breed-list{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0;justify-content:center}.breed-item{padding:10px 20px;border:1px solid #ddd;border-radius:30px;background:#fff;cursor:pointer;transition:all .2s;font-size:.95rem}.breed-item:hover{background-color:#f0f0f0;border-color:#ff765a}.breed-item.selected{background:#ff4040;color:#fff;border-color:#ff4040}.quiz-breed-search{margin:20px 0}.quiz-breed-search input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:30px;font-size:1rem}.quiz-input{width:100%;padding:15px;border:2px solid #ddd;border-radius:30px;font-size:1rem;margin:15px 0;transition:border .2s}.quiz-input:focus{outline:none;border-color:#ff4040}.quiz-navigation{position:sticky;bottom:20px;margin-top:30px;text-align:center}.quiz-next-btn,.quiz-submit-btn{padding:15px 40px;background:linear-gradient(135deg,#ff765a,#ff4040);color:#fff;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 4px 15px #ff40404d}.quiz-next-btn:hover,.quiz-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff404066}.quiz-next-btn:disabled,.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.quiz-back-button{text-align:center;margin:20px 0}.quiz-back-btn{background:none;border:none;color:#ff4040;font-size:1rem;cursor:pointer;text-decoration:underline;padding:5px 10px}.quiz-footer{margin-top:30px;padding:10px 0;text-align:center;font-size:.8rem;color:#777;border-top:1px solid #eaeaea}.quiz-footer p{margin:0}.quiz-loading-message{text-align:center;padding:50px 20px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d}.quiz-loading-message h2{font-size:2rem;color:#333;margin-bottom:15px}.quiz-loading-message .spinner{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #FF4040;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dot-animation{display:inline-block;animation:dotPulse 1.5s infinite}@keyframes dotPulse{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/quiz.css.map */