body{margin:0;background-color:#666;font-family:Arial,Helvetica,sans-serif}#app{margin:0;padding:1em}#cube{margin:0;padding:0}#cube twisty-player{width:15em;height:15em}.controls{margin-left:.5em}.controls button{color:#fff;background-color:#333;border:1px solid silver;margin:.1em;padding:.5em 1em;font-weight:700;cursor:pointer;border-radius:1em}.info{display:grid;grid-template-columns:5em 15em;margin:1em 0}.info input{font-size:.5em;font-weight:700;color:#000;background-color:#eee;border:1px solid #333;margin:.5em;padding:.5em 1em;font-family:Arial,Helvetica,sans-serif;border-radius:1em}.info label{text-wrap:nowrap;font-size:.5em;color:#fff;text-align:right;margin:auto 0;padding:.5em;font-family:Arial,Helvetica,sans-serif}.info label:after{content:":"}#timer{position:absolute;font-size:2em;top:9em;left:.5em;width:8.3em;padding:1em;border:1px solid silver;border-radius:1em;background-color:#333;color:#fff;text-align:center;z-index:10;font-family:Courier New,Courier,monospace;font-weight:700;display:none}.help{color:#ffffff80;font-family:Arial,Helvetica,sans-serif;width:20rem;font-size:.8em;margin-top:.5em}.sources{width:100%;background-color:#333;padding:10px}.sources p{margin-top:0;color:#fff;font-size:.8em;font-weight:700}.note-table{margin-bottom:20px}.note-table h3{margin:0;padding:0;color:#fff}.note-table p{margin:0 0 10px;padding:0;color:#fff}.note-table table{width:300px;border-collapse:collapse}.note-table th,.note-table td{padding:10px;text-align:center;border:1px solid #ddd}.note-table th{background-color:#f4f4f4}.note-table tr:nth-child(2n){background-color:#d5d5d5}