.level-mark{--level-accent-c:var(--level-accent,var(--teal-ink));--level-on-c:var(--level-on-accent,var(--on-teal));display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px solid var(--level-accent-c);border-radius:999px;color:var(--level-accent-c);background:transparent;font-weight:600;line-height:1.4;white-space:nowrap}.level-mark[data-selected=true]{background:var(--level-accent-c);color:var(--level-on-c)}.level-meter{display:inline-flex;align-items:flex-end;gap:2px;height:10px}.level-meter i{display:block;width:3px;border-radius:1px;background:currentColor;opacity:.28}.level-meter i:first-child{height:4px}.level-meter i:nth-child(2){height:5.5px}.level-meter i:nth-child(3){height:7px}.level-meter i:nth-child(4){height:8.5px}.level-meter i:nth-child(5){height:10px}.level-meter i.on{opacity:1}.level-check{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}@media (forced-colors:active){.level-mark[data-selected=true]{forced-color-adjust:none;background:Highlight;color:HighlightText}.level-meter i{background:CanvasText}}