.feeding-calcultor{background:#fff}.step-getting-started{position:relative;padding:0;text-align:center;background:#f2e5d2}.background-image>img{width:100%}.getting-started__inner{position:absolute;top:auto;left:50%;width:calc(100% - 36px);transform:translate(-50%,-50%);max-width:860px;margin:0 auto;bottom:-50px}.getting-started__inner .heading__bar>*+*{margin:20px 0;font-size:20px}.getting-started__inner,.getting-started__inner h2{color:#fff}@media screen and (min-width: 750px){.getting-started__inner{top:25%;bottom:auto}.getting-started__inner h2{font-size:64px}.getting-started__inner .heading__bar>*+*{margin:24px 0;font-size:22px}}@media screen and (max-width: 425px){.getting-started__inner h2{font-size:9vw}.feeding-calcultor .steps__bar{padding:20px 15px}.feeding-calcultor .steps__bar>ul{column-gap:24px}.feeding-calcultor .steps__bar>ul>li:not(:last-child) .number-dots:after{width:16px}}@media screen and (min-width: 750px) and (max-width: 989px){.getting-started__inner{top:35%}.getting-started__inner h2{font-size:64px}.getting-started__inner .heading__bar>*+*{margin:24px 0;font-size:22px}}h2,h3{font-family:var(--heading-font-family);color:#252b63;font-style:normal;font-weight:700;line-height:120%;letter-spacing:.4px}h2{font-size:44px}h3{font-size:28px}h3.large{font-size:36px}p{font-size:20px;line-height:120%}.heading__bar>*+*{margin-top:28px}.js-continue__button:not(.getting-start){position:relative;display:inline-flex;padding:16px 24px;justify-content:center;align-items:flex-start;gap:138px;background:#e5bc89;border:1px solid #E5BC89;border-radius:28px;color:#252b63;text-align:center;font-size:22px;font-style:normal;font-weight:400;line-height:22px;letter-spacing:.088px;width:100%;max-width:500px}.js-continue__button>svg{position:absolute;right:24px}button.js-continue__button.button--secondary{justify-content:center;margin-top:10px;border:1px solid rgba(37,43,99,.25);background:transparent}.steps__bar{max-width:1562px;padding:32px;margin:0 auto;background:#f7f7f7;border-radius:10px}.steps__bar>ul{margin:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:100px}.number-dots{position:relative;width:24px;height:24px;background:#bbb;color:#fff;font-weight:700;border-radius:24px}.steps__bar>ul>li{padding:0}.steps__bar>ul>li:not(:last-child) .number-dots:after{content:"";height:2px;background:#bbb;width:90px;position:absolute;top:50%;transform:translate(29px,-50%);left:0}.number-dots.active{background:#252b63}.number-dots.completed,.steps__bar>ul>li:not(:last-child) .number-dots.completed:after{background:#8a9cdd}.calculator-js__steps:not(.active),.step-getting-started:not(.active),.calculator-main-step__block:not(.active){display:none}.calculator-main-step__block{padding:50px 0}.calculator-step-block{max-width:500px;margin:50px auto;display:grid;row-gap:48px}.calculator-step-block.calculator-step__large{max-width:1000px}.calculator-final-stage{max-width:1000px;margin:auto;padding:50px 0}.logo-line{display:grid;grid-template-columns:auto 1fr;gap:10px}.logo-line>img{max-width:200px}.hrline{background:#e8aa5f;height:16px;margin-top:8px}.input-fields{width:100%;background:#faf2e7;padding:15px 20px;border-radius:10px;font-size:20px;font-weight:700;color:#252b63;min-height:64px}.input-fields::placeholder{font-weight:300}.block-heading{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.block-heading.large{display:block}.block-heading.center{justify-content:center}.span-approximately{color:#333;font-size:18px;font-style:normal;font-weight:200;line-height:120%;font-family:gilroy}.fields-radio__option{display:grid;gap:10px;padding-top:20px}.fields-radio__option.column-one-half{grid-template-columns:1fr 1fr}.fields-radio__option.column-one-third{grid-template-columns:1fr 1fr 1fr}.fields-radio__option.column-one-fourth{grid-template-columns:1fr 1fr 1fr 1fr;gap:14px}.radio-button,.radio__field{position:relative}.svg-images{cursor:pointer;position:relative;margin-bottom:8px}.svg-images>svg{transition:all .35s ease-out}.hover-svg{position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;opacity:0}.svg-images:hover .hover-svg{visibility:visible;opacity:1}.svg-images:hover .normal-svg{visibility:hidden;opacity:0}.radio-button>input,.radio__field>input{position:absolute;visibility:hidden;opacity:0}.radio-button>label{display:flex;height:60px;background:#f7f7f7;border:4px solid #F7F7F7;align-items:flex-end;border-radius:10px}.radio-button>label.label--radio{min-height:60px;padding:15px 7px;align-items:center;justify-content:center;height:auto;text-align:center}.column-one-third .radio-button>label{justify-content:center}.pet-size-svg{display:grid;justify-content:center;gap:16px;margin-bottom:12px;grid-template-columns:1.5fr 1fr 1.5fr}.pet-size-svg>img{margin:0 auto;max-width:max-content}.radio-button>input:checked+label{border:4px solid #A7B6EA;background:#8a9cdd66}.radio-button>input:checked+label[for=pet-type-cat],.radio-button>input:checked+label[for=skinny-underweight]{border:4px solid #BD833D;background:#e5bc89cc}.radio-button>input:checked+label[for=normal-ideal]{border:4px solid #A6C521;background:#c8e25ab2}.radio-button>input:checked+label[for=obese-overweight]{border:4px solid #B7B7B7;background:#d7d7d7}.radio-button>label>span{height:52px;display:flex;align-items:center;width:120px;justify-content:center;color:#252b63;font-size:22px;font-style:normal;font-weight:400;line-height:120%}.radio-button>label.label--radio>span{height:auto;width:auto;font-size:18px}.step-bottom__button{margin:72px auto auto;max-width:500px;width:100%}.js-continue__button.disabled{opacity:.5;pointer-events:none}.input-fields:focus{outline:none}.button-select__option{min-height:64px;width:100%;background:#faf2e7;border-radius:10px;padding:15px 20px;-webkit-appearance:none;-moz-appearance:none;color:#252b63;font-family:gilroy;font-size:22px;font-style:normal;font-weight:400;line-height:120%;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.select-options{position:relative}.fields-select__option+.fields-select__option{margin-top:48px}.custom-dropdown{position:absolute;background:#f7f7f7;width:100%;top:calc(100% + 10px);margin:0;list-style:none;border-radius:10px;z-index:1;display:none;max-height:285px;overflow-y:auto}.select-options.active .custom-dropdown{display:block}.custom-dropdown>li{padding:0}.select-option__value{position:relative;color:#333;font-family:gilroy;font-size:22px;font-style:normal;font-weight:400;line-height:120%;width:100%;text-align:left;padding:15px 20px;transition:all .35s ease-out}.select-option__value:not(.last):after{position:absolute;bottom:0;width:calc(100% - 40px);height:1px;background:#d9d9d9;content:"";left:20px}.select-option__value:hover{background-color:#eee}.fields-with-radio{display:grid;grid-template-columns:1fr auto auto;gap:8px}.radio__field .radio-button{font-weight:100;min-width:64px;height:64px;display:flex;padding:20px;align-items:center;justify-content:center;background:#fbf2e7;font-size:22px;color:#252b63;border-radius:10px}.radio__field>input:checked+.radio-button{background:#e5bc89;font-weight:700}.image-with-text__column{display:grid;grid-template-columns:auto 1fr;gap:56px}.calculator-step-block.calculator-step__small{max-width:890px}.content-headings{display:grid;gap:10px;margin-bottom:24px}.fields-with-radio+.fields-select__option{margin-top:48px}.content-headings p{color:#333;font-size:18px;font-style:normal;font-weight:200;line-height:120%}.last-step-content p{color:#666;font-size:20px;font-style:normal;font-weight:400;line-height:120%}.last-step-content>p:last-child{color:#4b67cd;margin-bottom:8px}.last-step__gif>p{background:#f0f3fc;color:#4b67cd;font-family:gilroy;font-size:18px;font-style:normal;font-weight:400;line-height:120%;padding:20px;border-radius:10px;margin-top:8px}.last-step__bottom p{color:#666;font-style:normal;font-weight:400;line-height:120%;font-size:22px}.last-step__bottom{margin-top:56px;margin-bottom:20px}.terms-checkbox__label{display:grid;grid-template-columns:auto 1fr;gap:10px}.terms-checkbox__label>p{color:#666;font-size:18px;font-weight:200;line-height:120%;letter-spacing:1px}.terms-checkbox__label>p>a{color:#333;font-size:18px;font-weight:600;line-height:120%;text-decoration-line:underline}.teams-checkbox{margin-top:28px}.checkbox-styling{width:24px;height:24px;display:flex;border:1px solid #979797;border-radius:8px;align-items:center;justify-content:center}.icon-check{display:none}#terms-checkbox{visibility:hidden;opacity:0;display:none}#terms-checkbox:checked+label .checkbox-styling{background-color:#c8e25a;border-color:#c8e25a}#terms-checkbox:checked+label .checkbox-styling .icon-check{display:block}.calculator-result-data{position:relative;padding:48px;background:#fcf8f3;margin-top:20px}.corner-svg{position:absolute;right:0;top:0}.calculator-result-data>h3{margin-bottom:16px}.calculator-result-data__column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.pet-type-dog .svg-images.for-cat,.pet-type-cat .svg-images.for-dog{display:none}.column{background:#fff;padding:20px;border-radius:10px}.option-name{color:#666;font-size:22px;font-weight:400;line-height:120%}.option-value{font-family:Proxima Sera;color:#4763c9;font-size:24px;font-weight:700;line-height:120%;letter-spacing:.4px;margin-top:15px}.overweight-column{padding:20px;background:#fff;margin-top:10px;border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:30px}.list-color__column span{width:50px;height:44px;display:inline-block;border-radius:10px}.list-color__column p{color:#666;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.list-color__column{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;max-width:440px;margin:0 auto}.list-color__column>div>div{display:flex;gap:5px;margin-bottom:16px}.list-color__column>div{opacity:.2}.active-color-1 .column-first,.active-color-2 .column-second,.active-color-3 .column-third,.active-color-4 .column-fourth{opacity:1}.active-color-1 .column-first span,.active-color-2 .column-second span,.active-color-3 .column-third span,.active-color-4 .column-fourth span{box-shadow:#64646f33 0 7px 29px}.overweight-color>h2{color:#4763c9;text-align:center;font-size:40px;font-style:normal;font-weight:700;line-height:120%;margin-top:50px;margin-bottom:30px}.body-condition__info{background:#fcf8f3;border-radius:10px;margin-top:20px;padding:20px 24px}.body-condition__info>p{color:#333;font-size:18px;font-weight:300;line-height:120%}.btn-learn__more{color:#4763c9;font-size:18px;font-style:normal;font-weight:400;line-height:120%;text-decoration-line:underline}.calculator-final__result{margin-top:40px}.calculator-final__result-data{padding:35px 0;position:relative;background-image:url(/cdn/shop/files/new.png?v=1720428801);background-size:contain;background-repeat:no-repeat;background-position:center center;margin:10px 0}.result-data{max-width:max-content;margin:0 auto;text-align:center}.calculator-diclaimer__content{padding:20px;background:#fff}.column-first span{background:#e5bc8999}.column-second span{background:#c8e25a}.column-third span{background:#c9d2f1}.column-fourth span{background:#f5b59a}.column-first span:first-child{border-radius:100% 10px 10px 100%}.column-fourth span:last-child{border-radius:10px 100% 100% 10px}.image-with__links>.image>svg{position:absolute;bottom:0;left:0}.image-with__links{position:relative;display:grid;gap:16px;background:#e2e8fb;grid-template-columns:230px auto;align-items:center;padding:30px 0}.calculator-diclaimer__content>p{max-width:590px;margin:0 auto;text-align:center}.content-links>ul>li{position:relative;display:inline-block;padding:0;opacity:.7;font-size:16px;font-style:normal;font-weight:400;line-height:120%}.content-links>ul>li:not(:last-child):after{content:"|";position:absolute;right:-20px}.content-links>p{color:#252b63;font-size:18px;font-weight:400;line-height:120%;margin-bottom:12px}.content-links>p>a{color:#4763c9;font-size:16px;font-weight:400;line-height:120%;text-decoration-line:underline;margin-left:16px}.content-links>ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;gap:40px}.svg-column-right img{display:none}.pet-type-dog[data-pet-type="Skinny / Underweight"] .dog-skiny,.pet-type-dog[data-pet-type="Normal / Ideal"] .dog-normal,.pet-type-dog[data-pet-type="Slightly Overweight"] .dog-slightly,.pet-type-dog[data-pet-type="Obese / Overweight"] .dog-obese,.pet-type-cat[data-pet-type="Skinny / Underweight"] .cat-skiny,.pet-type-cat[data-pet-type="Normal / Ideal"] .cat-normal,.pet-type-cat[data-pet-type="Slightly Overweight"] .cat-slightly,.pet-type-cat[data-pet-type="Obese / Overweight"] .cat-obese{display:block}.pet-type-cat .steps__bar>ul>li:nth-child(7),.pet-type-cat .steps__bar>ul>li:nth-child(6)>button:after{display:none}.pet-type-cat .for-medium-dog,.pet-type-cat .for-large-dog,.pet-type-dog.pet-size-small .for-medium-dog,.pet-type-dog.pet-size-small .for-large-dog,.pet-type-dog.pet-size-medium .one-twelth,.pet-type-dog.pet-size-medium .for-large-dog,.pet-type-dog.pet-size-large .one-twelth,.pet-type-dog.pet-size-large .for-medium-dog,.pet-type-dog.pet-size-large .for-small-dog,.pet-type-dog .btn-learn__more.for-cat,.pet-type-cat .btn-learn__more.for-dog,.body--info{display:none}.active-color-1 .body--info.active-color-first,.active-color-2 .body--info.active-color-second,.active-color-3 .body--info.active-color-third,.active-color-4 .body--info.active-color-fourth{display:inline-block}.body-information__popup{position:fixed;display:none;top:0;z-index:9;bottom:0;left:0;right:0;overflow-x:auto}.body-information__popup.active{display:block}body.overflow-hidden{overflow:hidden}.popup-close__button{position:fixed;right:25px;top:10px;background:#e6bc8a;padding:15px}.image.popup-images>img{width:100%;height:100vh;object-fit:contain;background:#fff}.btn-learn__more:not(.pet-related):after{content:"learn more"}.hidden-fancy-image{display:none}@media screen and (min-width: 750px){.medium-hide{display:none}}@media screen and (min-width: 750px) and (max-width: 1023px){.steps__bar>ul{gap:80px}.steps__bar>ul>li:not(:last-child) .number-dots:after{width:70px}.fields-radio__option.column-one-fourth{grid-template-columns:1fr 1fr;max-width:500px;margin:0 auto}.image-with-text__column{gap:30px;padding:0 30px}.calculator-final-stage{padding:50px 30px}}@media screen and (max-width: 749px){.small-hide{display:none}.heading__bar>*+*{margin-top:16px}.calculator-main-step__block{padding:16px 0}.steps__bar{max-width:calc(100% - 20px);padding:20px}.steps__bar>ul{column-gap:32px;row-gap:10px}.steps__bar>ul>li:not(:last-child) .number-dots:after{width:22px}.calculator-step-block{max-width:100%;margin:40px auto;padding:0 32px}.radio-button>label>span{width:60px}.pet-size-svg{margin-bottom:4px;grid-template-columns:1fr 1.5fr 2fr}.pet-size-svg>svg{width:100%;height:auto}.fields-radio__option.column-one-third{grid-template-columns:1fr;gap:8px}.fields-radio__option.column-one-fourth{grid-template-columns:1fr 1fr;column-gap:6px;row-gap:24px}.svg-images>img,.image-with-text__column .svg-image img{width:100%;height:auto}.image-with-text__column{grid-template-columns:1fr;gap:15px}.image-with-text__column .content-headings{margin-bottom:0}.calculator-step-block[data-step=calculator-step-6]{row-gap:0px}.last-step-content>p:last-child{color:#4b67cd;margin-bottom:8px;padding:20px;background:#f0f3fc;margin-top:8px;font-size:18px;font-weight:200;border-radius:10px}.last-step__bottom{margin-top:48px}.calculator-final-stage{padding:16px 32px}.calculator-result-data{padding:24px 24px 70px}.corner-svg{display:none}.calculator-result-data__column{grid-template-columns:1fr;gap:8px}.list-color__column span{width:37px;height:32px}.calculator-body__condition{margin-left:-24px;margin-right:-24px;border-radius:0;margin-top:24px}.calculator-body__condition .overweight-column{border-radius:0}.content-column-left{margin-left:-24px;margin-right:-24px}.overweight-column{grid-template-columns:1fr;gap:16px;padding-left:24px;padding-right:24px}.overweight-color>h2{margin-top:24px}.list-color__column span{width:50%;max-width:37px}.list-color__column .column-first span{width:33.33%;max-width:37px}.svg-column-right{margin-left:-24px;margin-right:-24px;background:#fbf2e7;border-radius:10px}.svg-column-right img{margin:0 auto}.calculator-final__result{padding:24px 24px 16px;text-align:center;margin-top:0}.calculator-final__result-data{background-position:-10px 0px;margin:0;padding-top:60px}.calculator-diclaimer__content{padding:20px;background:#fcf8f4}.image-with__links{grid-template-columns:1fr;padding:20px;gap:0}.image-with__links>.image>svg{position:relative;margin:-80px auto 0}.content-links>p{text-align:center}.content-links>p>a{display:block;margin-top:10px}.content-links>ul{justify-content:center;gap:0;margin-top:20px}.content-links>ul>li:not(:last-child):after{display:none}}@media screen and (min-width: 320px) and (max-width: 419px){div[data-step=calculator-step-1] .radio-button>label>svg{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/custom-pet-feeding-calculator.css.map */