/* Mechanochemical feedback demo: the concept style (concepts.css) on a dark-ivory stage drawn in ink */
.fb .concept-stage.fb-ivory{background:#e5ddcc;box-shadow:0 14px 40px -24px #000a;text-shadow:none}
.fb .concept-cue{min-height:1.5em}
.fb-stage{width:100%;user-select:none;touch-action:none;cursor:default}
.fb-stage text{font-family:var(--sans,system-ui,sans-serif)}
.fb-stage.is-dragging,.fb-stage.is-dragging .fb-knob,.fb-stage.is-dragging .fb-ruler{cursor:grabbing}
.fb-ruler{cursor:pointer}
.fb-knob{cursor:grab;outline:none}
.fb-knob:focus-visible circle{stroke:#b4531f;stroke-width:3}
.fb-switch{cursor:pointer;outline:none}
.fb-switch:focus-visible rect:nth-child(2){stroke:#b4531f;stroke-width:3}
.fb-grip{fill:#e5ddcc;font-size:12px;pointer-events:none}
.fb-lbl{font-size:13px;font-weight:700;fill:#1f1d1a}
.fb-small{font-size:11.5px;fill:#453f37;font-weight:600}
.fb-val{font-size:12px;font-weight:700;fill:#1f1d1a}
.fb-badge{font-size:11px;font-weight:700;fill:#fffaf0;pointer-events:none}
.fb-cut{font-size:16px;font-weight:700;fill:#c0392b;pointer-events:none}
.fb-tip{font-size:12.5px;font-weight:600;fill:#453f37}
.fb-tipable{cursor:pointer}
.fb-tiphead{font-size:14px;font-weight:700;fill:#1f1d1a}
.fb-tipbody{font-size:13px;fill:#453f37}
.fb-hint{fill:#b4531f;font-size:14px;font-weight:600;pointer-events:none}
.fb .fb-ref{margin-top:8px;font-size:13px;color:#fff8eecc}
