#root{height:100vh;left:0;position:absolute;top:0;width:100%}input[type=range]{-webkit-appearance:none;background:transparent;border:2px solid #fff;border-radius:0;height:10px;margin-left:10px;margin-top:20px;outline:none;width:95%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #fff;border-radius:0;cursor:pointer;height:50px;width:5px}input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #fff;border-radius:0;cursor:pointer;height:50px;width:5px}.ChessLayout{background:#fff;font-family:arial;height:calc(100vh - 10px);padding:5px}.ChessLayout:after{clear:both}.ChessLayout .inner-box,.ChessLayout .right{float:left;height:100%;margin:1px;width:calc(50% - 6px)}.ChessLayout .inner-box .active,.ChessLayout .inner-box button,.ChessLayout .right .active,.ChessLayout .right button{background:#d5d5d5;border:none;border-radius:3px;height:100%;width:100%}.ChessLayout .inner-box .active h2,.ChessLayout .inner-box button h2,.ChessLayout .right .active h2,.ChessLayout .right button h2{color:#222;font-size:4rem}.ChessLayout .inner-box .active h2 span,.ChessLayout .inner-box button h2 span,.ChessLayout .right .active h2 span,.ChessLayout .right button h2 span{font-size:3rem;opacity:.5}.ChessLayout .inner-box .active,.ChessLayout .right .active{background:#128d17;box-shadow:4px 0 4px 0 #282828;color:#fff}.ChessLayout .inner-box .active h2,.ChessLayout .right .active h2{color:#fff}.ChessLayout .right .active{box-shadow:-2px 0 4px 0 #282828}.ChessLayout .settings{background:#276da5;color:#fff;height:calc(100% - 10px);padding-top:50px;position:absolute;text-shadow:0 0 3px #000;width:calc(100% - 10px);z-index:2}.ChessLayout .settings .quick-start{text-align:center}.ChessLayout .inner-box .settings .quick-start .active,.ChessLayout .right .settings .quick-start .active,.ChessLayout .settings .quick-start .inner-box .active,.ChessLayout .settings .quick-start .right .active,.ChessLayout .settings .quick-start button{background:#22a328;border:#22a328;border-radius:5px;box-shadow:0 0 5px -3px #000;color:#fff;font-size:25px;font-weight:700;margin:5px;padding:10px;width:120px}.ChessLayout .settings .inner-box,.ChessLayout .settings .right{height:auto;padding-left:10px;text-align:center;width:calc(50% - 26px)}.ChessLayout .settings .inner-box h3,.ChessLayout .settings .right h3{color:#bbb3b3}.ChessLayout .settings .inner-box h3 span,.ChessLayout .settings .right h3 span{color:#fff;font-size:2rem}.ChessLayout .reset,.ChessLayout .select{background:#f44336;border:none;border-radius:0 0 50px 50px;color:#fff;font-size:1rem;font-weight:700;height:50px;left:calc(50% - 55px);padding-bottom:20px;position:fixed;text-shadow:0 1px 2px #000;text-transform:uppercase;top:0;width:100px;z-index:3}.ChessLayout .reset{background:#1f35b3;border-radius:50px 50px 0 0;bottom:0;padding-bottom:0;padding-top:17px;top:auto}@media(orientation:portrait){.ChessLayout .reset,.ChessLayout .select{border-radius:0 0 50px 50px;left:calc(100% - 75px);top:calc(50% - 20px);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ChessLayout .reset{border-radius:50px 50px 0 0;left:-25px}.ChessLayout .inner-box,.ChessLayout .right{height:49vh;width:calc(100% - 6px)}.ChessLayout .inner-box .left .active,.ChessLayout .left .inner-box .active,.ChessLayout .left .right .active,.ChessLayout .left button,.ChessLayout .right .left .active{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.ChessLayout .settings .inner-box,.ChessLayout .settings .right{height:auto;padding-left:10px;width:calc(100% - 26px)}}
/*# sourceMappingURL=main.218f4a4b.css.map*/