.water-weight{display:grid;gap:1rem;background:#edf6f5;padding:clamp(1rem,4vw,2rem);border-radius:16px}.water-weight>div{display:grid;grid-template-columns:7rem 1fr 4rem;align-items:center;gap:1rem}.water-weight span{height:18px;background:linear-gradient(to right,#246c73 var(--fill),#d0e2e1 var(--fill));border-radius:20px}.water-weight b{text-align:right}@media(max-width:480px){.water-weight>div{grid-template-columns:5.5rem 1fr 3.5rem;gap:.5rem}}