/* Informational strip only. Transform animation never changes factory geometry. */
#informationRibbon.context-strip{box-sizing:border-box;display:flex;justify-content:flex-start;gap:0;height:30px;min-height:30px;padding:0 15px;background:#061622;border-bottom:1px solid #17374a;overflow:hidden;font-size:11px;color:#b5c8d4}
.ribbon-label{flex:0 0 auto;padding-right:17px;margin-right:4px;font-size:9px;font-weight:600;letter-spacing:1.1px;color:#6aa2b6;border-right:1px solid #17374a;line-height:18px}
.ribbon-window{flex:1;min-width:0;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent);height:100%;display:flex;align-items:center}
.ribbon-track{display:flex;width:max-content;flex:0 0 auto;align-items:center;animation:ribbonTravel var(--ribbon-duration,180s) linear infinite;will-change:transform}
.ribbon-group{display:flex;align-items:center;flex:0 0 auto;gap:0;padding-right:20px}
.ribbon-item{display:inline-flex;align-items:center;gap:8px;padding:0 20px;flex:0 0 auto;color:#b5c8d4;text-decoration:none;border-right:1px solid #254051;height:18px;line-height:18px;font-weight:400}
.ribbon-item:hover,.ribbon-item:focus-visible{color:#e0faff;text-decoration:underline;text-underline-offset:3px}
.ribbon-item:focus-visible{outline:1px solid #41dff3;outline-offset:2px;border-radius:3px}
.ribbon-icon{color:#41dff3;font-size:12px;font-weight:400;opacity:.78}
#informationRibbon .ribbon-pause{flex:0 0 24px;min-width:24px;width:24px;height:23px;padding:0;margin-left:10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8aaabc;font-size:11px;line-height:20px}
#informationRibbon .ribbon-pause:hover,#informationRibbon .ribbon-pause:focus-visible{border-color:#254051;color:#41dff3;background:#0b2334}
.ribbon-held .ribbon-track{animation-play-state:paused}
.ribbon-static .ribbon-track{animation:none;transform:none;will-change:auto}
.ribbon-static .ribbon-copy{display:none}
.ribbon-static .ribbon-window{overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.ribbon-static .ribbon-window::-webkit-scrollbar{display:none}
@keyframes ribbonTravel{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--ribbon-distance,2500px)))}}
@media(prefers-reduced-motion:reduce){.ribbon-track{animation:none;will-change:auto}.ribbon-copy{display:none}.ribbon-window{overflow-x:auto;scroll-behavior:auto}}
@media print{#informationRibbon{display:none!important}}

#informationRibbon.header-extras{justify-content:flex-start;gap:0;border-top:1px solid rgba(96,203,255,.1)}
