.exhibit[data-slug=bicycle-gears] .stage-label-text{font-family:var(--sans);letter-spacing:0;font-size:12.5px}.exhibit[data-slug=bicycle-gears] .panel-tab,.exhibit[data-slug=bicycle-gears] .ctl-name,.exhibit[data-slug=bicycle-gears] .ctl-range output,.exhibit[data-slug=bicycle-gears] .tour-n,.exhibit[data-slug=bicycle-gears] .tour-count{font-family:var(--sans);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.exhibit[data-slug=bicycle-gears] .ctl-name{font-size:13px;font-weight:600}.exhibit[data-slug=bicycle-gears] .panel .btn,.exhibit[data-slug=bicycle-gears] .panel button,.exhibit[data-slug=bicycle-gears] .panel input[type=range]{min-height:44px}.bg-readout{z-index:2;min-width:206px;gap:3px;font:500 13px/1.35 var(--sans);letter-spacing:0}.bg-readout .ro-k{text-transform:none;letter-spacing:0;font-family:var(--sans)}.bg-readout [data-r]{font-family:var(--sans);font-variant-numeric:tabular-nums;text-align:end}.bg-readout [data-r=gear],.bg-readout [data-r=kmh],.bg-readout [data-r=best]{font-weight:700}.bg-readout .ro-sep{height:1px;background:var(--rule);margin:3px 0}.bg-readout .bg-off{color:#b3361a}.bg-readout.is-cross{box-shadow:inset 3px 0 #c0392b}.bg-warn{color:#b3361a;font-weight:600}.bg-warn[hidden]{display:none}.bg-shift{position:absolute;z-index:2;inset-inline-end:12px;bottom:12px;display:flex;gap:10px;align-items:center;padding:4px 8px;background:#fbfaf6f0;border:1px solid var(--rule-2);font:600 13px/1 var(--sans);color:var(--ink-2)}.bg-grp{display:flex;align-items:center;gap:4px}.bg-grp>span{padding-inline-end:2px}.bg-shift button{appearance:none;position:relative;min-width:34px;height:32px;padding:0 8px;border:1px solid var(--rule-2);background:#fff;font:600 14px/1 var(--sans);color:var(--ink);cursor:pointer;font-variant-numeric:tabular-nums}.bg-shift button:after{content:"";position:absolute;inset:-6px -3px}.bg-shift button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.bg-shift output{min-width:36px;text-align:center;font:700 14px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}.bg-lab{padding:4px 18px 22px;display:grid;gap:10px;border-top:1px solid var(--rule)}.bg-lab-h{margin:14px 0 0;font:600 15px/1.3 var(--sans);color:var(--ink)}.bg-lab-p{margin:0;font:400 13px/1.5 var(--sans);color:var(--ink-2)}.bg-lab-p.bg-note{font-size:12px}.bg-lab-p.bg-cond{color:var(--ink);font-weight:500}.bg-pick{display:grid;gap:6px}.bg-pick select{min-height:44px;width:100%;padding:0 10px;font:500 14px/1.2 var(--sans);color:var(--ink);background:#fff;border:1px solid var(--rule-2);border-radius:0}.bg-units{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.bg-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bg-btn{appearance:none;min-height:44px;padding:0 10px;border:1px solid var(--rule-2);background:#fff;font:500 13.5px/1.2 var(--sans);color:var(--ink);cursor:pointer}.bg-btn:hover{background:var(--paper)}.bg-btn[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.bg-btn[data-zoom=home]{grid-column:1 / -1}.bg-table-wrap{overflow-x:auto}.bg-table,.bg-kinds{width:100%;border-collapse:collapse;font:400 13px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink)}.bg-table th,.bg-table td,.bg-kinds th,.bg-kinds td{padding:6px;border-bottom:1px solid var(--rule);text-align:end}.bg-table thead th,.bg-kinds thead th{font-weight:600;color:var(--ink-2);border-bottom-color:var(--rule-2)}.bg-table tbody th{font-weight:600;color:var(--ink-2);text-align:start}.bg-table td[data-f]{cursor:pointer}.bg-table td[data-f]:hover{background:var(--paper)}.bg-table td.is-x{color:#9a9486;background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(0,0,0,.045) 5px 7px)}.bg-table td.is-on{outline:2px solid #e0451b;outline-offset:-2px;font-weight:700;color:var(--ink)}.bg-kinds th[scope=row]{text-align:start;font-weight:500}.bg-kinds td{white-space:nowrap}.bg-kinds tbody tr{cursor:pointer}.bg-kinds tbody tr:hover{background:var(--paper)}.bg-lab canvas{display:block;width:100%;height:auto;background:#fbfaf6;border:1px solid var(--rule)}@media(max-width:600px){.bg-readout{transform:none;inset-inline-start:8px;top:8px;min-width:0;width:150px;padding:6px 8px;gap:1px;font-size:11.5px}.bg-readout .ro-row{gap:6px}.bg-readout .bg-m{display:none}.bg-shift{inset-inline-end:8px;bottom:8px;gap:6px;padding:4px 6px;font-size:12px}.bg-shift button{min-width:44px;height:36px}.exhibit[data-slug=bicycle-gears] .stage-label-text{font-size:11px;padding:3px 5px}.exhibit[data-slug=bicycle-gears] .stage-hint{display:none}}