.quiz-single-page-ctn{background-color:var(--bright-grey);border-radius:15px;display:block;margin:auto;max-width:900px;padding:20px 10px 40px;width:90%}@media screen and (min-width:576px){.quiz-single-page-ctn{padding:20px 20px 40px}}@media screen and (min-width:768px){.quiz-single-page-ctn{padding:20px 40px 40px}}@media screen and (min-width:992px){.quiz-single-page-ctn{display:flex;padding:0}}.quiz-single-page-ctn .quiz-single-page-img-ctn{position:relative}.quiz-single-page-ctn .quiz-single-page-img-ctn img{border-bottom-left-radius:15px;border-top-left-radius:15px;display:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width:992px){.quiz-single-page-ctn .quiz-single-page-img-ctn img{display:block}}.quiz-single-page-ctn .quiz-single-page-form-ctn{margin:auto;max-width:720px}@media screen and (min-width:992px){.quiz-single-page-ctn .quiz-single-page-form-ctn{padding:20px 40px 40px}}.quiz-single-page-ctn .quiz-single-page-form-ctn .promotion-additional-text{font-family:var(--ff-avenir);font-size:12px;font-style:italic;font-weight:var(--fw-book);line-height:18px;margin:10px 0}.quiz-single-page-ctn .quiz-single-page-form-ctn .type-heading:first-of-type .subheading{color:#6e7272!important;font-family:var(--ff-avenir);font-size:12px;font-weight:var(--fw-book)}.quiz-single-page-ctn .quiz-nav-ctn{display:block}.quiz-single-page-ctn .quiz-nav-ctn .quiz-nav-wrapper{padding:0}.quiz-single-page-ctn .quiz-nav-ctn .btn{max-width:100%}.quiz-single-page-ctn .quiz-nav-ctn span{margin:0 auto 10px}.quiz-single-page-ctn .quiz-nav-next,.quiz-single-page-ctn .quiz-nav-prev{display:none}.quiz-single-page-ctn .combo-input,.quiz-single-page-ctn .input-text-wrapper.basic input[type=email],.quiz-single-page-ctn .input-text-wrapper.basic input[type=text],.quiz-single-page-ctn input{border:1px solid var(--lightgrey);border-radius:5px;margin-top:4px}.quiz-single-page-ctn .input-text-wrapper.basic input[type=text]:not(:-moz-placeholder-shown){color:var(--black)}.quiz-single-page-ctn .input-text-wrapper.basic input[type=text]:not(:placeholder-shown){color:var(--black)}.quiz-single-page-ctn .combo-box:after{transform:translateY(-50%) rotate(45deg)}.quiz-single-page-ctn .input-checkbox-wrapper .input-checkbox{border:0!important}.quiz-single-page-ctn .input-checkbox-wrapper #product-quiz-input__consent.input-checkbox:checked+label:after,.quiz-single-page-ctn .input-checkbox-wrapper #product-quiz-input__consent.input-checkbox:checked+label:before{top:50%}.quiz-single-page-ctn .input-checkbox-wrapper p{color:var(--grey);font-size:12px;letter-spacing:normal;line-height:18px}.quiz-single-page-ctn .input-checkbox-wrapper p a{color:var(--black)}.quiz-single-page-ctn .input-checkbox-wrapper p a:focus-visible{-webkit-text-decoration:none;text-decoration:none}.quiz-single-page-ctn .input-checkbox-wrapper p a:hover{-webkit-text-decoration:none;text-decoration:none}.quiz-single-page-ctn .heading{color:var(--darkgreen)!important;font-size:18px;line-height:28px;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:450px;text-align:center}.quiz-single-page-ctn .subheading{color:var(--grey);font-size:12px;font-weight:var(--fw-book);text-align:center}.quiz-single-page-ctn h3.input-item-label,.quiz-single-page-ctn h3.product-quiz__question-text{color:var(--black);font-family:var(--ff-avenir);font-size:14px;font-weight:var(--fw-black);margin:0}.quiz-single-page-ctn .line-break{background-color:var(--midgrey);display:block;height:1px;width:100%}.quiz-single-page-ctn hr{margin:0}.quiz-single-page-ctn .gg-quiz_footer-note{color:var(--grey);font-size:12px;line-height:18px;margin-top:17px}@media screen and (min-width:576px){.quiz-single-page-ctn .half-flex--item{display:inline-block;margin-right:1.5%;width:48.5%}}.quiz-single-page-ctn .birthday-wrapper{display:flex;gap:8px}.quiz-single-page-ctn .birthday-wrapper>div{display:flex;flex-direction:column;width:100%}.quiz-single-page-ctn .birthday-wrapper .optional{color:var(--grey);font-size:10px;margin-bottom:-18px;margin-top:0;text-align:center;text-transform:uppercase}.quiz-single-page-ctn .birthday-wrapper #month_dropdown_id{padding:0 8px}.quiz-single-page-ctn #id-main-breed-dropdown{margin-bottom:12px}.quiz-single-page-ctn .button-selection-item-ctn{gap:20px}.quiz-single-page-ctn .button-selection-item-ctn .btn,.quiz-single-page-ctn .combo-input,.quiz-single-page-ctn .input-text-wrapper.basic input[type=text],.quiz-single-page-ctn .type-input_text input{font-family:var(--ff-avenir);font-size:14px!important;font-weight:var(--fw-book);min-height:40px}.quiz-single-page-ctn .button-selection-item-ctn .btn:not(.does-not-exist):not(does-not-exist):focus-visible{background-color:var(--greensale)!important}.quiz-single-page-ctn .combo-input:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):focus-visible{background-color:var(--greensale)!important}.quiz-single-page-ctn .type-input_text input:not(.does-not-exist):not(.does-not-exist):focus-visible{background-color:var(--greensale)!important}.quiz-single-page-ctn .input-text-wrapper.basic input[type=text]:focus-visible{background-color:var(--greensale)!important}.quiz-single-page-ctn .button-selection-item-ctn .btn:not(.does-not-exist):not(does-not-exist):not(.btn-basic):not(:-moz-placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .button-selection-item-ctn .btn:not(.does-not-exist):not(does-not-exist):not(.btn-basic):not(:placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .combo-input:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(.btn-basic):not(:-moz-placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .combo-input:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(.btn-basic):not(:placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .type-input_text input:not(.does-not-exist):not(.does-not-exist):not(.btn-basic):not(:-moz-placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .type-input_text input:not(.does-not-exist):not(.does-not-exist):not(.btn-basic):not(:placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .input-text-wrapper.basic input[type=text]:not(.btn-basic):not(:-moz-placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .input-text-wrapper.basic input[type=text]:not(.btn-basic):not(:placeholder-shown){color:var(--black)!important}.quiz-single-page-ctn .combo-box:hover .combo-input,.quiz-single-page-ctn .input-text-wrapper.basic input[type=email]:hover,.quiz-single-page-ctn .input-text-wrapper.basic input[type=text]:hover{background-color:transparent!important;background-color:initial!important}.quiz-single-page-ctn:focus-visible,.quiz-single-page-ctn:hover{-webkit-text-decoration:none;text-decoration:none}.button-selection-item-ctn .btn{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:7px;text-transform:capitalize}.button-selection-item-ctn .btn.selected,.button-selection-item-ctn .btn.selected:hover{background-color:var(--darkgreen)!important;color:var(--white)!important}.button-selection-item-ctn .btn.selected svg path{fill:var(--white)}.button-selection-item-ctn .btn svg{max-width:75px;pointer-events:none;width:100%}.quiz-nav-btn:focus-visible{background-color:var(--white)!important;border:1px solid var(--urinary-secondary);color:var(--urinary-secondary)}.input-checkbox:focus-visible+label:before{background-color:var(--greensale)!important}@media screen and (max-width:575px){.button-selection-item-ctn .btn{font-size:14px!important;padding:8px}}.button-selection-item-ctn .btn{color:#6e7272!important;font-weight:var(--fw-black)!important}.button-selection-item-ctn .btn:hover{background-color:#fcfafa!important}.error-message{align-items:center;display:none;font-size:14px;gap:5px}.error-message.year-birthday-dropdown-step-error{margin-top:10px}body[class~="template-page.yumove-quiz-single-page"] section.shopify-section{display:block!important}body[class~="template-page.yumove-quiz-single-page"] section.shopify-section .quiz-image-banner-ctn{background-size:cover!important;height:90dvh;margin:0}body[class~="template-page.yumove-quiz-single-page"] section.shopify-section .quiz-step-ctn .quiz-nav-ctn{display:none}body[class~="template-page.yumove-quiz-single-page"] section.shopify-section .quiz-step-ctn.single-page .quiz-nav-ctn{display:block}
