[v-cloak]{display:none!important}.smart-feeder-container{position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:column;margin:0 auto 50px;background-color:#7d974f;background-image:url(bg_grass-texture.png);gap:2em;padding:4em 1em;text-align:center;border-radius:3px;z-index:1;color:#f1f1f1}.smart-feeder-main-title{color:#f1f1f1}.feeding-form{display:flex;align-items:center;flex-direction:column;gap:20px;z-index:1}.smart-feeder-container fieldset{text-align:center;border:none}.smart-feeder-subheading{font-size:24px}.feeder-input-container{border-radius:100%;cursor:pointer;display:flex;justify-content:center}.feeder-input-container:hover{filter:brightness(90%)}.feeder-option-inner{cursor:pointer;font-size:1em;display:flex;flex-direction:column;width:150px;align-items:center;justify-content:flex-end;gap:20px}.feeder-option-inner-label{cursor:pointer;font-size:1em;background:var(--brand-color-1);color:#f1f1f1;font-weight:700;text-align:center;border-radius:26px;padding:5px 20px;border:3px solid #f1f1f1;-webkit-appearance:none;appearance:none}.feeder-selected{background:var(--brand-color-6)}.smart-feeder-container input[type=radio i]{-webkit-appearance:none;appearance:none}.smart-feeder-nav{border-radius:26px;background:#f1f1f1;padding:3px;width:500px;display:flex;justify-content:space-between;align-items:center;text-align:center;font-family:var(--ui-display-heading-font);gap:3px;z-index:1;margin-bottom:0;list-style-type:none}.smart-feeder-nav-item{width:25%;background:var(--brand-color-1);color:#f1f1f1;cursor:pointer;display:flex;justify-content:center;align-items:center}.smart-feeder-nav-item:hover{filter:brightness(125%)}.smart-feeder-nav-item:focus{filter:brightness(125%)}.smart-feeder-nav-item:first-child{border-radius:26px 0 0 26px}.smart-feeder-nav-item:last-child{border-radius:0 26px 26px 0}.feeder-nav-selected{filter:brightness(125%)}.feeder-nav-no-cursor{cursor:not-allowed}.smart-feeder-nav-btn{background-color:transparent;border:none;font-size:18px;font-weight:500;color:#f1f1f1}.calculate-btn{background-color:var(--brand-color-1);color:#f1f1f1;align-items:center;justify-content:center;padding:12px 30px;font-family:var(--Font_Family-headings);font-size:20px;font-weight:600;text-align:center;border:3px solid #f1f1f1;border-radius:100px;cursor:pointer;overflow:hidden}.productName{color:#f1f1f1}.age-options{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:800px;padding-top:18px}.feeder-options-heading{font-family:var(--Font_Family-headings);font-size:32px}.feeder-weight-options input{margin:14px 0;background:#f1f1f1;border-radius:26px;font-size:18px;font-weight:700;text-align:center;border:3px solid var(--brand-color-1)}.feeder-weight-options{display:flex;flex-direction:column;align-items:center}.feeder-weight-input{display:flex;align-items:center}.feeder-weight-input-btn{background:var(--brand-color-1);border-radius:100%;width:40px;height:40px;color:#f1f1f1;cursor:pointer;border:none}.weight-input-postfix+span:after{content:"kg";width:22px;height:22px;display:inline-block;position:relative;right:39px}.puppy-age-input>input[type=number]+span:after{content:"months";width:62px;display:inline-block;position:relative;right:79px}.puppy-age-input-postfix{width:12px}.feeding-label-info{font-style:italic}.feeding-output{display:flex;justify-content:center;align-items:center;flex-direction:column;color:var(--ui-display-heading-color);border-radius:var(--card-border-radius);background:#e4d9c5;padding:28px;gap:28px}.simple-output-box{display:flex;justify-content:center;align-items:center;gap:10px}.feeder-output-table{border-radius:3px;background:#f1f1f1;border:1px solid #f1f1f1;margin-bottom:7px;max-width:900px;color:var(--ui-color-0);width:100%}.feeder-dry-wet-mix-table{width:600px}.show-hide-dry-wet{font-family:var(--Font_Family-headings);font-size:22px;background:var(--ui-display-heading-color);color:#f1f1f1;border-radius:3px;padding:5px 14px;margin-top:28px;margin-bottom:28px}.feeder-first-column-cells{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.feeder-output-table th{font-family:var(--Font_Family-headings);font-size:18px;font-weight:700;padding:10px 5px}.feeder-output-table td{font-size:14px;padding:20px 10px}.feeder-header-row{background:var(--ui-display-heading-color);color:#f1f1f1}.feeder-output-headers{display:flex;gap:1em;flex-direction:column;align-items:center}.feeder-output-heading{font-size:24px}.output-grams{font-weight:700;color:var(--brand-color-1);filter:brightness(1.5);margin:0;padding:0}.output-grams-table{font-weight:700;color:var(--ui-color-0);margin:0;padding:0}.feeder-best-value{background:var(--brand-color-4);color:#f1f1f1;font-size:14px;padding:3px;border-radius:3px}.feeder-table-add-btn{background:var(--brand-color-6);color:#f1f1f1;border-radius:100px;padding:5px 12px;border:none;margin-top:3px;cursor:pointer;font-weight:600}.feeder-unavailable{opacity:.5;cursor:not-allowed}.feeder-table-mobile{display:none}.feeder-loading-gif{width:220px;border-radius:100%}.feeder-weight-img{width:300px}.variant-results-container{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center}.exclude-title{width:100%;margin-bottom:14px}.feeder-strikethrough{text-decoration:line-through}.feeder-table-title{font-size:16px}.variant-img{width:85px}@media only screen and (max-width: 540px){.feeding-output{flex-direction:column;gap:0px;padding:10px}.feeder-loading-gif{margin-bottom:14px}.feeder-option-inner{width:124px}.simple-output-box{flex-direction:column}.feeder-output-heading{font-size:18px}.feeder-options-heading{font-size:22px}.show-hide-dry-wet{font-size:18px;font-weight:500}.feeder-output-table th{font-size:14px;font-weight:500}.feeding-label-info,.feeder-table-title{font-size:14px}.feeder-best-value{font-size:12px}}@media only screen and (max-width: 700px){.feeder-table-mobile{display:revert}.feeder-table-desktop{display:none}.feeder-output-table{width:100%}.smart-feeder-container{padding:50px 20px;min-height:auto}.exclude-title{padding:1em;margin-bottom:0}.smart-feeder-title{font-size:38px}.smart-feeder-subheading{font-size:18px}}@media only screen and (max-width: 420px){.simple-output-box{padding:1em}.smart-feeder-subheading{padding:0 10px}.smart-feeder-nav{width:330px}}@media only screen and (min-width: 700px){.smart-feeder-container{gap:2em}.smart-feeder-subheading{width:70%}.output-grams-table{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/smart-feeding-calculator.css.map */
