body,html{height:100%}body{font-family:Arial,Helvetica,sans-serif;margin:0}.button{background:none;border:none;cursor:pointer}.button.fullscreen{position:absolute;right:1rem;top:1rem}.button.fullscreen svg{fill:#789}.container{display:grid;height:100%;margin:0;padding:0;width:100%}.panel{align-items:center;display:flex;flex-direction:column;justify-content:center}.selector{border-radius:1rem;display:flex;padding:2rem}input{cursor:pointer;height:8rem;width:8rem}input[type=text]{border:none;box-sizing:border-box;cursor:text;font-size:1.8rem;margin:0 1rem 0 0;padding:0;text-align:center}.preset-container{bottom:0;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0;position:absolute;width:100%}.preset{align-items:flex-end;border-radius:1rem 1rem 0 0;cursor:pointer;display:flex;font-size:.8rem;height:3rem;justify-content:center;padding:0 .5rem .5rem;text-transform:capitalize;width:5rem}.preset-container,input{transition:opacity .2s}.panel{transition:background-color .2s}