.ccalc{max-width:1100px;margin:0 auto;font-family:inherit}.ccalc__inputs{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:end}.ccalc__group label{display:block;margin:0 0 .45rem;font-weight:600;color:#394049}.ccalc__group label em{font-style:normal;opacity:.7}.ccalc__control{display:flex;align-items:stretch;width:100%;border:1px solid #d9dee3;border-radius:.6rem;background:#fff;overflow:hidden}.ccalc__control input{flex:1 1 auto;min-width:0;padding:.9rem 1rem;border:0;outline:0;font-size:1.05rem;background:0 0}.ccalc__control input:focus{box-shadow:inset 0 0 0 2px rgba(0,0,0,.05)}.ccalc__unit{flex:0 0 auto;min-width:3rem;padding:0 .6rem;display:flex;align-items:center;justify-content:center;background:#eef1f4;border-left:1px solid #d9dee3;font-weight:700;color:#55606c}.ccalc__outputs{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:2rem;margin-top:2rem}.ccalc__divider{width:1px;height:100%;background:#e6e9ec}.ccalc__out-label{text-align:center;color:#6b7681;margin-bottom:.4rem;font-weight:600}.ccalc__out-value{text-align:center;line-height:1;white-space:nowrap}.ccalc__out-value strong{display:inline-block;font-weight:800;font-size:clamp(34px,8vw,70px);color:#1e242a}.ccalc__out-unit{font-size:clamp(22px,4vw,36px);font-weight:700;color:#1e242a}@media (max-width:720px){.ccalc__inputs{grid-template-columns:1fr}.ccalc__outputs{grid-template-columns:1fr;gap:1.2rem}.ccalc__divider{display:none}}