.j9-m8a_light{border-top:1px solid var(--line-2);color:var(--text-body);font:600 .875rem / 1.5 var(--font-sans);transition:background-color var(--dur-short) var(--ease);grid-template-columns:max-content max-content minmax(0,1fr) 3ch;align-items:center;gap:2px 8px;margin:0;padding:6px 12px 8px;display:grid}.j9-m8a_light[data-now]{background:var(--hl-1-soft);box-shadow:inset 3px 0 0 var(--hl-1)}.j9-m8a_light code{color:var(--text);font:500 var(--text-data) / 1.5 var(--font-mono)}.j9-m8a_light .j9-m8a_n{color:var(--text);font:700 var(--text-data) / 1.5 var(--font-mono);justify-self:end}.j9-m8a_bar{border:1px solid var(--line-2);background:var(--bg);border-radius:999px;height:10px;overflow:hidden}.j9-m8a_bar>i{transform-origin:0;height:100%;transition:transform var(--dur) var(--ease);display:block}.j9-m8a_bar>i[data-c=r]{background:#e5242b}.j9-m8a_bar>i[data-c=g]{background:#20a04a}.j9-m8a_bar>i[data-c=b]{background:#2a6fdb}@container (max-width:22.4375rem){.j9-m8a_light{grid-template-columns:max-content max-content minmax(0,1fr);grid-auto-flow:dense}.j9-m8a_light .j9-m8a_bar{grid-column:1/-1}}.j9-m8a_ratio{border-top:1px solid var(--line-2);color:var(--text-body);font:400 .875rem / 1.5 var(--font-sans);transition:background-color var(--dur-short) var(--ease);align-items:baseline;gap:0 12px;margin:0;padding:4px 12px 6px;display:flex}.j9-m8a_ratio>b{color:var(--text);font:700 var(--text-data) / 1.5 var(--font-mono);margin-left:auto}.j9-m8a_ratio[data-now]{background:var(--hl-1-soft);box-shadow:inset 3px 0 0 var(--hl-1)}.j9-m8a_ratio[data-off],.j9-m8a_hide{visibility:hidden}.j9-m8a_slot{align-items:start;display:grid}.j9-m8a_slot>*{grid-area:1/1}