.level{margin:0}.vial{border:2px solid var(--plum-900);background:oklch(93% .12 118);border-radius:999px;height:34px;position:relative;overflow:hidden}.tick{background:var(--plum-900);opacity:.35;width:1.5px;position:absolute;top:0;bottom:0}.tick.mid{opacity:.9;width:2px;box-shadow:22px 0 oklch(27% .08 340/.9),-22px 0 oklch(27% .08 340/.9)}.bubble{width:40px;height:20px;transition:left .5s var(--ease);background:oklch(99% .02 118);border-radius:999px;margin-left:-20px;position:absolute;top:5px;box-shadow:inset 0 -3px 5px oklch(75% .13 118),inset 0 2px 2px #fff}.level-cap{color:var(--ink-2);margin-top:var(--s1);justify-content:space-between;font-size:.8rem;display:flex}.level-cap strong{color:var(--ink);font-size:.9rem}.band.plum .level-cap,.band.plum .level-cap strong{color:oklch(90% .02 340)}