:root{--color-foreground: 33, 36, 39;--color-button: 17, 43, 30;--color-button-text: 255, 255, 255;--font-body-scale: 1}*[animate]{position:relative;opacity:1;right:0;transition:all .25s ease-in-out}*[animate][disabled]{opacity:.5}*[animate-fade-in]{opacity:0;right:-100px}*[animate-fade-in][disabled]{opacity:0}ul[data-breed-list]{display:none;max-height:210px;max-width:550px;padding:0;margin:5px 0 0;background:#fff;list-style-type:none;position:absolute;left:50%;transform:translate(-50%);width:100%;overflow-y:scroll;z-index:1;scrollbar-width:auto;-webkit-overflow-scrolling:touch;box-shadow:0 6px 19px #30303040;border-radius:10px}ul[data-breed-list] li{padding:10px 20px;margin:0;font-size:14px;cursor:pointer}ul[data-breed-list] li:hover{background:#f1fdf0}ul[data-breed-list]::-webkit-scrollbar{width:4px}ul[data-breed-list]::-webkit-scrollbar-thumb{background:#757575;border-radius:8px}ul[data-breed-list]::-webkit-scrollbar-track{background:#fff}main-quiz{width:100%;min-height:calc(100vh - 50px);display:block;padding:30px 15px}quiz-step{overflow:hidden}quiz-step+quiz-step{display:none}quiz-progress{display:block;width:calc(100% - 40px);height:12px;margin:0 auto;background:#e6e6e6;border-radius:5px;top:100px}quiz-progress div[quiz-progress-inner]{display:block;height:100%;width:0;background:rgb(var(--color-button));position:absolute;left:0;top:0;border-radius:5px;backface-visibility:hidden;transition:width .3s ease-in-out}quiz-progress p[quiz-progress-text]{margin:0;font-size:12px;color:rgb(var(--color-foreground));position:absolute;right:-15px;top:15px}quiz-step{display:flex;flex-direction:column;justify-content:center}.quiz-step__contents{position:relative}.quiz-step__heading>*{margin:0;font-family:var(--font-body-family);line-height:1.4;letter-spacing:0}.quiz-step__heading>*+*{margin-top:20px}.quiz-step__form{width:100%;margin:0 auto;display:flex;flex-direction:column}.quiz-step__input{width:100%;padding:0 20px;border:1px solid rgb(var(--color-foreground));border-radius:8px;font-family:var(--font-body-family)}.quiz-step__input:focus-visible{outline:none;box-shadow:none}.quiz-step__input[type=radio]{display:none}.quiz-step__radio-wrap{margin:0 auto;display:flex;flex-wrap:wrap;column-gap:6px;row-gap:10px}.quiz-step__radio-wrap:has(.quiz-step__radio-block--icon){max-width:100%;row-gap:20px}.quiz-step__radio-label{display:flex;align-items:center;justify-content:center;padding:12px 14px;border:1px solid rgb(var(--color-button));text-align:center;line-height:normal;letter-spacing:0;pointer-events:auto;cursor:pointer;border-radius:8px;transition:all .2s ease-in}.quiz-step__radio-label[disabled]{opacity:.5;pointer-events:none}.quiz-step__radio-label--radio-icon{display:grid;grid-template-rows:53px auto;background:rgb(var(--color-button-text))}.quiz-step__radio-label--radio-icon>svg{width:var(--icon-width);height:auto;justify-self:center}.quiz-step__radio-label--fill>svg>path{fill:rgb(var(--color-button))}.quiz-step__radio-label--stroke>svg path{stroke:rgb(var(--color-button))}.quiz-step__input:checked+.quiz-step__radio-label,.quiz-step__radio-label:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}:is(.quiz-step__input:checked+.quiz-step__radio-label,.quiz-step__radio-label:hover).quiz-step__radio-label--fill>svg path{fill:rgb(var(--color-button-text))}:is(.quiz-step__input:checked+.quiz-step__radio-label,.quiz-step__radio-label:hover).quiz-step__radio-label--stroke>svg path{stroke:rgb(var(--color-button-text))}.quiz-step__trust{display:flex;align-items:center;justify-content:center;gap:10px}.quiz-step__trust>*{margin:0;letter-spacing:0}.quiz-step__trust-logo,.quiz-step__star-icons{height:auto}.quiz-step__next-btn{max-width:345px;width:100%;font-size:16px;font-weight:var(--font-heading-weight)}.quiz-step__next-btn:not([disabled]):hover{background:rgb(var(--color-link));color:rgb(var(--color-button));transition:all .2s ease-in-out}quiz-back{display:flex;align-items:center;letter-spacing:0;font-size:16px;cursor:pointer}quiz-back .icon-arrow{margin-right:5px;width:20px;transform:rotate(180deg)}.quiz-step__back--mobile{position:absolute;top:58px;left:20px;background:var(--color-base);color:#fff;padding:8px 13px;border-radius:27px}.quiz-step__footer-text{margin-top:30px}.quiz-step__footer-text>*{font-size:10px;text-align:left}.quiz-step__footer-text a{color:rgb(var(--color-button))}.quiz-step-final{width:100%;margin:0 auto;text-align:center}.quiz-step-final__logo{width:170px;height:auto;padding-top:35px}.quiz-step__heading.quiz-step-final__heading>*{color:rgb(var(--color-button));font-family:var(--font-heading-family)}.loading-screen{display:block;height:36px;padding:6px;margin-top:25px;background:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button));border-radius:22px;position:relative;overflow:hidden}.loading-screen div[loading-screen-progress]{height:100%;width:0;display:block;background:rgb(var(--color-button));border-radius:12px;transition:width 1.5s ease-in-out}.quiz-step-final__image{width:100%;height:auto}.quiz-step-contents__bottom{text-align:center}.quiz-step-contents__bottom-text>*{margin:0;padding-top:50px;color:rgb(var(--color-button));font-family:var(--font-heading-family)}@media screen and (max-width:767px){quiz-progress{position:absolute;left:50%;will-change:transform;transform:translate(-50%) translateZ(0)}.quiz-step__back--desktop{display:none}.quiz-step__back--mobile{display:flex}.quiz-step__form{max-width:375px;justify-content:space-between;padding-top:100px;padding-bottom:20px}.quiz-step__heading h1{font-size:20px}.quiz-step__heading h2{font-size:18px}.quiz-step__heading h3{font-size:16px}.quiz-step__heading h4{font-size:14px}.quiz-step__heading h5{font-size:12px}.quiz-step__heading h6{font-size:10px}.quiz-step__input{height:42px;margin-top:35px;font-size:16px}.quiz-step__radio-wrap{max-width:235px;justify-content:center;padding-top:20px}.quiz-step__radio-block{width:100%}.quiz-step__radio-block--icon{width:calc((100% / 3) - 6px)}.quiz-step__radio-label{font-size:14px}.quiz-step__radio-label--radio-icon{height:110px}.quiz-step-contents__bottom{margin-top:30px}.quiz-step__trust-logo{width:74px}.quiz-step__star-icons{width:100px}.quiz-step__trust>*{font-size:8px}.quiz-step__next-btn{height:50px;margin-top:35px}.quiz-step-final{max-width:375px}.quiz-step-final__image{padding-top:50px}.quiz-step__heading.quiz-step-final__heading{padding-top:55px}.quiz-step__heading.quiz-step-final__heading *{font-size:20px}.quiz-step-contents__bottom-text>*{font-size:18px}}@media screen and (min-width:768px){ul[data-breed-list]{text-align:left}ul[data-breed-list] li{font-size:calc(var(--font-body-scale) * 18px)}quiz-progress{max-width:345px;position:relative;left:0}.quiz-step__back--desktop{display:flex;justify-content:center;margin-top:40px}.quiz-step__back--mobile{display:none}.quiz-step__form{justify-content:center;padding-top:150px}.quiz-step__contents{text-align:center}.quiz-step__heading h1{font-size:calc(var(--font-heading-scale) * 26px)}.quiz-step__heading h2{font-size:calc(var(--font-heading-scale) * 14px)}.quiz-step__heading h3{font-size:calc(var(--font-heading-scale) * 22px)}.quiz-step__heading h4{font-size:calc(var(--font-heading-scale) * 16px)}.quiz-step__heading h5{font-size:calc(var(--font-heading-scale) * 14px)}.quiz-step__heading h6{font-size:calc(var(--font-heading-scale) * 12px)}.quiz-step__heading p{font-size:calc(var(--font-body-scale) * 24px);text-align:left}.quiz-step__input{height:67px;max-width:550px;margin-top:40px;font-size:20px;text-align:center}.quiz-step__radio-wrap{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding-top:35px}.quiz-step__radio-wrap--two_grid{max-width:500px;justify-content:center;gap:30px}.quiz-step__radio-wrap--two_grid .quiz-step__radio-block{width:50%}.quiz-step__radio-wrap--multi_grid{max-width:800px;justify-content:center;gap:30px;flex-wrap:wrap}.quiz-step__radio-wrap--multi_grid .quiz-step__radio-block{width:30%}.quiz-step__radio-block--icon{width:calc(20% - 10px)}.quiz-step__radio-label{font-size:calc(var(--font-body-scale) * 17px)}.quiz-step__radio-label--radio-icon{height:134px}.quiz-step-contents__bottom{margin-top:40px}.quiz-step__trust-logo{width:92px}.quiz-step__star-icons{width:123px}.quiz-step__trust>*{font-size:10px}.quiz-step__next-btn{height:55px;margin-top:40px}.quiz-step-final{max-width:500px}.quiz-step-final__image,.quiz-step__heading.quiz-step-final__heading{padding-top:40px}.quiz-step__heading.quiz-step-final__heading *{font-size:calc(var(--font-heading-scale) * 32px)}.quiz-step-contents__bottom-text>*{font-size:calc(var(--font-heading-scale) * 24px)}}@media screen and (max-width:989px){quiz-step{min-height:calc(100vh - 150px)}}@media screen and (min-width:990px){main-quiz{min-height:calc(100vh - 70px)}quiz-step{min-height:calc(100vh - 220px)}.quiz-step__form{max-width:800px}.quiz-step__heading{text-align:center}.quiz-step__heading h1{font-size:calc(var(--font-heading-scale) * 36px)}.quiz-step__heading h2{font-size:calc(var(--font-heading-scale) * 20px)}.quiz-step__heading h3{font-size:calc(var(--font-heading-scale) * 30px)}.quiz-step__heading h4{font-size:calc(var(--font-heading-scale) * 28px)}.quiz-step__heading h5{font-size:calc(var(--font-heading-scale) * 24px)}.quiz-step__heading h6{font-size:calc(var(--font-heading-scale) * 12px)}.quiz-step-final{max-width:790px}}.header{grid-template-columns:1fr;justify-content:center;display:flex}
/*# sourceMappingURL=/cdn/shop/t/84/assets/section-main-quiz.css.map */