.tls{position:relative;display:grid}
.tls-rail{position:absolute;left:11px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--line-2);overflow:hidden}
.tls-fill{position:absolute;inset:0;background:var(--teal);transform-origin:50% 0;transform:scaleY(var(--fill, 1))}
.tls-l{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.tls-s{position:relative;display:grid;grid-template-columns:24px minmax(0, 1fr);gap:18px;align-items:start}
.tls-n{position:relative;z-index:1;width:24px;height:24px;margin-top:4px;border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 2px var(--teal);
  transition:background .3s var(--ease), box-shadow .3s var(--ease)}
.tls-b{padding:18px 20px;border-radius:16px;background:var(--white);box-shadow:0 0 0 1px var(--line), 0 12px 24px -20px var(--ink-a40);max-width:720px}
.tls-k{font-size:.8125rem;font-weight:650;color:var(--k1-t)}
.tls-b h3{margin:4px 0 8px;font-size:1.25rem;line-height:1.25;letter-spacing:-.02em;font-weight:720}
.tls-b p:not(.tls-k){color:var(--ink-2)}
.tls.is-live .tls-n{box-shadow:inset 0 0 0 2px var(--line-2)}
.tls.is-live .tls-s.is-lit .tls-n{background:var(--teal);box-shadow:inset 0 0 0 2px var(--teal), 0 0 0 5px var(--teal-a18)}
@media (min-width:1000px){
  .tls-l{gap:28px}
}