.exhibit,[data-stage=dark]{--exhibit-rule:var(--stage-rule);--exhibit-chrome:var(--stage-chrome);--exhibit-well:var(--stage-well);--exhibit-ink:var(--stage-ink);--exhibit-ink-soft:var(--stage-ink-soft);--exhibit-accent:var(--stage-accent);--exhibit-accent-ink:var(--stage-accent-ink);--exhibit-warn:var(--signal-red-ink);color-scheme:dark}.exhibit{border:1px solid var(--exhibit-rule);border-radius:10px;overflow:hidden;background:var(--exhibit-chrome);color:var(--exhibit-ink);font-size:.9rem;margin:2rem 0}.exhibit__viewport{position:relative;width:100%;aspect-ratio:16/10;min-height:260px;background:var(--stage)}.exhibit__canvas,.exhibit__overlay{position:absolute;inset:0}.exhibit__overlay{pointer-events:none}.exhibit__leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.exhibit__leaders line{stroke:var(--stage-leader);stroke-width:1.5}.exhibit__label{position:absolute;transform:translate(-50%,-50%);padding:.1rem .4rem;border:0;border-radius:4px;background:var(--stage-label);color:var(--stage-label-ink);font:inherit;font-size:.72rem;line-height:1.3;white-space:nowrap;letter-spacing:.01em}button.exhibit__label{pointer-events:auto;cursor:pointer;border-left:3px solid transparent}button.exhibit__label:focus-visible,button.exhibit__label:hover{outline:2px solid var(--stage-accent)}button.exhibit__label[aria-pressed=true]{background:var(--stage-accent);color:var(--stage-accent-ink)}.exhibit__label--link{border-left-color:var(--part-link)}.exhibit__label--joint{border-left-color:var(--marker)}.exhibit__label--motor{border-left-color:var(--part-motor)}.exhibit__label--sensor{border-left-color:var(--part-sensor)}.exhibit__caption{margin:0;padding:.5rem .7rem;border-top:1px solid var(--exhibit-rule);font-size:.82rem;line-height:1.45;color:var(--exhibit-ink)}.exhibit__caption strong{color:var(--stage-accent)}.exhibit__partkinds{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem .6rem;border-top:1px solid var(--exhibit-rule)}.exhibit__button--small{font-size:.74rem;padding:.2rem .55rem}.exhibit__message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;text-align:center;color:var(--exhibit-ink-soft)}.exhibit__message strong{color:var(--exhibit-ink);font-weight:600}.exhibit__message p{margin:0;max-width:32rem;color:inherit}.exhibit__spinner{width:1.35rem;height:1.35rem;border:2px solid var(--exhibit-rule);border-top-color:var(--exhibit-accent);border-radius:50%;animation:exhibit-spin .9s linear infinite}@keyframes exhibit-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.exhibit__spinner{animation-duration:3s}}.exhibit__toolbar{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.5rem .6rem;border-top:1px solid var(--exhibit-rule);background:var(--exhibit-chrome)}.exhibit__button{font:inherit;font-size:.82rem;padding:.3rem .7rem;border:1px solid var(--exhibit-rule);border-radius:6px;background:transparent;color:var(--exhibit-ink);cursor:pointer}.exhibit__button:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--exhibit-accent);color:var(--exhibit-accent)}.exhibit__button:disabled{opacity:.45;cursor:not-allowed}.exhibit__button[aria-pressed=true]{background:var(--exhibit-accent);border-color:var(--exhibit-accent);color:var(--exhibit-accent-ink)}.exhibit__spacer{flex:1 1 auto}.exhibit__note{color:var(--exhibit-ink-soft);font-size:.76rem;padding:0 .3rem}.exhibit__controls{padding:.6rem}.exhibit__controls,.exhibit__narrow{border-top:1px solid var(--exhibit-rule)}.exhibit__narrow{display:none;margin:0;padding:.45rem .7rem;font-size:.78rem;color:var(--exhibit-ink-soft)}@media (max-width:40rem){.exhibit__narrow{display:block}}.exhibit--compare{width:min(66rem,100vw - 2.5rem);margin-left:calc(50% - min(33rem, 50vw - 1.25rem))}.exhibit__sides{display:grid;grid-template-columns:1fr 1fr}.exhibit__side{min-width:0;display:flex;flex-direction:column}.exhibit__between+.exhibit__side,.exhibit__side+.exhibit__side{border-left:1px solid var(--exhibit-rule)}.exhibit__side-label{margin:0;padding:.45rem .7rem;font-size:.82rem;font-weight:650;color:var(--exhibit-ink);border-bottom:1px solid var(--exhibit-rule)}.exhibit__side-body{display:flex;flex-direction:column;flex:1 1 auto}.exhibit--compare .exhibit__viewport{min-height:220px}.exhibit__sides--between{grid-template-columns:minmax(0,1fr) 14rem minmax(0,1fr)}.exhibit__between{min-width:0;display:flex;flex-direction:column;border-left:1px solid var(--exhibit-rule);background:var(--exhibit-well)}.exhibit__between .exhibit__side-label{text-align:center}.exhibit__between-body{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;gap:1.4rem;padding:1rem .8rem}.exhibit__between-slider{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--exhibit-ink)}.exhibit__between-slider input{width:100%;margin:0;accent-color:var(--exhibit-accent)}.exhibit__between-mark{position:relative;height:.4rem}.exhibit__between-mark:after{content:"";position:absolute;top:0;left:calc(8px + (100% - 16px) * var(--mark, 0));width:2px;height:100%;margin-left:-1px;background:var(--exhibit-ink-soft)}.exhibit__between-word{font-weight:650}.exhibit__between-ends{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--exhibit-ink-soft)}.exhibit__between-note{margin:0;font-size:.78rem;line-height:1.35;color:var(--exhibit-ink-soft)}@media (max-width:40rem){.exhibit__sides,.exhibit__sides--between{grid-template-columns:1fr}.exhibit__between,.exhibit__between+.exhibit__side,.exhibit__side+.exhibit__side{border-left:0;border-top:1px solid var(--exhibit-rule)}}