.tx-view{--tx-cobalt:#2639e8;--tx-brake:#a96951;--tx-hold:0%;width:100%;min-width:0;font-family:var(--mono,'IBM Plex Mono',ui-monospace,monospace);color:#263443}
.tx-model-panel{position:relative;border:1px solid #dce1e5;background:#f2f2ed;overflow:hidden}
.tx-model-heading{position:absolute;top:14px;left:15px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:.8px;color:#7b858c;z-index:1}
.tx-connection{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.tx-connection i{width:4px;height:4px;border-radius:50%;background:#9aa3ab}
.tx-view[data-connected=true] .tx-connection{color:#475f6b}
.tx-view[data-connected=true] .tx-connection i{background:#497464}
.tx-model{display:block;width:100%;max-width:360px;height:auto;margin:15px auto 8px;font-family:inherit;overflow:visible}
.tx-model-caption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:33px;padding:10px 14px;border-top:1px solid #dce1e1;font-size:8px;letter-spacing:.8px;background:#e9ece8;color:#6b7881}
.tx-model-caption::before{content:'';position:absolute;bottom:0;left:0;width:var(--tx-hold);height:2px;background:var(--tx-cobalt)}
.tx-confirmation{font-size:12px;line-height:1;color:#9ba5a9}
.tx-wheel-focus{stroke:transparent}
.tx-view[data-active=true][data-stage=left] .tx-wheel-focus,.tx-view[data-active=true][data-stage=right] .tx-wheel-focus{stroke:var(--tx-cobalt)}
.tx-view[data-active=true][data-stage=left] .tx-steer-callout,.tx-view[data-active=true][data-stage=right] .tx-steer-callout{stroke:var(--tx-cobalt)}
.tx-view[data-active=true][data-stage=left] .tx-steer-callout text,.tx-view[data-active=true][data-stage=right] .tx-steer-callout text{fill:var(--tx-cobalt)}
.tx-view[data-active=true][data-stage=throttle] .tx-trigger-callout,.tx-view[data-active=true][data-stage=brake] .tx-trigger-callout{stroke:var(--tx-cobalt)}
.tx-view[data-active=true][data-stage=throttle] .tx-trigger-callout text,.tx-view[data-active=true][data-stage=brake] .tx-trigger-callout text{fill:var(--tx-cobalt)}
.tx-view[data-active=true][data-stage=throttle] .tx-trigger-part>path:first-child,.tx-view[data-active=true][data-stage=brake] .tx-trigger-part>path:first-child{fill:var(--tx-cobalt)}
.tx-view[data-active=true] .tx-model-caption{color:var(--tx-cobalt);background:#eef0f8}
.tx-view[data-confirmed=true] .tx-model-caption{color:#3d6d59;background:#e7eee6}
.tx-view[data-confirmed=true] .tx-model-caption::before{width:100%;background:#4e7d65}
.tx-view[data-confirmed=true] .tx-confirmation{color:#3d6d59}
.tx-readouts{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:17px;padding:0 1px}
.tx-channel{min-width:0}
.tx-channel-steer{grid-column:1/-1}
.tx-channel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;line-height:1.5;margin-bottom:9px;color:#67727e}
.tx-channel-heading output{font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#374758}
.tx-meter{height:5px;position:relative;background:#e2e6e9}
.tx-meter i{display:block;height:100%;width:0;background:var(--tx-cobalt)}
.tx-meter-steer i{position:absolute;left:50%}
.tx-meter-steer b{position:absolute;left:50%;top:-3px;width:1px;height:11px;background:#8f9ca7}
.tx-meter-steer em{position:absolute;top:-2px;left:50%;width:3px;height:9px;transform:translateX(-50%);background:#263443}
.tx-channel-brake .tx-meter i{background:var(--tx-brake)}
.tx-meter-extents{display:flex;justify-content:space-between;font-size:7px;line-height:1;margin-top:6px;color:#919ba4}
.tx-view[data-active=true][data-stage=left] .tx-channel-steer .tx-channel-heading,.tx-view[data-active=true][data-stage=right] .tx-channel-steer .tx-channel-heading,.tx-view[data-active=true][data-stage=throttle] .tx-channel-throttle .tx-channel-heading,.tx-view[data-active=true][data-stage=brake] .tx-channel-brake .tx-channel-heading{color:var(--tx-cobalt)}
@media(max-width:420px){.tx-model-heading{font-size:6px;top:12px;left:12px;right:12px;gap:8px}.tx-model{max-width:290px;margin-top:16px;margin-bottom:5px}.tx-model-caption{font-size:7px;padding:9px 12px;min-height:31px}.tx-readouts{gap:12px 16px;margin-top:14px}}