:root{--panel-w: 368px}.light{--chain-sel: rgba(238, 238, 238, .2);--dim: #444;--bg: #f8f8f8;--screen: #f8f8f8;--fg: #444;--ctrl: #ddd;--ctrl-fg: #444;--radio: #ddd;--radio-sel: #666;--radio-sel-fg: #f8f8f8;--hover: #444;--hover-fg: #f8f8f8;--gear-fill: rgba(238, 238, 238, .8);--gear-sel: rgba(118, 202, 255, .5);--gear-hover: rgba(118, 202, 255, .35);--gear-fill-3d: rgba(238, 238, 238, .35);--stroke: #444;--grid: #888;--list: rgba(68, 68, 68, .55);--list-sel: #444;--list-sel-fg: #f8f8f8;--accent: #c0392b;--warn: #c0392b;--belt: rgb(238, 238, 238);--belt-opacity: .4;--belt-opacity-sel: .75;--chain: #6b6f76}.blueprint{--chain-sel: rgba(0, 113, 184, .2);--dim: #fff;--bg: #0071b8;--screen: #0071b8;--fg: #fefefe;--ctrl: #3f8fd0;--ctrl-fg: #fefefe;--radio: #377fc6;--radio-sel: #3f8fd0;--radio-sel-fg: #fefefe;--hover: #fefefe;--hover-fg: #0071b8;--gear-fill: rgba(0, 113, 184, .8);--gear-sel: rgba(51, 141, 204, .85);--gear-hover: rgba(51, 141, 204, .6);--stroke: #fefefe;--grid: #fff;--list: rgba(255, 255, 255, .55);--list-sel: #fefefe;--list-sel-fg: #0071b8;--accent: #ffd34d;--warn: #ffd34d;--belt: #002850;--belt-opacity: .85;--chain: rgba(0, 60, 110, .8)}.dark{--chain-sel: rgba(48, 48, 48, .2);--dim: #fff;--bg: #222;--screen: #1c1c1c;--fg: #ccc;--ctrl: #444;--ctrl-fg: #ccc;--radio: #444;--radio-sel: #888;--radio-sel-fg: #222;--hover: #ccc;--hover-fg: #222;--gear-fill: rgba(48, 48, 48, .8);--gear-sel: rgba(70, 130, 170, .55);--gear-hover: rgba(70, 130, 170, .35);--stroke: #ccc;--grid: #888;--list: #888;--list-sel: #ccc;--list-sel-fg: #222;--accent: #e8664f;--warn: #f0a35e;--belt: #0e0e0e;--chain: #555}html,body{margin:0;height:100%;background:var(--bg)}body:not(.ready){visibility:hidden}body{font-family:Helvetica,Arial,sans-serif;font-size:12px;background:var(--bg);color:var(--fg);user-select:none;-webkit-user-select:none;overflow:hidden}input,textarea{user-select:text;-webkit-user-select:text}[hidden]{display:none!important}#panel{position:fixed;top:0;bottom:40px;left:0;width:var(--panel-w);padding:0 10px 32px 16px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}#footer{position:fixed;left:0;bottom:0;width:var(--panel-w);height:40px;padding:0 16px;box-sizing:border-box;display:flex;align-items:center}#contentcover,#topcontentcover{position:absolute;left:0;width:var(--panel-w);height:100px;pointer-events:none}#contentcover{top:-100px;background:linear-gradient(to top,var(--bg),transparent)}#topcontentcover{top:0;opacity:0;background:linear-gradient(to bottom,var(--bg),transparent)}#impressum{display:block;line-height:0}#impressum polyline{fill:none;stroke:var(--fg);stroke-linecap:square;stroke-miterlimit:2}#impressum svg{opacity:.5}#impressum:hover svg{opacity:1}#stage{position:absolute;top:0;bottom:0;left:var(--panel-w);right:0;background:var(--screen);border-left:1px solid var(--ctrl);overflow:hidden}::-webkit-scrollbar{width:8px;height:8px;background:none}::-webkit-scrollbar-thumb{border-radius:8px;background:color-mix(in srgb,var(--fg) 22%,transparent)}h2{margin:14px 0 4px;font-size:15px;font-weight:700}h3{margin:8px 0 4px;font-size:13px;font-weight:700}section{margin-bottom:6px}label.lbl{display:inline-block;flex:none;width:120px;vertical-align:middle}label.lbl.h2{font-size:15px;font-weight:700}.headrow,.buttonrow,.radios,.check,.selectrow,.textrow,.field{display:flex;flex-wrap:nowrap;align-items:center}.headrow{margin-top:10px}.rem{opacity:.55;font-size:11px}.warn{color:var(--warn)}button{appearance:none;font:12px Helvetica,Arial,sans-serif;border-radius:4px;padding:3px 10px;min-width:24px;margin:2px 5px 5px 2px;background:var(--ctrl);color:var(--ctrl-fg);border:1px solid var(--ctrl);cursor:pointer}button:hover:not(:disabled),button.radio.selected:hover:not(:disabled){background:var(--hover);color:var(--hover-fg);border-color:var(--hover)}button:disabled{opacity:.4;cursor:default}button.first{border-radius:4px 0 0 4px;margin-right:0}button.next{border-radius:0;margin-left:1px;margin-right:0}button.last{border-radius:0 4px 4px 0;margin-left:1px}button.radio{background:var(--radio);border-color:var(--radio)}button.radio.selected{background:var(--radio-sel);border-color:var(--radio-sel);color:var(--radio-sel-fg)}.gearicon{fill:var(--ctrl-fg)}button.selected .gearicon{fill:var(--radio-sel-fg)}button:hover:not(:disabled) .gearicon{fill:var(--hover-fg)}button.icon{padding:4px 6px 0;vertical-align:middle}#typesection{flex-wrap:wrap}#typebar{display:flex;flex-wrap:nowrap;flex-basis:100%;justify-content:flex-start;margin-top:4px}input[type=text],select{appearance:none;font:12px Helvetica,Arial,sans-serif;border-radius:4px;margin:2px 5px 5px 2px;padding:3px 0 3px 4px;background:var(--ctrl);color:var(--ctrl-fg);border:1px solid var(--ctrl);box-sizing:content-box}select{padding-right:4px;max-width:190px}input[type=text]{width:124px}input[type=text].wide{width:180px}input[type=text].bad{outline:1px solid var(--warn);animation:shake .25s}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.checkcols{display:grid;grid-template-columns:1fr 1fr}.checkcols>div{min-width:0}input.thecheckbox{appearance:none;-webkit-appearance:none;flex:none;width:19px;height:21px;margin:2px 5px 5px 2px;padding:0;border-radius:4px;border:1px solid var(--ctrl);background:var(--ctrl);display:inline-grid;place-items:center;overflow:hidden;vertical-align:middle;cursor:pointer;font:12px Helvetica,Arial,sans-serif}input.thecheckbox:after{content:"\2715";color:var(--ctrl)}input.thecheckbox:checked:after{color:var(--ctrl-fg)}input.thecheckbox:hover{background:var(--hover);border-color:var(--hover)}input.thecheckbox:hover:after{color:var(--hover)}input.thecheckbox:checked:hover:after{color:var(--hover-fg)}.field input[type=text]{flex:1 1 124px;min-width:30px}.field button{flex:none}.field input[type=text].readonly{opacity:.55;cursor:default}button.stepper{cursor:ew-resize;touch-action:none}body.valuedrag,body.valuedrag *{cursor:ew-resize!important}.field.disabled{opacity:.45;pointer-events:none}#title{margin:16px 0 0}#title svg{display:block;overflow:visible}#title polyline,.strokefont polyline{fill:none;stroke:var(--fg);stroke-linecap:square;stroke-miterlimit:2}.topbar{display:flex;justify-content:space-between;align-items:center;margin-top:8px}#objectlist{list-style:none;padding:0;margin:3px 0 6px}#objectlist li{margin:0 -10px 0 -16px;padding:3px 10px 3px 16px;color:var(--list);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#objectlist li:hover{color:var(--fg)}#objectlist li.selected{background:var(--list-sel);color:var(--list-sel-fg);font-weight:700}#objectlist li .warnmark{color:var(--warn)}.drive h3{margin:10px 0 2px}.drive-note{margin:0 0 4px}#infobox{position:absolute;top:55px;right:16px;width:290px;max-height:calc(100% - 103px);overflow-y:auto;box-sizing:border-box;padding:20px;border-radius:10px;background:#0009;color:#f4f4f4;scrollbar-width:thin}#infobox .warnings{color:#ffd34d}#infobox .rem{margin:0}.info{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0}.info dt{opacity:.7}.info dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.info .head{grid-column:1 / -1;font-weight:700;margin-top:6px;opacity:1}.info .head:first-child{margin-top:0}.warnings{margin:6px 0;padding:0;list-style:none;color:var(--warn)}#view{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#view.dragging{cursor:grabbing}#hudbar{position:absolute;left:16px;right:16px;bottom:0;height:40px;display:flex;align-items:center;gap:18px;pointer-events:none}#hud{flex:1 1 auto;min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:18px;overflow:hidden}#hud span{display:block;flex:none;line-height:0}#hud svg{opacity:.75}#hud .hint svg{opacity:.45}#hud path{fill:none;stroke:var(--fg);stroke-linecap:square;stroke-miterlimit:2}#scaleinfo{flex:none;line-height:0}#scaleinfo svg{opacity:.75}#scaleinfo path{fill:none;stroke:var(--fg);stroke-linecap:square;stroke-miterlimit:2}#stagetools{position:absolute;top:14px;right:11px;display:flex;gap:0;align-items:center}#props3d .radios button{padding-left:7px;padding-right:7px}body:not(.mode3d) #stagetools .tools3d,body.mode3d #stagetools .tools2d{display:none}#stagetools .tools{display:flex;align-items:center}#view3d{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#view3d.dragging,#view3d.turning{cursor:grabbing}#view3d.handle{cursor:pointer}#no3d{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:14px;opacity:.85}#view .body{fill:var(--gear-fill);stroke:var(--stroke);stroke-width:calc(1 * var(--px));stroke-linejoin:round}#view .obj.selected .body{fill:var(--gear-sel)}#view .hub{fill:none;stroke:var(--stroke);stroke-width:calc(.8 * var(--px));opacity:.75;pointer-events:none}#view .obj:not(.selected) .body:hover{fill:var(--gear-hover)}#view .rackfade-fill stop{stop-color:var(--gear-fill)}#view .obj.selected .rackfade-fill stop{stop-color:var(--gear-sel)}#view .obj:not(.selected):hover .rackfade-fill stop{stop-color:var(--gear-hover)}#view .rackfade-line stop{stop-color:var(--stroke)}.hide-curves.hide-nodes #view .rackconstruction{display:none}#view .obj.dimmed{opacity:.3}#view .guides circle,#view .guides line,#view .guides path{fill:none;stroke:var(--stroke);stroke-width:calc(1 * var(--px))}#view .guides .ref{opacity:.5;stroke-dasharray:calc(6 * var(--px)) calc(4 * var(--px))}#view .guides .base{opacity:.3;stroke-dasharray:calc(2 * var(--px)) calc(3 * var(--px))}#view .guides .tip,#view .guides .root{opacity:.2;stroke-dasharray:calc(1 * var(--px)) calc(3 * var(--px))}#view .centermark{fill:none;stroke:var(--stroke);stroke-width:calc(1 * var(--px));opacity:.85}.stopped #view .firstmarker{cursor:pointer;stroke:transparent;stroke-width:calc(14 * var(--px));pointer-events:all}.stopped #view .firstmarker[data-member^="planet:"]{cursor:default;stroke:none;pointer-events:none}#view.turning,#view.turning .firstmarker{cursor:grabbing}#view .firstmarker{fill:var(--stroke);stroke:none}#view .label polyline,#view .label path{fill:none;stroke:var(--stroke);stroke-width:calc(.8 * var(--px));stroke-linecap:square}.hide-guides #view .guides,.hide-labels #view .label,.hide-marks #view .centermark,.hide-marks #view .firstmarker,.hide-curves #view .curves,.hide-nodes #view .nodes,#view .obj:not(.related) .nodes,.hide-loa #view .mesh{display:none}#view .construction .seg{fill:none;stroke-width:calc(2.2 * var(--px));stroke-linecap:round}#view .seg.involute{stroke:#2f7de1}#view .seg.trochoid{stroke:#f08c1a}#view .seg.flank,#view .seg.line{stroke:#22b07d}#view .seg.tip,#view .seg.root{stroke:#9aa0a6}#view .seg.rim{stroke:none}#view .nodes .handles{fill:none;stroke:#9b6bff;stroke-width:calc(.8 * var(--px))}#view .nodes .anchors{fill:none;stroke:var(--stroke);stroke-width:calc(4 * var(--px));stroke-linecap:round}#view .nodes .ctrl{fill:none;stroke:#9b6bff;stroke-width:calc(3.5 * var(--px));stroke-linecap:round}#view .mesh .loa{stroke:var(--accent);stroke-width:calc(1.5 * var(--px));opacity:.85}#view .mesh .contacts{fill:none;stroke:var(--accent);stroke-width:calc(8 * var(--px));stroke-linecap:round}#view .carrier .arms{fill:none;stroke:var(--stroke);stroke-width:calc(1 * var(--px));stroke-dasharray:calc(4 * var(--px)) calc(3 * var(--px));stroke-linecap:round;opacity:.55}#view .carrier .pin{fill:var(--stroke);opacity:.6}#view .chain use{fill:var(--gear-fill);stroke:var(--stroke);stroke-width:calc(.8 * var(--px))}#view .obj.selected .chain use{fill:var(--chain-sel)}#view .belt{opacity:var(--belt-opacity, 1)}#view .obj.selected .belt{opacity:var(--belt-opacity-sel, var(--belt-opacity, 1))}#view .belt .band{fill:none;stroke:var(--belt)}#view .belt .belt-tooth{fill:var(--belt)}#view .belt .stripe{fill:none;stroke:var(--stroke);opacity:.35}#view .belt-edge .band{stroke:var(--stroke);stroke-width:calc(var(--band) + 2 * var(--px))}#view .belt-edge .belt-tooth{fill:none;stroke:var(--stroke);stroke-width:calc(2 * var(--px));stroke-linejoin:round}#view .pitch-path{fill:none;stroke:var(--accent);stroke-width:calc(1 * var(--px));stroke-dasharray:calc(5 * var(--px)) calc(4 * var(--px));opacity:.7}#view .dimension .connection,#view .dimension .dim-text{fill:none;stroke:var(--dim);stroke-width:calc(1 * var(--px));stroke-linecap:round;stroke-linejoin:round;opacity:.75}#view .dimension .connection{stroke-dasharray:calc(4 * var(--px)) calc(3 * var(--px))}#gridpattern path{fill:none;stroke:var(--grid);opacity:.2}#gridpattern .g-major{stroke-width:calc(1 * var(--px))}#gridpattern .g-mid{stroke-width:calc(.5 * var(--px))}#gridpattern .g-minor{stroke-width:calc(.25 * var(--px))}.hide-grid #gridrect{display:none}#animation{margin-top:18px}.overlay{position:fixed;inset:0;z-index:50;overflow:auto;text-align:center;font-size:120%;color:#fff;background:#000c;opacity:1;transition:opacity .5s ease-in-out}.overlay.hidden{opacity:0;pointer-events:none}.overlay-box{position:relative;top:50%;transform:translateY(-50%);margin:0 auto;width:80%;min-width:500px;max-width:600px;padding:32px;box-sizing:border-box}.overlay-box h2{font-size:150%;margin-bottom:16px}.overlay-box button{font-family:Helvetica,sans-serif;font-weight:700;font-size:20px;border:1px solid #fff;border-radius:20px;padding:8px 20px;min-width:32px;margin:2px auto;background:none;color:#fff;cursor:pointer}.overlay-box button:hover{background:#fff;color:#000}.overlay ul.prices{list-style:none;text-align:left;display:block;margin:24px auto;width:intrinsic;padding:0;transition:opacity .5s ease-in-out}.overlay ul.prices.disabled{opacity:.3;pointer-events:none}.overlay ul.prices li{clear:left;height:35px;margin-bottom:-1px;padding-top:9px;padding-right:20px;border:1px solid #fff;cursor:pointer}.overlay ul.prices li:first-child{border-radius:10px 10px 0 0}.overlay ul.prices li:last-child{border-radius:0 0 10px 10px}.overlay ul.prices li:hover,.overlay ul.prices li.selected{background:#fff;color:#000}.overlay ul.prices li .price{display:inline-block;font-size:20px;font-weight:700;width:100px;text-align:right;margin-right:16px}.overlay .pay a{cursor:pointer;text-decoration:underline}.overlay .overlay-actions{display:flex;justify-content:center;gap:16px}.overlay .overlay-actions button{margin:2px 0}.overlay .overlay-url{display:block;box-sizing:border-box;width:100%;border:1px solid #fff;border-radius:6px;margin:16px auto 20px;padding:12px 16px;max-height:40vh;overflow:auto;text-align:left;font:14px/1.5 Helvetica,Arial,sans-serif;word-break:break-all}.overlay div.overlay-url{user-select:all}.overlay textarea.overlay-url{background:none;color:#fff;resize:vertical;min-height:6em}.overlay textarea.overlay-url::placeholder{color:#ffffff80}.overlay .overlayinput.name{width:60%;text-align:center}.overlay .overlayinput{border:1px solid #fff;min-width:200px;height:20px;background:none;color:#fff;padding:10px 16px 9px;font-size:20px;margin:2px 16px 2px 2px}.overlay .store-timeleft{font-size:190%;margin:28px 0}.overlay .store-note{min-height:1.4em;margin:12px 0 4px}.overlay .store-note.warn{color:#ffd34d}.overlay .store-note.ok{opacity:.7}.passrow.locked button{color:var(--accent)}.overlay-box.news{--news-gap: 1.6em;width:60%;max-width:none;text-align:left;font-size:120%;max-height:100%;overflow-y:auto;scrollbar-width:thin}.overlay-box.news h2,.overlay-box.news .news-actions{text-align:center}.overlay-box.news h2{margin-bottom:0}.overlay-box.news h2+p{margin-top:var(--news-gap)}.overlay-box.news .news-actions{margin-top:var(--news-gap)}.overlay-box.news h3{font-size:105%;margin:18px 0 4px}.overlay-box.news p{margin:1em 0}.overlay-box.news ul{margin:4px 0;padding-left:18px}.overlay-box.news li{margin-bottom:2px}.overlay-box.news .credit{opacity:.55;font-size:92%;margin-top:18px;margin-bottom:0}.overlay-box.news .credit a{color:inherit}
