.pet-quiz-section{padding:calc(var(--pq-pt) * .75) 0 calc(var(--pq-pb) * .75)}@media screen and (min-width:750px){.pet-quiz-section{padding:var(--pq-pt) 0 var(--pq-pb)}}.pet-quiz{max-width:72rem;text-align:center}.pet-quiz__kicker{margin:0 0 .8rem}.pet-quiz__intro{max-width:52rem;margin:0 auto 2.4rem}.pet-quiz__card{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:2.4rem;box-shadow:0 1rem 3rem rgba(var(--color-shadow),.08);padding:2rem 1.6rem 2.4rem;text-align:left;min-height:32rem}@media screen and (min-width:750px){.pet-quiz__card{padding:3.2rem 4rem 4rem}}.pet-quiz__bar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.6rem;margin-bottom:2.4rem}.pet-quiz__progress{height:.6rem;border-radius:1rem;background:rgba(var(--color-foreground),.1);overflow:hidden}.pet-quiz__progress i{display:block;height:100%;background:rgb(var(--color-button));transition:width .3s ease}.pet-quiz__back{min-height:4.4rem;padding:0 .4rem;background:none;border:0;font:inherit;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.pet-quiz__back:before{content:"\2190  "}.pet-quiz__title{font-family:var(--font-heading-family);font-size:clamp(2.4rem,5vw,3.2rem);line-height:1.2;margin:0 0 2.4rem;outline:none}.pet-quiz__eyebrow{margin:0 0 .4rem;font-size:1.4rem;letter-spacing:.06rem;text-transform:uppercase;color:rgba(var(--color-foreground),.7)}.pet-quiz__options{display:grid;gap:1.2rem}@media screen and (min-width:750px){.pet-quiz__options{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}.pet-quiz__option{min-height:6.4rem;padding:1.2rem 2rem;border:.2rem solid rgba(var(--color-foreground),.15);border-radius:1.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:2rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.pet-quiz__option:hover{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.08)}.pet-quiz__option:active{transform:scale(.98)}.pet-quiz__option:focus-visible,.pet-quiz__unit:focus-visible,.pet-quiz__back:focus-visible,.pet-quiz__restart:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem}.pet-quiz__weight{display:grid;gap:2rem;justify-items:center}.pet-quiz__units,.pet-quiz__levels{display:inline-flex;border-radius:3rem;background:rgba(var(--color-foreground),.06);padding:.4rem;gap:.4rem}.pet-quiz__unit{min-height:4.4rem;min-width:7.2rem;padding:0 1.6rem;border:0;border-radius:3rem;background:none;font:inherit;color:rgb(var(--color-foreground));cursor:pointer}.pet-quiz__unit[aria-pressed=true]{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.pet-quiz__weight-value{display:flex;align-items:baseline;gap:.8rem;font-family:var(--font-heading-family);font-size:4rem}.pet-quiz__weight-value input{width:14rem;text-align:center;font:inherit;color:inherit;border:0;border-bottom:.2rem solid rgba(var(--color-foreground),.3);background:none;-moz-appearance:textfield}.pet-quiz__weight-value input:focus{outline:none;border-bottom-color:rgb(var(--color-button))}.pet-quiz__weight-value input::-webkit-inner-spin-button{-webkit-appearance:none}.pet-quiz__weight input[type=range]{width:100%;max-width:48rem;accent-color:rgb(var(--color-button));height:4.4rem}.pet-quiz__next,.pet-quiz__add{width:100%;max-width:48rem;min-height:5.2rem}.pet-quiz__result{display:grid;gap:2.4rem}@media screen and (min-width:750px){.pet-quiz__result{grid-template-columns:24rem 1fr;align-items:start}}.pet-quiz__image{width:100%;max-width:20rem;height:auto;margin:0 auto;border-radius:1.6rem;background:rgba(var(--color-foreground),.04)}.pet-quiz__detail{display:grid;gap:1.2rem;justify-items:start}.pet-quiz__amount{margin:0;font-family:var(--font-heading-family);font-size:4rem;line-height:1.1;color:rgb(var(--color-button))}.pet-quiz__mg,.pet-quiz__how,.pet-quiz__note{margin:0}.pet-quiz__note{padding:1.2rem 1.6rem;border-radius:1.2rem;background:rgba(var(--color-button),.1)}.pet-quiz__subscribe{display:flex;align-items:center;gap:1rem;min-height:4.4rem;cursor:pointer}.pet-quiz__subscribe input{width:2.2rem;height:2.2rem;accent-color:rgb(var(--color-button))}.pet-quiz__added{margin:0;font-weight:700}.pet-quiz__added a{color:rgb(var(--color-foreground))}.pet-quiz__error{margin:0;color:rgb(var(--color-foreground));font-weight:700}.pet-quiz__link{min-height:4.4rem;display:inline-flex;align-items:center;color:rgb(var(--color-foreground))}.pet-quiz__disclaimer{margin:2.4rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.pet-quiz__restart{margin-top:.8rem;min-height:4.4rem;padding:0;background:none;border:0;font:inherit;color:rgb(var(--color-foreground));text-decoration:underline;cursor:pointer}@media(prefers-reduced-motion:reduce){.pet-quiz__progress i,.pet-quiz__option{transition:none}}@media screen and (min-width:750px){.pet-quiz__image{max-width:28rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/pet-quiz.css.map */