.protein-calculator{display:block}.protein-calculator__grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 992px){.protein-calculator__grid{grid-template-columns:1fr 1fr;gap:30px}}.protein-calculator__card{border-radius:20px;padding:30px}@media (min-width: 768px){.protein-calculator__card{padding:80px 48px}}.protein-calculator__card--form{color:var(--color-navy);display:flex;flex-direction:column;align-items:stretch}@media (max-width: 767px){.protein-calculator__card--form{padding:0}}.protein-calculator__card--result{background-color:var(--color-white);color:var(--color-navy);box-shadow:0 8px 15px #00000026;text-align:center;scroll-margin-top:calc(var(--header-height) + 60px)}.protein-calculator__heading{text-align:center;margin:0 0 40px}.protein-calculator__field{margin-bottom:18px}.protein-calculator__field .field__input{background-color:var(--color-white)}.protein-calculator__field .field__input[aria-invalid=true]{border:4px solid var(--color-error)}.protein-calculator__field .field__input:disabled{background-color:#ebebeb}.protein-calculator__toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0 0 18px}.protein-calculator__toggle-legend{grid-column:1 / -1;float:none;width:100%;padding:0}.protein-calculator__toggle-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.protein-calculator__toggle-option{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 40px;border-radius:10px;background-color:var(--color-white);color:var(--color-navy);border:1px solid rgba(var(--color-button),.2);font-family:var(--font-primary);font-weight:500;font-size:1rem;cursor:pointer;transition:var(--transition);text-align:center}@media (min-width: 768px){.protein-calculator__toggle-option{padding:16px 44px}}.protein-calculator__toggle-check{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:inline-flex;width:20px;height:20px;opacity:0;transition:opacity .2s ease;pointer-events:none}@media (min-width: 768px){.protein-calculator__toggle-check{right:14px;width:22px;height:22px}}.protein-calculator__toggle-check svg{width:100%;height:100%;display:block}.protein-calculator__toggle-check svg path[fill=white]{fill:var(--color-navy)}.protein-calculator__toggle-check svg path[fill="#061B33"]{fill:var(--color-white)}.protein-calculator__toggle-input:checked+.protein-calculator__toggle-option{background-color:var(--color-navy);color:var(--color-white);border-color:var(--color-navy)}.protein-calculator__toggle-input:checked+.protein-calculator__toggle-option .protein-calculator__toggle-check{opacity:1}.protein-calculator__toggle-input:focus-visible+.protein-calculator__toggle-option{outline:2px solid var(--color-navy);outline-offset:2px}.protein-calculator__submit{width:100%;margin-top:10px;margin-bottom:14px;padding:16px 20px;font-size:1.5rem;letter-spacing:.08em;font-weight:600}.protein-calculator__footnote{font-size:1rem;color:var(--color-navy);text-align:center;margin:0;opacity:.8}.protein-calculator__result-title{margin:0 0 16px}.protein-calculator__result-text{font-size:1.25rem;line-height:1.5}.protein-calculator__result-text p{margin:0 0 12px}.protein-calculator__result-text p:last-child{margin-bottom:0;font-size:1rem;opacity:.8}.protein-calculator__result-value{display:inline-block;font-family:var(--font-primary);font-weight:700;color:var(--color-navy);font-size:clamp(2.5rem,8vw,3.75rem);line-height:1;letter-spacing:-.02em}.protein-calculator__result-value--loading,.protein-calculator__requirement--loading{animation:protein-calculator-pulse .9s ease-in-out infinite}@keyframes protein-calculator-pulse{0%,to{opacity:.35}50%{opacity:1}}.protein-calculator__submit[disabled]{opacity:.65;cursor:not-allowed;pointer-events:none}