.food-calculator{position:relative;width:100%;max-width:65rem;padding:0;background-color:var(--colour-tint-baby-blue)}.food-calculator .drawer__header{padding:var(--layout-space-8);background-color:var(--colour-tint-baby-blue)}.food-calculator .drawer__heading{font-size:var(--text-size-lg);text-transform:uppercase}@media screen and (min-width:750px){.food-calculator .drawer__header{padding:var(--layout-space-16)}.food-calculator .drawer__heading{font-size:var(--text-size-3xl)}}.food-calculator .drawer__header .drawer__close{position:relative;width:var(--layout-space-16);height:var(--layout-space-16);min-width:var(--layout-space-16);min-height:var(--layout-space-16);right:0;top:0}.food-calculator .drawer__header .drawer__close svg{width:100%;height:100%;color:var(--colour-primary-teal)}.food-calculator .drawer__content{display:flex;flex-direction:column;width:100%;flex:1;overflow:hidden}.food-calculator .food-calculator__questions{flex:1;display:flex;overflow:hidden}.food-calculator .food-calculator__question{display:flex;flex-direction:column;height:100%;width:100%;min-width:100%;position:relative;transition:all var(--duration-medium);left:0;top:0}.food-calculator .food-calculator__question-inner{flex:1;padding:var(--layout-space-12) var(--layout-space-8);font-weight:var(--font-weight-semibold);font-size:var(--text-size-base);overflow:auto}@media screen and (min-width:750px){.food-calculator .food-calculator__question-inner{padding:var(--layout-space-20) var(--layout-space-16);font-size:var(--text-size-2xl)}}.food-calculator .food-calculator__question-inner strong{font-weight:var(--font-weight-heavy)}.food-calculator .food-calculator__answers .required{color:var(--colour-primary-teal)}.food-calculator .drawer__footer{border:none;background-color:var(--colour-tint-teal);padding:var(--layout-space-4) var(--layout-space-6);display:flex;gap:var(--layout-space-4)}@media screen and (min-width:750px){.food-calculator .drawer__footer{padding:var(--layout-space-8) var(--layout-space-6)}}.food-calculator .drawer__footer button{flex:1;gap:var(--layout-space-4)}@media screen and (min-width:750px){.food-calculator .drawer__footer button{gap:var(--layout-space-8)}}@media screen and (max-width:749px){.food-calculator .drawer__footer button{min-height:var(--layout-space-16)}.food-calculator .drawer__footer button.button--prev{max-width:var(--layout-space-16);padding:0;min-width:unset}.food-calculator .drawer__footer button.button--prev>span{display:none}}.food-calculator .food-calculator__tracker{display:flex;align-items:center;justify-content:space-between;margin:0 var(--layout-space-6);position:relative;overflow:hidden}@media screen and (min-width:750px){.food-calculator .food-calculator__tracker{margin:0 var(--layout-space-16)}}.food-calculator .food-calculator__tracker:before{content:"";width:100%;top:50%;transform:translateY(-50%);left:0;height:.3rem;background-color:rgba(var(--rgb-primary-teal),.4);position:absolute;z-index:1}.food-calculator .food-calculator__tracker:after{content:"";width:var(--food-calculator-tracker-width);top:50%;transform:translateY(-50%);left:0;height:.3rem;transition:all var(--duration-medium);background-color:var(--colour-primary-teal);position:absolute;z-index:2}.food-calculator .food-calculator__tracker .food-calculator__tracker-item{width:var(--layout-space-12);height:var(--layout-space-12);border-radius:50%;background-color:var(--colour-tint-baby-blue);z-index:3;position:relative}.food-calculator .food-calculator__tracker .food-calculator__tracker-item>span{z-index:4;background-color:rgba(var(--rgb-primary-teal),.4);border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-heavy);font-size:var(--text-size-base);color:var(--colour-primary-white);transition:all var(--duration-medium)}@media screen and (min-width:750px){.food-calculator .food-calculator__tracker .food-calculator__tracker-item{width:3.6rem;height:3.6rem;font-size:var(--text-size-xs)}}.food-calculator .food-calculator__tracker .food-calculator__tracker-item.active>span{background-color:var(--colour-primary-teal)}.food-calculator__answers{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--layout-space-4);margin-top:var(--layout-space-12)}@media screen and (min-width:750px){.food-calculator__answers{gap:var(--layout-space-6);margin-top:var(--layout-space-20)}}.food-calculator__answers p{font-size:var(--text-size-xs)}@media screen and (min-width:750px){.food-calculator__answers p{font-size:var(--text-size-base)}}.food-calculator__answer{padding:var(--layout-space-8) var(--layout-space-4);background-color:var(--colour-primary-white);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:var(--layout-space-6);width:calc(50% - var(--layout-space-3));font-size:var(--text-size-s);text-align:center;cursor:pointer}@media screen and (min-width:750px){.food-calculator__answer{width:calc(33.3% - var(--layout-space-4));padding:var(--layout-space-12) var(--layout-space-6);font-size:var(--text-size-base)}.food-calculator__question[data-question="1"] .food-calculator__answer,.food-calculator__question[data-question="2"] .food-calculator__answer{width:calc(50% - var(--layout-space-3))}}.food-calculator__answer img{margin-bottom:var(--layout-space-8);height:7rem;width:7rem;object-fit:contain}@media screen and (min-width:750px){.food-calculator__answer img{height:11rem;width:11rem}}.food-calculator__answer-inner{display:flex;align-items:center;gap:var(--layout-space-8)}.food-calculator__answer-inner input[type=radio]{display:none}.radio-check{border:solid .1rem var(--colour-primary-black);width:var(--layout-space-8);min-width:var(--layout-space-8);height:var(--layout-space-8);border-radius:50%;color:var(--colour-primary-white);display:flex;align-items:center;justify-content:center}.radio-check svg{display:none;width:var(--layout-space-5);height:auto}.food-calculator__answer-inner input[type=radio]:checked+.radio-check{border-color:var(--colour-primary-teal);background-color:var(--colour-primary-teal)}.food-calculator__answer-inner input[type=radio]:checked+.radio-check svg{display:block}.food-calculator__answers input[type=text],.food-calculator__answers input[type=date]{display:block;background-color:var(--colour-primary-white);border-radius:var(--layout-space-4);width:100%;border:solid .1rem var(--colour-grey-500);margin-top:var(--layout-space-4);padding:var(--layout-space-8) var(--layout-space-10);font-size:var(--text-size-xs);-webkit-appearance:none;-moz-appearance:none;appearance:none}.food-calculator__answers input[type=text]+label{display:block;margin-top:var(--layout-space-6)}.food-calculator__weight{display:flex;flex-direction:column;align-items:flex-start;gap:var(--layout-space-6);margin-top:var(--layout-space-12)}@media screen and (min-width:750px){.food-calculator__weight{flex-direction:row;align-items:center}}.food-calculator__weight label{display:block;margin-bottom:var(--layout-space-6)}.food-calculator__weight-option{flex:1;width:100%;font-size:var(--text-size-xs)}@media screen and (min-width:750px){.food-calculator__weight-option{font-size:var(--text-size-s)}}.food-calculator__weight-option select,.food-calculator__weight-option input{width:100%}.food-calculator__weight input[type=number],.food-calculator__weight select{display:block;background-color:var(--colour-primary-white);border-radius:var(--layout-space-4);width:100%;border:solid .1rem var(--colour-grey-500);margin-top:var(--layout-space-4);padding:var(--layout-space-5) var(--layout-space-10)}.food-calculator__weight select{padding:.9rem var(--layout-space-10);height:3.7rem;color:var(--colour-primary-black)}.food-calculator__results{display:flex;align-items:center;justify-content:space-between;flex-direction:column;margin-top:var(--layout-space-12);gap:var(--layout-space-4);font-weight:var(--font-weight-normal);font-size:var(--text-size-3xl)}@media screen and (min-width:750px){.food-calculator__results{flex-direction:row;margin-top:var(--layout-space-16);gap:var(--layout-space-8)}}.food-calculator__result{flex:1;width:100%;border-radius:var(--layout-space-6);background-color:var(--colour-primary-white);padding:var(--layout-space-8);display:flex;flex-direction:column;gap:var(--layout-space-8)}@media screen and (min-width:750px){.food-calculator__result{gap:var(--layout-space-12)}}.food-calculator__result>span:first-of-type{font-size:var(--text-size-s);font-weight:var(--font-weight-bold)}@media screen and (min-width:750px){.food-calculator__result>span:first-of-type{font-size:var(--text-size-base)}}.food-calculator__result>span:last-of-type{font-size:var(--text-size-base);font-weight:var(--font-weight-heavy)}@media screen and (min-width:750px){.food-calculator__result>span:last-of-type{font-size:var(--text-size-2xl)}}.food-calculator__account{background-color:var(--colour-tint-teal);padding:var(--layout-space-8) var(--layout-space-4);border-radius:var(--layout-space-6);margin-top:var(--layout-space-12);font-size:var(--text-size-xs)}@media screen and (min-width:750px){.food-calculator__account{padding:var(--layout-space-12) var(--layout-space-8);margin-top:var(--layout-space-20);font-size:var(--text-size-base)}}.food-calculator__account p{margin-top:0;margin-bottom:var(--layout-space-12)}.food-calculator__account-buttons{display:flex;flex-direction:column;gap:var(--layout-space-8);margin-top:var(--layout-space-6)}.food-calculator__account-buttons .button{width:100%}@media screen and (min-width:750px){.food-calculator__account-buttons{flex-direction:row}}.food-calculator__saved{margin-bottom:var(--layout-space-12)}.food-calculator__saved select{display:block;background-color:var(--colour-primary-white);border-radius:var(--layout-space-4);width:100%;border:solid .1rem var(--colour-grey-500);margin:var(--layout-space-4) 0;padding:var(--layout-space-8) var(--layout-space-10)}.food-calculator .formful__wrapper{max-width:100%!important;padding:0}.food-calculator .formful__form{padding-bottom:var(--layout-space-6)}.food-calculator .formful__wrapper input{display:block;background-color:var(--colour-primary-white);border-radius:var(--layout-space-4);width:100%;border:solid .1rem var(--colour-grey-500);margin:var(--layout-space-4) 0;padding:var(--layout-space-8) var(--layout-space-10)}.food-calculator .formful__field-wrapper:not([data-field-id=email]),.formful__branding{display:none!important;padding:0 1rem}.food-calculator__error{position:absolute;top:100%;left:50%;transform:translate(-50%);border-radius:var(--layout-space-12);background-color:var(--colour-primary-maroon);color:var(--colour-primary-white);padding:1rem 2rem;text-align:center;font-size:var(--text-size-s);transition:all var(--duration-medium)}.food-calculator__error.active{top:85%}.food-calculator__dob{display:block;margin-top:var(--layout-space-12)}
/*# sourceMappingURL=/cdn/shop/t/117/assets/food-calculator.css.map */