.exhibit[data-slug=fiber-optic] .stage{background:#15171b}.exhibit[data-slug=fiber-optic] .stage-hint{color:#d9d4c7}.fo-bar{position:absolute;left:50%;bottom:36px;transform:translate(-50%);display:flex;background:#f8f6f1f0;border:1px solid var(--rule-2);z-index:3;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.fo-bar::-webkit-scrollbar{display:none}.fo-bar button{appearance:none;border:0;border-inline-end:1px solid var(--rule);background:none;padding:10px 14px;font:500 13px/1 var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap}.fo-bar button:last-child{border-inline-end:0}.fo-bar button:hover{color:var(--ink);background:#fff}.fo-bar button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.fo-readout{min-width:210px}.fo-readout .fo-rows{display:grid;gap:6px}.fo-readout canvas{width:172px;height:104px}.fo-note{margin:0;font:400 10.5px/1.3 var(--sans);color:var(--mute);letter-spacing:0}.fo-note:empty{display:none}@media(max-width:600px){.fo-readout{min-width:0;padding:7px 9px;gap:4px;font-size:10.5px}.fo-readout canvas{width:132px;height:80px}.fo-bar{bottom:30px}.fo-bar button{padding:9px 10px;font-size:12px}}