.quiz{display:flex;flex-direction:column;flex-grow:1;width:100%;height:100%}.quiz__header{display:flex;align-items:center;justify-content:center;position:relative;padding:20px 50px}.quiz__header img{display:block;width:200px;height:50px;object-position:center}.quiz__header button{position:absolute;left:50px;top:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:0;outline:none;box-shadow:none;transform:translateY(-50%);cursor:pointer}.quiz__progress{width:100%;height:5px;background-color:#fff}.quiz__progress span{display:block;height:100%;background-color:var(--progress-bar-color);width:calc(100% / var(--steps))}.quiz__container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:150px 50px 50px}.quiz__question{color:#000;text-align:center;font-size:30px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:50px}.quiz__images-wrapper{display:flex;align-items:flex-start;justify-content:center;gap:25px}.quiz__images-block{display:flex;flex-direction:column;width:100%;max-width:200px}.quiz__images-block .image-wrapper{position:relative;width:160px}.quiz__images-block .image-wrapper:before{content:"";display:block;padding-top:103%}.quiz__images-block .image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.quiz__images-block.active .quiz-button{background-color:#4fc71d;color:#fff;transition:.25s ease-in-out}.quiz__images-block .quiz-button{border-top-left-radius:0;border-top-right-radius:0;max-width:100%}.quiz-button{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 20px;background-color:#fff;border:1px solid #4fc71d;border-radius:3px;color:#4fc71d;font-size:18px;font-style:normal;font-weight:600;line-height:normal;transition:.25s ease-in-out;width:100%;max-width:190px;cursor:pointer}.quiz-button:hover,.quiz-button:focus,.quiz-button.active{background-color:#4fc71d;color:#fff;transition:.25s ease-in-out}.quiz-button.confirm{background-color:#4fc71d;color:#fff;transition:.25s ease-in-out}.quiz-button.confirm:hover,.quiz-button.confirm:focus,.quiz-button.confirm.active{background-color:#fff;color:#4fc71d;transition:.25s ease-in-out}@media screen and (min-width: 560px){.quiz__images-wrapper{gap:30px}.quiz__images-block .image-wrapper{width:200px}.quiz-button{min-width:190px}}.pet-name{font-size:12px;font-weight:600;line-height:normal}.quiz__answers-container{display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center}.quiz__answers-wrapper{display:flex;align-items:flex-start;justify-content:center;gap:40px;margin-bottom:50px}.quiz__answers-wrapper[data-pets="3"]{flex-wrap:wrap}.quiz__answers-wrapper[data-pets="4"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quiz__answers-wrapper.multiple .quiz__button-block{border-radius:10px;border:1px solid #4fc71d;padding:20px;display:flex;flex-direction:column;gap:20px}.quiz__answers-wrapper.multiple .quiz-button.checkbox{gap:10px;max-width:none;min-width:90px}.quiz__answers-wrapper.multiple .quiz-button.checkbox .checkbox-wrapper{position:relative;display:block;flex-shrink:0;width:20px;min-width:20px;min-height:20px;height:20px;border-radius:50%;border:1px solid #000}.quiz__answers-wrapper.multiple .quiz-button.checkbox.active .checkbox-wrapper:after{content:"";display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;background-color:#000;border-radius:50%;transform:translate(-50%,-50%)}.quiz__input-block{border-radius:10px;border:1px solid #4fc71d;padding:20px;display:flex;flex-direction:column;gap:20px}.quiz__inputs-wrapper{display:flex;flex-direction:column;gap:10px}.quiz__inputs-wrapper .input-wrapper{display:flex;align-items:center;gap:8px;width:100%}.quiz__inputs-wrapper label{color:#000;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.quiz__inputs-wrapper input{border-radius:10px;background-color:#fff;border:0;color:#000;font-size:18px;font-style:normal;font-weight:600;line-height:normal;text-align:center;padding:18px 25px;width:100%}.quiz__inputs-wrapper input::placeholder{color:#00000080;font-size:18px;font-style:normal;font-weight:600;line-height:normal;text-align:center}.quiz__button-block--answers{display:flex;flex-direction:column;gap:10px}body:has(.fleatagquiz){display:flex;flex-direction:column}body:has(.fleatagquiz) #MainContent,body:has(.fleatagquiz) .section-quiz{display:flex;flex-direction:column;flex-grow:1;padding-bottom:0}body:has(.fleatagquiz) header,body:has(.fleatagquiz) footer,body:has(.fleatagquiz) .sf-header,body:has(.fleatagquiz) .announcement-bar{display:none}@media screen and (max-width: 750px){.quiz__header{padding:20px 15px}.quiz__header img{width:150px;height:36px}.quiz__header button{left:15px}.quiz__container{padding:35px 15px 50px}.quiz__question{font-size:20px;margin-bottom:35px}.quiz__answers-wrapper{gap:20px;margin-bottom:25px}.quiz__inputs-wrapper label{font-size:12px}.quiz__inputs-wrapper input{font-size:12px;padding:10px}.quiz__inputs-wrapper input::placeholder{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/fleatag-quiz.css.map */