.k-band{--band-max:clamp(44px, 8.4vw, 124px);--band-h:min(var(--band-max), var(--band-fit,999px));--unit:calc(var(--band-h) / 7);--band-head:clamp(22px, 7vw, 116px);border-block:1px solid var(--line);direction:ltr;min-width:0;padding-block:clamp(16px,2.4vw,34px);position:relative;overflow:clip;container-type:inline-size}.k-band[data-size=m]{--band-max:clamp(32px, 5.2vw, 76px)}.k-band-in{padding-inline:var(--gutter);direction:ltr;grid-template-columns:minmax(0,1fr);display:grid}.k-band-line{--room:calc(100cqw - 2 * var(--gutter));--u:max(2.86px, min(var(--unit), max(var(--room) / (var(--cols) + 1), min(4px, var(--room) * 2.6 / var(--cols)))));justify-content:center;gap:calc(var(--u) * 3) calc(var(--u) * 7);fill:var(--code);flex-wrap:wrap;display:flex}.k-band-line svg{width:calc(var(--n) * var(--u));height:calc(var(--u) * 7);flex:none;max-width:none;display:block}.k-band-line circle{transition:none}.k-band-head{display:none}@media (prefers-reduced-motion:no-preference){.js .k-band:not([data-still]) .k-band-in{padding-inline:0}.js .k-band:not([data-still]) .k-band-line{--u:var(--unit);flex-wrap:nowrap;justify-content:flex-start;width:max-content}.k-band[data-live] .k-band-line{transform:translateX(var(--bx,0px));clip-path:inset(-6px calc((var(--cols) - var(--bn,0)) * var(--unit)) -6px 0);will-change:transform}.k-band[data-live] .k-band-head{background:linear-gradient(var(--text), var(--text)) 50% 50% / 2px calc(var(--band-h) + 20px) no-repeat;opacity:.9;width:2px;display:block;position:absolute;inset-block:0;inset-inline-end:var(--band-head)}.k-band[data-live] .k-band-head:before{content:"";width:16px;height:calc((100% - var(--band-h)) / 2 - 10px);background:var(--text);border-end-end-radius:4px;border-end-start-radius:4px;min-height:6px;position:absolute;inset-block-start:0;inset-inline-start:-7px}.k-band[data-live] .k-band-head i{background:var(--ink-drop);width:10px;height:10px;box-shadow:0 0 0 3px var(--ground);transform:scale(calc(.72 + var(--fire,0) * .34));border-radius:50%;margin-block-start:-5px;transition:transform 70ms linear;position:absolute;inset-block-start:50%;inset-inline-start:-4px}}