.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%}