.results-module__0XJBVW__firstPlace{width:100%}@media (min-width:881px){.results-module__0XJBVW__firstPlace{flex-direction:row;grid-column:1/-1}.results-module__0XJBVW__firstPlace>div{width:50%;min-width:0}.results-module__0XJBVW__firstPlace>div:first-child{border-radius:1rem 0 0 1rem}}
.dog-quiz-scene{isolation:isolate;background:#ecdfd1;min-height:calc(100svh - 100px);padding:30px 24px 56px;position:relative}.dog-quiz-backdrop{z-index:-2;object-fit:cover;object-position:center bottom}.dog-quiz-scene:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#fbf7f22e,#0000 65%);position:absolute;inset:0}.dog-quiz{background:#fbf8f4f7;border:1px solid #fffc;border-radius:30px;width:100%;max-width:920px;margin:0 auto;padding:42px 48px 30px;box-shadow:0 12px 45px #5130151f}.dog-quiz h1{text-wrap:pretty;color:#382314;font-size:clamp(26px,2.8vw,40px);font-style:normal;font-weight:700;line-height:1.2}.dog-quiz h1+p{color:#6e5d4c;max-width:720px;font-size:17px;line-height:1.6}.quiz-question-body{flex-direction:column;gap:28px;min-height:450px;display:flex}.dog-quiz [role=radiogroup],.dog-quiz .quiz-checklist{gap:14px}.dog-quiz [role=radio],.dog-quiz .quiz-checklist>label{background:#fcfaf7;border-color:#eadbca;border-radius:18px;gap:24px;min-height:102px;padding:12px 24px;box-shadow:0 4px 12px #5f391c0d}.dog-quiz [role=radio]:hover,.dog-quiz .quiz-checklist>label:hover{background:#f7efe5;border-color:#c49a72}.dog-quiz [role=radio][aria-checked=true]{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#f2e6d7}.dog-quiz .quiz-checklist>label:has(input:checked){border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:#f2e6d7}.dog-quiz .quiz-checklist>label:has(input:focus-visible){outline-offset:3px;outline:3px solid #8a5a3480}.quiz-answer-image{background:#faf4f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.quiz-answer-image img{object-fit:contain;mix-blend-mode:darken;width:70%;height:70%}.quiz-answer-copy{flex-direction:column;flex:1;gap:6px;display:flex}.quiz-answer-title{font-family:var(--font-sans), Arial, Helvetica, sans-serif;font-size:20px;font-weight:700;line-height:1.35}.quiz-answer-description{color:var(--color-muted);font-size:15px;line-height:1.6}.dog-quiz [role=radio]>span:last-child,.dog-quiz .quiz-checklist>label>span:last-child{border-color:#cba784;width:27px;height:27px}.dog-quiz [role=radio][aria-checked=true]>span:last-child{border-color:var(--color-primary)}.dog-quiz .quiz-checklist>label:has(input:checked)>span:last-child{border-color:var(--color-primary)}.quiz-step-footer{border-top:1px solid #eadbca;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding-top:22px;display:flex}.quiz-back{cursor:pointer;background:#f2e6d8;border:1px solid #e4ccb3;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 26px;font-size:16px;font-weight:500;display:inline-flex}.quiz-back:hover:enabled{background:#ead8c3}.quiz-back:disabled{opacity:.45;cursor:default}.quiz-back:focus-visible{outline-offset:3px;outline:3px solid #8a5a3480}.quiz-step-hint{color:#8b7865;align-items:center;gap:8px;max-width:430px;font-size:13px;line-height:1.5;display:flex}@media (max-width:1024px) and (min-width:641px){.dog-quiz{max-width:780px;padding:32px}}@media (max-width:640px){.dog-quiz-scene{padding:170px 12px 28px}.dog-quiz-backdrop{object-position:88% 74%;height:330px!important}.dog-quiz-scene:before{background:linear-gradient(#0000 120px,#ecdfd1 330px)}.dog-quiz{border-radius:24px;padding:24px 18px}.dog-quiz h1+p{font-size:14px}.quiz-question-body{gap:22px;min-height:0}.dog-quiz [role=radiogroup],.dog-quiz .quiz-checklist{gap:10px}.dog-quiz [role=radio],.dog-quiz .quiz-checklist>label{border-radius:14px;gap:12px;min-height:88px;padding:12px}.quiz-answer-image{width:64px;height:64px}.quiz-answer-title{font-size:16px}.quiz-answer-description{font-size:12px;line-height:1.5}.dog-quiz [role=radio]>span:last-child,.dog-quiz .quiz-checklist>label>span:last-child{width:22px;height:22px}.quiz-step-footer{flex-wrap:wrap;gap:14px;margin-top:24px;padding-top:18px}.quiz-back{padding:10px 20px;font-size:14px}.quiz-step-hint{flex-basis:100%;font-size:12px}}
