/* The original small demonstration panels, isolated from the surrounding page. */
#opm-menu .dbd-demo{background:radial-gradient(#ffffff12 .8px,transparent 1px) center/14px 14px,#0d0d0d}
.dbd-crosshair-card .dbd-segments svg{width:18px;height:18px;display:block;margin:auto;stroke:currentColor;stroke-width:1;fill:none}
#opm-menu .dbd-bones-faithful{position:relative;width:190px;height:178px;max-width:100%;display:block;margin:4px auto 9px;background:#131313;border:1px solid #ffffff0f;border-radius:8px}
#opm-menu .dbd-bones-faithful svg{width:100%;height:100%;display:block}
.dbd-joint{cursor:pointer;outline:none}.dbd-bone-hit{fill:transparent;stroke:none}.dbd-joint .dbd-bone{fill:#222;stroke:#777;stroke-width:1.5;pointer-events:none;transition:fill .15s,stroke .15s}.dbd-bone-halo{fill:var(--menu-accent);opacity:0;pointer-events:none;transition:opacity .15s}.dbd-head-dot{fill:white;opacity:0;pointer-events:none}
.dbd-joint[aria-pressed=true] .dbd-bone{fill:var(--menu-accent);stroke:var(--menu-accent)}.dbd-joint[aria-pressed=true] .dbd-bone-halo{opacity:.22}.dbd-joint[aria-pressed=true] .dbd-head-dot{opacity:.9}.dbd-joint:hover .dbd-bone,.dbd-joint:focus-visible .dbd-bone{stroke:#eee;stroke-width:2}
.dbd-bone-footer{position:absolute;left:10px;right:10px;bottom:6px;display:flex;align-items:center;gap:5px;height:18px}.dbd-bone-caption{flex:1;min-width:0;font-size:9px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbd-bone-footer button{border:0;background:#242424;color:#888!important;border-radius:10px;font-size:8px!important;line-height:18px;padding:0 7px;height:18px}.dbd-bone-footer button:hover{color:#fff!important;background:#303030}
#opm-menu .dbd-fov-demo{height:95px;margin-bottom:9px}#opm-menu .dbd-fov-demo svg{width:100%;height:95px}.dbd-fov-circle{stroke-width:1}.dbd-fov-caption{position:absolute;bottom:7px;right:10px;color:#777;font-size:8px;line-height:1}.dbd-demo .dbd-demo-status{left:10px;right:auto;top:7px}.dbd-prediction-demo{height:200px}.dbd-human-demo{height:240px}#opm-menu .dbd-prediction-demo svg{width:100%;height:200px}#opm-menu .dbd-human-demo svg{width:100%;height:240px}.dbd-lead-legend{position:absolute;left:13px;top:7px;display:flex;align-items:center;gap:6px;color:#888;font-size:8px}.dbd-lead-legend i{border:1px solid #ddd;width:8px;height:8px;border-radius:50%}.dbd-lead-legend b{margin-left:12px;border-radius:50%;background:var(--menu-accent);width:6px;height:6px}.dbd-lead-caption{position:absolute;left:13px;right:8px;bottom:8px;color:#777;font:8px/1.3 monospace;letter-spacing:.3px;white-space:normal}.dbd-human-legend{position:absolute;bottom:8px;left:12px;display:flex;gap:22px;font-size:8px;color:#777}.dbd-human-label{color:var(--menu-accent)}
#opm-menu .dbd-crosshair-card{height:313px}.dbd-crosshair-card h3{margin-bottom:20px}#opm-menu .dbd-crosshair{height:95px;display:block;margin-bottom:7px}#opm-menu .dbd-crosshair svg{width:100%;height:95px}.dbd-crosshair-status{position:absolute;left:10px;bottom:7px;font-size:8px;color:#999}.dbd-crosshair-card>.dbd-simple{height:27px}.dbd-crosshair-card .dbd-segments{padding:0;background:none;gap:6px;margin:4px 0 8px;flex-wrap:nowrap}.dbd-crosshair-card .dbd-segments button{height:28px;min-width:0;padding:2px;border:1px solid #282828;border-radius:6px;background:#181818;font-size:17px!important;font-weight:500!important}.dbd-crosshair-card .dbd-segments button[aria-pressed=true]{background:color-mix(in srgb,var(--menu-accent) 16%,#171717);border-color:var(--menu-accent)}
#opm-menu .dbd-crosshair-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0}.dbd-crosshair-tiles .dbd-tile{padding:8px 9px 7px;border-radius:8px;height:66px}.dbd-crosshair-tiles .dbd-tile strong{font-size:16px}.dbd-crosshair-tiles .dbd-tile label{font-size:8px;margin:2px 0 7px}.dbd-crosshair-tiles .dbd-tile small{margin-left:2px}.dbd-crosshair-tiles .dbd-tile input{display:block;margin-top:3px}
#opm-menu .dbd-skill-faithful{width:112px;height:134px;margin:0 auto;border:0;border-radius:0;position:relative}#opm-menu .dbd-skill-faithful:after{display:none}.dbd-skill-faithful svg{width:112px;height:112px;display:block}.dbd-skill-caption{position:absolute;top:112px;left:-10px;right:-10px;text-align:center;color:#777;font-size:8px;white-space:nowrap}
@media(max-width:900px) and (min-width:601px){#opm-menu .dbd-skill-faithful{width:75px}.dbd-skill-faithful svg{width:75px;height:100px}.dbd-skill-caption{font-size:7px;white-space:normal}.dbd-crosshair-tiles .dbd-tile{padding-inline:5px}.dbd-crosshair-tiles .dbd-tile label{font-size:7px}}
@media(max-width:600px){#opm-menu .dbd-crosshair-card{min-height:313px}.dbd-human-legend{gap:13px}.dbd-lead-caption{font-size:7px}}