.ht-material-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:start}.ht-material-calculator,.ht-material-result{border:1px solid var(--ht-border,#e4e7ec);border-radius:22px;background:#fff;padding:20px}.ht-material-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.ht-material-field{display:flex;flex-direction:column;gap:7px;font-weight:700}.ht-material-field>span{display:flex;justify-content:space-between;gap:8px}.ht-material-field small{font-weight:500;opacity:.65}.ht-material-input input,.ht-material-input select{width:100%;min-height:48px;border:1px solid #d9dee7;border-radius:12px;background:#fff;padding:9px 12px;font:inherit;color:inherit}.ht-material-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.ht-material-result{position:sticky;top:18px}.ht-material-result>span{display:block;font-size:13px;opacity:.7}.ht-material-result>strong{display:block;font-size:32px;line-height:1.25;margin:8px 0 4px}.ht-material-details{display:grid;gap:9px;margin-top:18px}.ht-material-details>div{display:flex;justify-content:space-between;gap:12px;border-top:1px dashed #e3e6eb;padding-top:9px}.ht-material-details span{opacity:.72}.ht-material-result p{font-size:13px;line-height:1.8;opacity:.75}.ht-material-form [hidden]{display:none!important}@media(max-width:780px){.ht-material-grid{grid-template-columns:1fr}.ht-material-form{grid-template-columns:1fr}.ht-material-result{position:static}.ht-material-calculator,.ht-material-result{padding:16px;border-radius:18px}}
