.grade-indicator-bar{--gib-track:#3a3a3a;--gib-accent:#00c8f0;--gib-value:#00c8f0;--gib-width:2.75rem;width:var(--gib-width);min-width:var(--gib-width);background-color:var(--gib-track);border-radius:.375rem;flex-direction:column;align-items:stretch;height:100%;min-height:8rem;display:flex;overflow:hidden}.grade-indicator-bar__inactive{background-color:var(--gib-track);flex-direction:column;flex-shrink:0;justify-content:flex-end;min-height:0;display:flex;position:relative}.grade-indicator-bar__inactive-cap{background:linear-gradient(to bottom, transparent 0%, transparent 45%, var(--gib-track) 45%, var(--gib-track) 100%);clip-path:polygon(0 0,100% 0,50% 100%);height:.625rem;margin-bottom:-1px}.grade-indicator-bar__active{background-color:var(--gib-accent);flex-shrink:0;min-height:0;position:relative;overflow:hidden}.grade-indicator-bar__chevrons{background-image:repeating-linear-gradient(165deg,#0000 0 6px,#0000002e 6px 10px);position:absolute;inset:0;mask-image:repeating-linear-gradient(0deg,#0000 0 4px,#000 4px 14px)}.grade-indicator-bar__value{text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;padding:.375rem .125rem .5rem;color:var(--gib-value)!important}.in-cab-status-metric{flex-direction:column;align-items:center;gap:.125rem;min-width:5.5rem;display:flex}.in-cab-status-metric__label{text-transform:none;letter-spacing:.01em;color:#9ca3af!important}.in-cab-status-metric__value-row{justify-content:center;align-items:center;gap:.25rem;display:flex}.in-cab-status-metric--accent .in-cab-status-metric__value,.in-cab-status-metric--accent .in-cab-status-metric__icon{color:#00c8f0!important}.in-cab-status-metric--neutral .in-cab-status-metric__value,.in-cab-status-metric--neutral .in-cab-status-metric__icon{color:#fff!important}.in-cab-status-metric__value{font-variant-numeric:tabular-nums}.in-cab-viewport-pane{background-color:#141414;border:1px solid #2d2d2d;border-radius:.5rem;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.in-cab-viewport-pane__reset{z-index:2;position:absolute;top:.5rem;right:.5rem}.in-cab-viewport-pane__canvas{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:.5rem;display:flex}