.oh-calc__box{display:grid;overflow:hidden}@media (min-width:900px){.oh-calc__box{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.oh-calc__form{align-content:start;display:grid;gap:22px;padding:28px}@media (min-width:768px){.oh-calc__form{padding:40px}}.oh-calc__row{display:grid;gap:16px;grid-template-columns:1fr 1fr}.oh-calc__field label{color:var(--oh-heading);display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.oh-calc__field output{color:var(--oh-primary)}.oh-calc__input{position:relative}.oh-calc__input span{color:var(--oh-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.oh-calc__input .oh-input{padding-left:34px}.oh-calc__input--suffix span{left:auto;right:14px}.oh-calc__input--suffix .oh-input{padding-left:14px;padding-right:34px}.oh-calc__range{accent-color:var(--oh-primary);width:100%}.oh-calc__result{background:var(--oh-soft);padding:28px}@media (min-width:768px){.oh-calc__result{padding:40px}}.oh-style--soft .oh-calc__result{background:color-mix(in srgb,var(--oh-soft) 60%,#fff)}.oh-calc__label{color:var(--oh-muted);font-size:.875rem;font-weight:600;margin:0}.oh-calc__total{color:var(--oh-heading);font-family:var(--oh-font-heading);font-size:clamp(2.25rem,1.8rem + 1.8vw,3rem);font-weight:var(--oh-heading-weight);line-height:1.1;margin:4px 0 18px}.oh-calc__bar{background:var(--oh-border);border-radius:999px;display:flex;height:10px;overflow:hidden}.oh-calc__bar span{transition:width .3s ease}.oh-calc__dot--principal,[data-bar=principal]{background:var(--oh-primary)}.oh-calc__dot--tax,[data-bar=tax]{background:var(--oh-accent)}.oh-calc__dot--insurance,[data-bar=insurance]{background:#6f8fb8}.oh-calc__dot--hoa,[data-bar=hoa]{background:#b8a37f}.oh-calc__list{margin:20px 0 0}.oh-calc__list div{border-bottom:1px solid var(--oh-border);display:flex;font-size:.9375rem;gap:16px;justify-content:space-between;padding:9px 0}.oh-calc__list dt{align-items:center;color:var(--oh-text);display:flex;gap:10px}.oh-calc__list dd{color:var(--oh-heading);font-weight:600;margin:0}.oh-calc__dot{border-radius:50%;height:10px;width:10px}.oh-calc__loan dt{color:var(--oh-muted)}.oh-calc__cta{margin-top:22px;width:100%}.oh-calc__note{color:var(--oh-muted);font-size:.75rem;margin:14px 0 0}