body{background-color:#fff;color:#000;font-family:sans-serif}canvas{margin-top:10px;display:block}.version{position:fixed;bottom:0;right:0;color:#ccc;font-size:.5em;text-align:right;margin:0}#root{padding-right:5px}a{text-decoration:none;color:brown}#about{border:1px solid grey;background-color:#f0f0f0;width:75%;margin:3ex auto;padding:0 1em 1.5ex}#about h1{font-size:144%;font-weight:400;text-align:center}.privacy{font-size:70%;font-style:italic;color:grey;text-align:center}.siteswap{margin:0 0 10px;font-size:16pt;width:100%}.invalid-siteswap{color:#be3031;background-color:#fee9ea}.colorpicker{margin-top:10px;margin-right:30px;min-width:290px;min-height:150px}.orbitcolors{border-spacing:5px;display:inline-block;vertical-align:top}.orbitcolors tr{height:32px}.orbitcolors .text{border:1px solid #fff;border-radius:20px;text-align:center}.orbitcolors tr.selected .text{background-color:#ffffc3;border:1px solid grey}.orbitcolors .text{font-size:16pt;padding:0 1ex}.orbitcolors td.selected{background-color:#ff0}td.color{width:30px;height:30px;border:1px solid grey;border-radius:20px}.palette{margin-left:10px;background-color:#fff;display:inline-block;vertical-align:top;border-spacing:5px}.palettecolor{height:20px;width:30px;border:1px solid grey;border-radius:20px}.buttonBar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button{display:inline-block;text-decoration:none;margin:0 3px 10px 0;padding:2px;border:2px solid #000;border-radius:20px}.button,.button img{width:32px;height:32px}.spacer{display:inline-block;text-decoration:none;width:8px;height:32px;margin:0}.nerdview{font-family:Panic Sans,Monaco,Andale Mono,monospace;font-size:.85em;overflow-y:scroll}.nerdview p{margin:.25ex}.displaybox,.nerdview,.propertysliders{margin-top:10px}.propertysliders input{width:20em}.row{margin:.5ex 0;display:table-row}.col,.row{vertical-align:middle}.col{display:table-cell;padding-right:1ex}.col:nth-of-type(2){text-align:right;width:3em}.error{color:red}#spinner{display:none;z-index:999;height:2em;width:2em;overflow:show;margin:auto;bottom:0;right:0}#spinner,#spinner:before{position:fixed;top:0;left:0}#spinner:before{content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.3)}#spinner:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}#spinner:not(:required):after{content:'';display:block;font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1.5s infinite linear;animation:spinner 1.5s infinite linear;border-radius:.5em;box-shadow:1.5em 0 0 0 rgba(0,0,0,.75),1.1em 1.1em 0 0 rgba(0,0,0,.75),0 1.5em 0 0 rgba(0,0,0,.75),-1.1em 1.1em 0 0 rgba(0,0,0,.75),-1.5em 0 0 0 rgba(0,0,0,.75),-1.1em -1.1em 0 0 rgba(0,0,0,.75),0 -1.5em 0 0 rgba(0,0,0,.75),1.1em -1.1em 0 0 rgba(0,0,0,.75)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}input[type=range]{-webkit-appearance:none;margin:4.3px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:5.4px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#e1e1e1;border-radius:2.4px;border:.5px solid #010101}input[type=range]::-webkit-slider-thumb{box-shadow:.3px .3px 1px #000031,0 0 .3px #00004b;border:1.8px solid #00001e;height:14px;width:27px;border-radius:10px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-4.8px}input[type=range]:focus::-webkit-slider-runnable-track{background:#eee}input[type=range]::-moz-range-track{width:100%;height:5.4px;cursor:pointer;box-shadow:0 0 0 #000,0 0 0 #0d0d0d;background:#e1e1e1;border-radius:2.4px;border:.5px solid #010101}input[type=range]::-moz-range-thumb{box-shadow:.3px .3px 1px #000031,0 0 .3px #00004b;border:1.8px solid #00001e;height:14px;width:27px;border-radius:10px;background:#fff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5.4px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#d4d4d4}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{border:.5px solid #010101;border-radius:4.8px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}input[type=range]::-ms-fill-upper{background:#e1e1e1}input[type=range]::-ms-thumb{box-shadow:.3px .3px 1px #000031,0 0 .3px #00004b;border:1.8px solid #00001e;height:14px;width:27px;border-radius:10px;background:#fff;cursor:pointer;height:5.4px}input[type=range]:focus::-ms-fill-lower{background:#e1e1e1}input[type=range]:focus::-ms-fill-upper{background:#eee}