.nutrientCalcCtn{padding:var(--p);max-width:var(--maxwidth);margin:0 auto;display:none;overflow:hidden}.nutrientCalcCtn .nutrientLeft h1,.nutrientCalcCtn .nutrientLeft .btn.clear,.resultsAndSearchCtn{opacity:0;transform:translateY(40px);transition:all .5s var(--cEaseInOut)}.nutrientCalcCtn .calcCell input,.nutrientCalcCtn .calcCell select{width:100%}.nutrientLeft>p{opacity:0;margin-top:20px;max-width:650px;transform:translateY(40px);transition:all .5s var(--cEaseInOut)}.nutrientLeft .calcCell{opacity:0;transform:translateY(40px);transition:all .5s var(--cEaseInOut)}.nutrientRight{display:flex;justify-content:space-between;margin-top:70px}.nutrientRight>div{width:49%}.vitaminsFlex h2,.mineralsFlex h2{transform:translateY(40px);opacity:0;font-weight:600;margin-bottom:20px}.calcCell{display:flex;flex-direction:column;margin-bottom:20px}.singleNutrient{transform:translateY(40px);opacity:0}#nutrientForm{width:50%}.calcCellFlex{display:flex;justify-content:space-between}.calcCellFlex .calcCell{width:48%}.calcCell label{font-weight:500;font-size:16px;display:block;margin:0 0 10px}.calcCell input,.calcCell select{padding:10px;font-size:16px;display:block;background:#f5f5f5;border:1px solid black;border-radius:5px}.nutrientCalcQuestionsCtn{display:flex;justify-content:center;align-items:center;padding:var(--p);width:100%;height:calc(100vh - var(--headerHeight));position:relative;overflow:hidden;opacity:0;transition:opacity 1s ease}.quizFormCtn{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.quizFormCtn h1{font-size:60px}.quizFormCtn p{margin-top:20px}#calculating{opacity:0;visibility:hidden;transition:all .5s ease}#calculating.active{opacity:1;visibility:visible}.formQuestionCtn{position:absolute;width:100%;padding:40px;border:3px solid black;overflow:hidden;background:#fff;border-radius:10px;max-width:1050px;opacity:0;transform:translate(40px);visibility:hidden;transition:all .5s var(--cEaseInOut)}.formQuestionCtn.active{opacity:1;transform:translate(0);visibility:visible}.questionIndex{position:absolute;top:40px;right:40px}.formCellButtons{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.formQuestionCtn .formCell{display:flex;flex-direction:column;margin-top:50px}.formQuestionCtn .formCell label{display:block;margin-bottom:10px;font-weight:500}.formCellInput{font-size:16px;padding:10px;background:#f5f5f5;border:1px solid black;border-radius:5px}.formCellCheckbox{display:flex;align-items:center;margin-bottom:10px}.formCellCheckbox label{margin:0!important;cursor:pointer}.formCellCheckbox input{position:relative;display:flex;justify-content:center;align-content:center;margin-right:10px;width:20px;height:20px;background:#fff;padding:2px;border-radius:5px;cursor:pointer;-webkit-appearance:none;appearance:none;border:2px solid black}.formCellCheckbox input:after{background:#fff;content:"";border-radius:3px;width:100%;height:100%;transition:background .2s ease}.formCellCheckbox input:checked:after{background:var(--primary)}.singleNutrient{background:#f7f7f7;border-radius:10px;margin-bottom:25px}button.faqButton,.faqSubButton{padding:0 20px}.nutrientAnswer,.nutrientSubAnswer{padding:0 20px;max-height:0;overflow:hidden;font-weight:300;line-height:26px;width:100%;transition:max-height .5s ease,padding .5s ease}.nutrientSubAnswer ul{margin:0;padding:0 20px;list-style:decimal}.nutrientSubAnswer ul li{padding:10px 0}.nutrientSubAnswer ul li .subNutrientFlex{display:flex;justify-content:space-between;align-items:center}.nutrientSubAnswer ul li:not(:last-child){border-bottom:1px solid #ebebeb}.nutrientSubAnswer p{margin:0}.subNutrient{background:#fff;border-radius:10px}.subNutrient>div>div{padding:0}.subNutrient{margin-bottom:20px}.listFlexRight,.listFlexInternal{display:flex;flex-direction:column;align-items:center}.faqButton div{display:flex;align-items:center}.faqButton div span{margin-right:10px}.faqAnswer ul{list-style:circle;padding-left:20px}button.faqButton,.faqSubButton{width:100%;height:75px;border:none;color:#000!important;background:none;font-family:var(--Montserrat);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faqButton span,.faqSubButton span{font-size:18px;font-weight:400;transition:font-weight .5s ease}.faqButton svg,.faqSubButton svg{transform:rotate(0);will-change:transform;transition:transform .5s ease}.faqAnswer{padding:0;max-height:0;overflow:hidden;font-weight:300;line-height:26px;width:95%;transition:max-height .5s ease,padding .5s ease}.singleFaq:hover svg{transform:rotate(15deg)}.singleNutrient.active .faqButton svg,.subNutrient.active .faqSubButton svg{transform:rotate(180deg)}.baseUse{margin-bottom:20px}.listFlexInternal>span:first-child{font-weight:300;color:#757575}.nutrientFlexSpan{font-weight:600}.nutrientFlexSpan span{color:#757575;font-weight:300}.overall{font-weight:500}.resultsAndSearchCtn{margin:70px 0 0;max-width:350px}.resultsSubhead{font-weight:600;margin-bottom:20px}.searchButtonsFlex{display:flex;margin-top:25px}.searchButtonsFlex button:first-child{margin-right:15px}.searchCtn input{background:#f5f5f5;border:1px solid black;border-radius:5px;font-size:16px;padding:10px;margin-top:10px;width:100%}.selectCtn select{width:100%}@media screen and (max-width:1100px){.quizFormCtn h1{font-size:42px;width:90%}.quizFormCtn .formCellButtons{flex-direction:row}.formQuestionCtn{padding:30px}.selectCtn{position:relative}.selectCtn select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;border:1px solid #000;background-color:#f9f9f9;color:#000}.selectCtn:after{content:url(/cdn/shop/files/SelectDrop.svg?v=1741510197);width:11px;z-index:1;position:absolute;top:50%;right:10px;pointer-events:none;transform:translateY(-51%)}.questionIndex{top:30px;right:30px}#nutrientForm{width:100%}.nutrientRight{flex-direction:column}.nutrientRight>div{width:100%}.subNutrientFlex>span:first-child{width:40%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/nutrientCalculator.css.map */