.quiz__step{--quiz-color-dark-green: #17443d;--quiz-color-lime: #c5fa56;--quiz-color-dark-text: #212427;--quiz-color-white: #ffffff;--quiz-color-beige: #f7ece1;--quiz-color-muted: #57534e;--quiz-color-dark-text-40: rgba(33, 36, 39, .4);width:100vw;min-height:100vh;overflow-y:scroll;overflow-x:hidden}.quiz__step .btn--secondary:disabled{background:var(--quiz-color-lime);opacity:.6}.quiz__step-content{align-items:center;gap:var(--spacing-3xl);flex:1}.quiz__step-content__blocks{flex:1;position:relative;max-width:48rem;width:100%}.quiz__step-content__header{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.quiz__step-content__logo{max-height:2.5rem;max-width:100%;height:2.5rem;width:auto}.quiz__step-progress__button-back,.quiz__step-content__header-placeholder{position:absolute;left:0}.quiz__step-content__header-placeholder{width:2.4rem;padding-left:2.5rem}.quiz__step-content__close{position:absolute;right:0;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:var(--quiz-color-white);flex-shrink:0}.quiz__step-progress,.quiz__step-progress--hidden{gap:var(--spacing-lg);padding-block-start:0}.quiz__step-progress:before{content:"";position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit}.quiz__step-progress>*{z-index:2}.quiz__step-progress--hidden{position:relative}.quiz__step-progress{border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;background:var(--quiz-color-dark-green);position:fixed;bottom:0;width:100%;height:auto}.quiz__step-progress-bar{--fill-color: var(--quiz-color-lime);display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.quiz__step-progress-bar__track{--height: .8rem;--bg-color: var(--quiz-color-white);position:relative;flex:1;height:var(--height);background:var(--bg-color);border-radius:var(--radius-full);overflow:hidden}.quiz__step-progress-bar__label{color:var(--quiz-color-white);white-space:nowrap;flex-shrink:0}.quiz__next-btn--inverted{--bg-color: var(--quiz-color-white);--text-color: var(--quiz-color-dark-text);background:var(--bg-color);color:var(--text-color)}.quiz__step-progress-bar__fill{width:var(--progress);height:100%;background:var(--fill-color);border-radius:var(--radius-full);transition:width var(--duration-medium) ease;position:absolute}.quiz__step-progress-bar__fill:empty{display:flex}.quiz__step-progress-bar__loader-dot{opacity:0}.quiz__step-progress-bar__loader-dot:nth-child(2){animation:dots 1.5s infinite steps(1);animation-delay:0s}.quiz__step-progress-bar__loader-dot:nth-child(3){animation:dots2 1.5s infinite steps(1);animation-delay:0s}@keyframes dots{0%,20%{opacity:0}25%,to{opacity:1}}@keyframes dots2{0%,60%{opacity:0}65%,to{opacity:1}}.quiz__step-progress__button-back{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);text-decoration:none;font-size:1.6rem;padding:0;color:var(--quiz-color-white)}.quiz__step-progress__button-back--inverted{color:var(--quiz-color-dark-text)}.quiz__button{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl) var(--spacing-xl);color:var(--quiz-color-dark-text);background:var(--background, var(--quiz-color-white));border-radius:var(--radius-lg);min-width:13.5rem}.quiz__button.btn:hover{background-color:var(--quiz-color-lime);color:var(--quiz-color-dark-text)}.quiz__button--with-image{padding:var(--spacing-xl) var(--spacing-xl);aspect-ratio:1/1}.quiz__button img{max-height:6.3rem;max-width:5.6rem;height:auto}.quiz__input-wrapper{position:relative}.quiz__input{height:5.6rem;border:.15rem solid var(--quiz-color-white);font-weight:var(--text-medium);text-align:center}.quiz__input.input--email{background-image:none;padding-left:var(--spacing-lg)}.quiz__step-wrapper{width:80rem;max-width:100%;margin:0 auto}.quiz__step .btn--secondary{width:30rem;margin:0 auto;max-width:100%}.quiz__step .btn--secondary:hover{border:.1rem solid var(--quiz-color-white)}.quiz__input-wrapper:has(input[type=text]),.quiz__input-wrapper:has(input[type=email]),.quiz__input-wrapper:has(input[type=tel]),.quiz__input-wrapper:has(.input--breed_selector){width:100%}.quiz__input-wrapper:has(.input--breed_selector){color:var(--quiz-color-dark-text)}.quiz__input-wrapper:has(.input--breed_selector) .quiz__input{text-align:left}.quiz__input-wrapper:has(input[type=text]) .quiz__input,.quiz__input-wrapper:has(input[type=email]) .quiz__input,.quiz__input-wrapper:has(input[type=tel]) .quiz__input,.quiz__input-wrapper:has(.input--breed_selector) .quiz__input{width:100%}.quiz__input[type=number]{width:7.2rem}.quiz__input.input:focus,.quiz__input.input:focus:focus-visible{box-shadow:none;border:.15rem solid var(--quiz-color-lime)}.quiz__input::placeholder{color:var(--quiz-color-dark-text-40);font-weight:var(--text-medium);text-align:center}.quiz__input-wrapper:has(.input--breed_selector) .quiz__input::placeholder{text-align:left}.quiz__banner{gap:var(--spacing-lg);background-color:var(--quiz-color-beige);border-radius:var(--radius-xl);align-items:center}.quiz__animated-image{position:absolute;visibility:visible;z-index:0;height:auto;will-change:transform;display:block;width:var(--width)}.quiz__animated-image img{height:auto;display:block;max-width:100%;width:var(--width)}.quiz__animated-image--top{top:0}.quiz__animated-image--right{right:calc(var(--spacing-xl) * -1);transform:translate(100%)}.quiz__animated-image--left{left:calc(var(--spacing-xl) * -1);transform:translate(0)}.quiz__checkbox{display:flex;align-items:center;gap:var(--spacing-lg);cursor:pointer}.quiz__checkbox__input{position:absolute;opacity:0;width:0;height:0}.quiz__checkbox__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.7rem;height:2.7rem;border-radius:var(--radius-xs);border:.15rem solid var(--quiz-color-white);color:transparent;overflow:hidden;transition:background var(--duration-default),color var(--duration-default)}.quiz__checkbox__box .icon-checkmark{width:75%;height:75%}.quiz__checkbox__input:checked+.quiz__checkbox__box{background:var(--quiz-color-lime);border-color:var(--quiz-color-lime);color:var(--quiz-color-dark-text)}.quiz__checkbox__label{color:var(--quiz-color-white)}.quiz__pills{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.quiz__pill{display:inline-flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--quiz-color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;overflow:hidden;transition:background var(--duration-default),color var(--duration-default);color:var(--quiz-color-dark-green)}.quiz__pill__input{position:absolute;opacity:0;width:0;height:0}.quiz__pill__label{color:inherit;pointer-events:none}.quiz__pill:has(.quiz__pill__input:checked){background:var(--quiz-color-lime);color:var(--quiz-color-dark-text)}.quiz__image-checkbox{display:flex;flex-direction:column;align-items:center;justify-content:center;width:15rem;height:9.4rem;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-xs);background:var(--quiz-color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;overflow:hidden;transition:background var(--duration-default);color:var(--quiz-color-dark-green)}.quiz__image-checkbox--no-image{align-items:center;justify-content:center}.quiz__image-checkbox__input{position:absolute;opacity:0;width:0;height:0}.quiz__image-checkbox picture{width:var(--w);height:var(--h)}.quiz__image-checkbox img{display:block;width:100%;height:100%;object-fit:contain}.quiz__image-checkbox__label{color:inherit;pointer-events:none}.quiz__image-checkbox:has(.quiz__image-checkbox__input:checked){background:var(--quiz-color-lime)}.quiz__pills--row{--row-pill-border: #f5f5f4;--row-pill-checkbox-border: #d7d3d0;flex-direction:column;align-items:stretch;flex-wrap:nowrap;justify-content:flex-start;width:100%}.quiz__row-pill{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--quiz-color-white);border:1.5px solid var(--row-pill-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:box-shadow var(--duration-default)}.quiz__row-pill__input{position:absolute;opacity:0;width:0;height:0}.quiz__row-pill__label{flex:1;color:var(--quiz-color-dark-text);pointer-events:none}.quiz__row-pill__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.6rem;height:1.6rem;border:1.5px solid var(--row-pill-checkbox-border);border-radius:var(--radius-xs);color:transparent;transition:background var(--duration-default),border-color var(--duration-default),color var(--duration-default)}.quiz__row-pill__box .icon-checkmark{width:75%;height:75%}.quiz__row-pill:has(.quiz__row-pill__input:checked){box-shadow:0 1px 3px 0 var(--quiz-color-lime),0 1px 2px 0 var(--quiz-color-lime),0 0 0 3px var(--quiz-color-lime)}.quiz__row-pill:has(.quiz__row-pill__input:checked) .quiz__row-pill__box{background:var(--quiz-color-dark-green);border-color:var(--quiz-color-dark-green);color:var(--quiz-color-white)}.quiz__allergen-warning{padding:1.2rem 1.4rem;background:var(--quiz-color-lime);border-radius:.5rem;border:.1rem solid var(--quiz-color-lime)}.quiz__allergen-warning__body,.quiz__allergen-warning__heading{color:var(--quiz-color-dark-text);margin:0}.quiz__allergen-warning__link{color:var(--quiz-color-dark-text);text-decoration:underline;text-underline-offset:.2rem}.quiz__trustpilot{gap:var(--spacing-sm);padding:var(--spacing-lg) 0;margin-top:auto}.quiz__trustpilot__logo{display:block;width:9.1rem;height:2.2rem}.quiz__trustpilot__stars{display:block;width:9.7rem;height:1.7rem}.quiz__trustpilot__text,.quiz__trustpilot__text p{margin:0}.quiz__trustpilot--row{display:grid;grid-template-areas:"logo stars" "text text";grid-template-columns:auto auto;justify-content:center;column-gap:1.2rem;row-gap:var(--spacing-sm);padding:0}.quiz__trustpilot--row .quiz__trustpilot__logo{grid-area:logo}.quiz__trustpilot--row .quiz__trustpilot__stars{grid-area:stars}.quiz__trustpilot--row .quiz__trustpilot__text{grid-area:text}.quiz__validation-error{color:var(--quiz-color-lime);margin:0}.quiz__select-wrapper{position:relative;display:flex;align-items:center;width:100%;min-width:16rem}.quiz__select{width:100%;height:5.6rem;padding:.8rem 1.2rem;background:var(--quiz-color-white);border:.15rem solid var(--quiz-color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--quiz-color-muted);appearance:none;-webkit-appearance:none;cursor:pointer}.quiz__select-icon{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;pointer-events:none;color:var(--quiz-color-muted)}.quiz__weight-slider{display:flex;flex-direction:column;max-width:31.1rem;width:100%;margin:0 auto;gap:var(--spacing-3xl)}.quiz__weight-slider__number-wrap{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.quiz__weight-slider__number{width:7.2rem;height:5.6rem;background:var(--quiz-color-white);border:.15rem solid var(--quiz-color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);text-align:center;color:var(--quiz-color-dark-text);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.quiz__weight-slider__number::-webkit-inner-spin-button,.quiz__weight-slider__number::-webkit-outer-spin-button{-webkit-appearance:none}.quiz__weight-slider__unit{color:var(--quiz-color-white)}.quiz__weight-slider__dogs{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-xs);width:100%}.quiz__weight-slider__dogs picture{opacity:.4;transition:opacity var(--duration-medium);display:block;flex-shrink:0;width:var(--w);height:var(--h)}.quiz__weight-slider__dogs picture.quiz__weight-dog--active{opacity:1}.quiz__weight-dog{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom}.quiz__weight-slider__track-section{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.quiz__weight-slider__track{position:relative;width:100%;height:.8rem;background:var(--quiz-color-white);border-radius:var(--radius-full)}.quiz__weight-slider__fill{display:block!important;position:absolute;left:0;top:0;width:0;height:100%;background:var(--quiz-color-lime);border-radius:var(--radius-full);pointer-events:none}.quiz__weight-slider__thumb{position:absolute;top:50%;left:0;transform:translateY(-50%);width:4.3rem;height:4.3rem;background:var(--quiz-color-lime);border-radius:var(--radius-full);border:none;display:flex;align-items:center;justify-content:center;color:var(--quiz-color-dark-green);font-size:1.2rem;font-weight:700;pointer-events:none;cursor:pointer;padding:0;line-height:1}.quiz__weight-slider__thumb svg{width:2rem;transform:rotate(-90deg)}.quiz__weight-slider__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;opacity:0;cursor:pointer;height:100%;z-index:1}.quiz__weight-slider__labels{display:flex;justify-content:space-between;color:var(--quiz-color-white);margin-top:.7rem}body[data-source-handle=quiz-v0525] iframe#chat-button{display:none}.quiz__radio-list{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-lg);width:100%}.quiz__radio-pill{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--quiz-color-white);border:.15rem solid #f5f5f4;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);cursor:pointer;transition:box-shadow var(--duration-default)}.quiz__radio-pill__input{position:absolute;opacity:0;width:0;height:0}.quiz__radio-pill__label{color:var(--quiz-color-dark-text);pointer-events:none;text-align:center}.quiz__radio-pill:has(.quiz__radio-pill__input:checked){box-shadow:0 1px 3px 0 var(--quiz-color-lime),0 1px 2px 0 var(--quiz-color-lime),0 0 0 3px var(--quiz-color-lime)}.quiz__issue-tags{flex-wrap:wrap;gap:var(--spacing-lg)}.quiz__issue-tag{display:inline-flex;align-items:center;background:#17443d14;border-radius:var(--radius-full);padding:.4rem 1.6rem;font-size:1.4rem;line-height:2rem;font-weight:500;color:var(--quiz-color-dark-text)}.quiz__loader{gap:var(--spacing-xl);width:100%;max-width:48rem;margin-inline:auto}.quiz__loader__track{background-color:var(--quiz-color-white);width:100%;height:3.5rem;border:.15rem solid var(--quiz-color-white);border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;padding:.8rem}.quiz__loader__fill{display:block!important;width:0%;background:var(--quiz-color-dark-green);border-radius:var(--radius-full);height:var(--spacing-xl)}.quiz__loader--animating .quiz__loader__fill{animation:quiz-loader-fill var(--loader-duration, 3s) cubic-bezier(.4,0,.2,1) forwards}.quiz__loader__items{list-style:none;margin:0;padding:0;position:relative;min-height:2.4rem;width:100%}.quiz__loader__item{position:absolute;top:0;right:0;bottom:0;left:0;font-size:1.4rem;line-height:2rem;color:var(--quiz-color-white);text-align:center;opacity:0;transition:opacity var(--duration-medium) ease}.quiz__loader__item--active{opacity:1}@keyframes quiz-loader-fill{0%{width:0%}to{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/858/assets/section-main-quiz--v2.css.map */