html,body{height:100%;margin:0;font-family:Helvetica Neue,Arial,sans-serif}.container{max-width:1750px;margin:0 auto}.main{width:94%;padding-left:3%;padding-right:3%;padding-bottom:5%;font-size:16px;float:left}.canvas{max-width:500px;max-height:500px;width:100%;height:100%}.border{border:1px solid #000000}.btn{border:none;color:#fff;padding:16px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;transition-duration:.4s;cursor:pointer}.btn-config{background-color:#fff;color:#000;border:2px solid #034169}.btn-config-selected{background-color:#4169e1;color:#fff}.btn-clickable{transition:all .3s ease-in-out 0s;position:relative}.btn-clickable:before{content:"";border:6px solid #4169E1;position:absolute;opacity:0;transition:all .3s ease-in-out 0s}.btn-clickable:after{content:"";border:5px solid #4169E1;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);animation:box 1.5s infinite}@keyframes box{0%{width:80px;height:30px;opacity:1}to{width:190px;height:70px;opacity:0}}.slider{-webkit-appearance:none;width:50%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#4169e1;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#4169e1;cursor:pointer}.main>ul{padding-left:1em}.main>ul>li{margin:1em;font-size:14px;max-width:750px}ul:last-of-type{margin-bottom:7em}.tooltip span{display:none;width:75%;max-width:500px;padding:1em;margin-left:10px;border-radius:7px 14px}.tooltip:hover span{display:inline;position:absolute;background:#bcdaed;color:#034169}.tooltip:hover span>sub{font-size:10px}.tooltip:hover span>sup{font-size:10px}.settings-dialog{box-shadow:10px 5px 5px gray}