.board{position:fixed;top:0;left:0;width:0;height:0;-webkit-transition:opacity .15s,-webkit-filter .15s;transition:opacity .15s,-webkit-filter .15s;transition:opacity .15s,filter .15s;transition:opacity .15s,filter .15s,-webkit-filter .15s}.board.faded{opacity:.5;-webkit-filter:blur(2px);filter:blur(2px)}.controls{width:100%;height:3.5rem;padding:0 .5rem}.controls,.controls>.msg{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.controls>.msg{top:3.5rem;right:0;bottom:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.controls>.spacing{-webkit-box-flex:1;-ms-flex:1;flex:1}.controls>.icon{position:relative;width:2.5rem;height:2.5rem;margin-left:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.controls>.icon[disabled]{color:#c0c2c5}.controls>.pulse:before{content:"";position:absolute;width:2.5rem;height:2.5rem;border-radius:50%;background:hsla(0,0%,100%,.3);opacity:0;-webkit-animation:controls-pulse 1s infinite;animation:controls-pulse 1s infinite}@-webkit-keyframes controls-pulse{0%{-webkit-transform:scale(.4);transform:scale(.4)}30%{opacity:1}}@keyframes controls-pulse{0%{-webkit-transform:scale(.4);transform:scale(.4)}30%{opacity:1}}.layout-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));row-gap:1rem;-webkit-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;padding:1rem;max-width:82.5rem;margin:0 auto}.layout-list>a{color:inherit;text-decoration:none}.layout-list .img{position:relative;margin:0 auto .25rem auto;width:9rem;height:5.0625rem}.layout-list canvas{position:absolute;top:0;left:0;width:0;height:0;-webkit-transition:-webkit-filter .15s;transition:-webkit-filter .15s;transition:filter .15s;transition:filter .15s,-webkit-filter .15s}.layout-list>:hover canvas{-webkit-filter:drop-shadow(.0625rem .125rem .125rem rgba(0,0,0,.2)) brightness(105%);filter:drop-shadow(.0625rem .125rem .125rem rgba(0,0,0,.2)) brightness(105%)}.layout-list .caption{text-align:center}@media(max-width:30rem){.layout-list{display:block;padding:0 0 .25rem 0}.layout-list>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.25rem .5rem}.layout-list>a:not(:last-child){border-bottom:1px solid #414752}.layout-list .img{width:7rem;height:3.9375rem;margin:0 .5rem 0 0}}@media(min-width:49rem){.layout-list{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.layout-list .img{width:11rem;height:6.1875rem}}@media(min-width:70.5rem){.layout-list{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.layout-list .img{width:13rem;height:7.3125rem}}.result{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.result>.buttons{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem;margin-top:1rem}.result>.buttons>div{cursor:pointer;padding:0 .75rem;font-size:.875rem}.result>.buttons .svg-icon{margin:.5rem 0}html{font-size:16px}body{margin:0;background:#2c333f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.fullscreen{-ms-scroll-chaining:none;overscroll-behavior:none}.a2hs-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3.5rem;padding:0 .5rem;border-bottom:1px solid #414752}.a2hs-header .spacing{-webkit-box-flex:1;-ms-flex:1;flex:1}.a2hs-header .item{padding:0 .5rem;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}noscript>div{padding:.5rem}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s}.fade-enter,.fade-leave-to{opacity:0}.svg-icon{width:1.5rem;height:1.5rem;fill:currentColor}