.river-gauge-line{background:#ffffff1a;border-radius:999px;height:8px;position:relative}.river-gauge-line:after{content:"";background:linear-gradient(90deg,#c9a96f 0 var(--p-low),#49c98d var(--p-low)var(--p-action),#ffc66d var(--p-action)var(--p-minor),#ffa666 var(--p-minor)var(--p-moderate),#ff8d6d var(--p-moderate)var(--p-major),#df6471 var(--p-major)100%);border-radius:999px;position:absolute;inset:0}.river-gauge-now,.river-gauge-forecast{z-index:2;line-height:0;position:absolute;transform:translate(-50%)}.river-gauge-now{left:var(--level);bottom:100%}.river-gauge-forecast{left:var(--forecast);top:100%}