.k9-feeding-page__hero{background:linear-gradient(90deg,#0f161894,#0f161814),url(k9-feeding-amount-hero.jpg) center / cover no-repeat}.k9-feeding-page__eyebrow,.k9-feeding-page__title{color:var(--k9-color-white);font-family:inherit}.k9-feeding-page__eyebrow{margin:0 0 1rem;font-size:2.25rem;font-weight:700;line-height:1.25;letter-spacing:.01em}.k9-feeding-page__title{max-width:none;margin:0;font-size:1rem;font-weight:700;line-height:1.6;letter-spacing:0}.k9-feeding-page__content{padding-block:var(--k9-section-spacing-compact) var(--k9-section-spacing)}.k9-feeding-page__intro{margin:0 0 clamp(3rem,7vw,5rem);color:inherit;font-family:inherit;font-size:clamp(1.25rem,1rem + 1.25vw,2rem);font-weight:700;line-height:1.8;text-align:center}.k9-feeding-calculator{display:block}.k9-feeding-calculator__tabs{display:flex;justify-content:center;gap:1.875rem;padding-inline:1rem}.k9-feeding-calculator__tab{position:relative;display:flex;width:min(40%,27.8125rem);min-height:5rem;align-items:center;justify-content:center;padding:1.375rem 6.5rem 1.375rem 2rem;color:var(--k9-color-text);background:var(--k9-color-white);border:4px solid var(--k9-color-bg-cream);border-block-end:0;border-radius:1.25rem 1.25rem 0 0;font:inherit;font-size:1.125rem;font-weight:700;cursor:pointer}.k9-feeding-calculator__tab.is-active{background:var(--k9-color-bg-cream)}.k9-feeding-calculator__tab img{position:absolute;inset-inline-end:2.5rem;width:auto;max-height:4.125rem}.k9-feeding-calculator__tab:focus-visible{outline:3px solid var(--k9-color-blue-gray);outline-offset:3px}.k9-feeding-calculator__body{padding:clamp(2rem,5vw,3.75rem) 1rem;background:var(--k9-color-bg-cream);border-radius:1.25rem}.k9-feeding-calculator__panel[hidden],.k9-feeding-form__field[hidden],.k9-feeding-form__error[hidden],.k9-feeding-result[hidden]{display:none}.k9-feeding-form{max-width:40.125rem;margin-inline:auto}.k9-feeding-form__fields{display:grid;gap:0}.k9-feeding-form__field{display:grid;grid-template-columns:minmax(8rem,30%) minmax(0,70%);align-items:center;padding-block:1.5625rem}.k9-feeding-form__field>label{padding-inline-end:1.5rem;font-size:1rem;font-weight:700}.k9-feeding-form select,.k9-feeding-form input{width:100%;min-height:3.25rem;margin:0;padding:.75rem 1rem;color:var(--k9-color-text);background:var(--k9-color-white);border:1px solid transparent;border-radius:0;font:inherit;font-size:1rem}.k9-feeding-form select{padding-inline-end:3rem;cursor:pointer}.k9-feeding-form select:invalid{color:#757575}.k9-feeding-form select:focus-visible,.k9-feeding-form input:focus-visible{border-color:var(--k9-color-blue-gray);outline:2px solid var(--k9-color-blue-gray);outline-offset:2px}.k9-feeding-form__unit-control{display:flex;align-items:center;gap:.9375rem}.k9-feeding-form__unit-control input{width:9.375rem}.k9-feeding-form__error{margin:1rem 0 0;padding:.75rem 1rem;color:#8b1e1e;background:#fff5f5;border:1px solid #dca8a8;font-size:.875rem;line-height:1.6}.k9-feeding-form__actions{display:flex;align-items:center;justify-content:center;gap:1.875rem;margin-block-start:1.875rem}.k9-feeding-form__button{display:block;width:40%;max-width:23.75rem;min-height:3.5rem;padding:.75rem 1.5rem;border:1px solid var(--k9-color-button);border-radius:999px;font:inherit;font-size:1rem;cursor:pointer;transition:color var(--k9-transition-base),background-color var(--k9-transition-base),opacity var(--k9-transition-base)}.k9-feeding-form__button--clear,.k9-feeding-form__button--submit{color:var(--k9-color-white);background:var(--k9-color-button)}.k9-feeding-form__button:hover{opacity:.75}.k9-feeding-form__button:focus-visible{outline:3px solid var(--k9-color-blue-gray);outline-offset:3px}.k9-feeding-result{padding-block-start:5rem;text-align:center}.k9-feeding-result__separator{height:1.25rem}.k9-feeding-result__separator svg{display:block;width:100%;height:100%;overflow:visible}.k9-feeding-result__separator path{fill:none;stroke:#cdcdcd;stroke-width:1.5;vector-effect:non-scaling-stroke}.k9-feeding-result__amount{display:table;margin:1.25rem auto 0;padding-block-end:.375rem;border-block-end:2px solid var(--k9-color-text);font-size:clamp(1.125rem,1.05rem + .375vw,1.25rem);font-weight:700;line-height:1.6}.k9-feeding-result__amount strong{font-size:clamp(1.75rem,1.625rem + .625vw,2rem);font-weight:600;-webkit-text-stroke:.2px currentcolor}.k9-feeding-result__note{margin:1.5rem 0 0;color:var(--k9-color-text-sub);font-size:.875rem;font-weight:700;line-height:1.8}.k9-feeding-calculator__noscript{margin:1rem 0 0;color:#8b1e1e;text-align:center}@media screen and (max-width:768px){.k9-feeding-page__hero{background-position:58% center}.k9-feeding-page__eyebrow{font-size:1.75rem}.k9-feeding-page__title{font-size:.9375rem}.k9-feeding-page__content{padding-block:3rem 5rem}.k9-feeding-page__intro{margin-block-end:2.5rem;font-size:1.125rem;line-height:1.75}.k9-feeding-page__intro br{display:none}.k9-feeding-calculator__tabs{gap:.3125rem;padding-inline:.5rem}.k9-feeding-calculator__tab{width:50%;min-height:3.75rem;padding:.625rem 3rem .625rem .75rem;border-width:2px;border-block-end:0;border-radius:.9375rem .9375rem 0 0;font-size:.9375rem}.k9-feeding-calculator__tab img{inset-inline-end:.4375rem;max-width:2.5rem;max-height:2.3125rem}.k9-feeding-calculator__body{padding:1.875rem 1rem;border-radius:.9375rem}.k9-feeding-form__field{grid-template-columns:1fr;gap:.625rem;padding-block:.75rem}.k9-feeding-form__field>label{padding:0}.k9-feeding-form__unit-control input{width:7.5rem}.k9-feeding-form__actions{flex-direction:column-reverse;flex-wrap:wrap;gap:0;margin-block-start:1.875rem}.k9-feeding-form__button{width:100%}.k9-feeding-form__button--submit{margin-block-end:.625rem}.k9-feeding-result{padding-block-start:3rem}.k9-feeding-result__note br{display:none}}@media(prefers-reduced-motion:reduce){.k9-feeding-form__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/k9-feeding-amount.css.map */