@import url(https://unpkg.com/tachyons/css/tachyons.min.css);.lips{background-color:#dfdbe5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='92'%3E%3Cpath fill-rule='evenodd' d='M72 10H40L16 20H0v8h16l24-14h32l24 14h16v-8H96L72 10zm0-8H40L16 4H0v8h16l24-6h32l24 6h16V4H96L72 2zm0 84H40l-24-6H0v8h16l24 2h32l24-2h16v-8H96l-24 6zm0-8H40L16 64H0v8h16l24 10h32l24-10h16v-8H96L72 78zm0-12H40L16 56H0v4h16l24 14h32l24-14h16v-4H96L72 66zm0-16H40l-24-2H0v4h16l24 6h32l24-6h16v-4H96l-24 2zm0-16H40l-24 6H0v4h16l24-2h32l24 2h16v-4H96l-24-6zm0-16H40L16 32H0v4h16l24-10h32l24 10h16v-4H96L72 18z' fill='%239C92AC' fill-opacity='.4'/%3E%3C/svg%3E")}.clouds{background-color:#87c0eb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath fill='%23dfe1e1' fill-opacity='.4' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 10-4 0h-4.09A25.98 25.98 0 000 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 00-2-2v-2a4 4 0 013.98 3.6 28.09 28.09 0 012.8-3.86A8 8 0 000 6V4a9.99 9.99 0 018.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 000 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0014.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 014 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 00-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0148.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0156 4v2a8 8 0 00-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0156 10v2a2 2 0 00-2 2.07 28.4 28.4 0 012-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 012.8-3.86 8 8 0 00-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 017.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 00-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0136.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 00-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0125.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 00-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0116.34 0z'/%3E%3C/svg%3E")}.arch{background-color:#dfdbe5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23d5008f' fill-opacity='.4'/%3E%3C/svg%3E")}.brick{background-color:#999;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z' fill='%23555' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")}#root,body,html{height:100%;overflow-x:hidden}.wrapper{min-height:100vh}ol,ul{padding-left:30px}.current{font-weight:700}.board-row:after{clear:both;content:"";display:table}.status{margin-bottom:10px}.square{background:#fff;border:1px solid #999;float:left;font-size:24px;font-weight:700;line-height:34px;height:34px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center;width:34px}.square:focus{outline:none}.kbd-navigation .square:focus{background:#ddd}.game{display:flex;flex-direction:row}.game-info{margin-left:20px}.drum{padding:15px;background-color:#3f3f3f;margin:30px auto 0;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px}.drum-display{background-color:#202020;color:#35cac5;text-transform:uppercase;font-weight:700;padding:20px 15px;text-align:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;margin-top:30px;border:1px solid #000}.drum-display h1{margin:0;transition:all .35s ease-in-out}.drum-control{display:flex;display:-webkit-flex;justify-content:space-between;margin-top:30px;font-size:.85rem}.drum-control-volumn{margin-left:5px;width:calc(100% - 140px)}.drum-control-bank{width:120px}.drum-control-volumn-value{opacity:0;color:#db83c2;transition:all .35s ease-in-out}.drum-control-volumn input{padding-right:15px}.drum-pads{margin-top:40px;width:100%;display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-around}.drum-pad{display:block;flex-grow:1;flex-shrink:1;flex-basis:calc(33.3333% - 0.5rem);width:33.3333%;margin:.25rem;background-color:#202020;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;padding-top:30px;padding-bottom:30px;text-align:center;border:1px solid #000;transition:all .35s ease-in-out}.drum-pad:hover{cursor:pointer;box-shadow:0 1px 3px hsla(0,0%,100%,.12),0 1px 2px hsla(0,0%,100%,.24);-webkit-box-shadow:0 1px 3px hsla(0,0%,100%,.12),0 1px 2px hsla(0,0%,100%,.24);-moz-box-shadow:0 1px 3px hsla(0,0%,100%,.12),0 1px 2px hsla(0,0%,100%,.24)}.drum-pad.active,.drum-pad:active{background-color:#35cac5}.drum-footer{text-align:center;margin-top:15px}@media (min-width:576px){.drum{max-width:385px}}.switch{position:relative;display:inline-block;width:38px;height:23px}.switch input{display:none}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#db83c2;border:1px solid #000}.slider,.slider:before{position:absolute;transition:all .35s ease-in-out}.slider:before{content:"";height:15px;width:15px;left:3px;bottom:3px;background-color:#aacde7}input:checked+.slider:before{-webkit-transform:translateX(15px);transform:translateX(15px)}.slider.round{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px}.slider.round:before{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}[type=range]{--range:calc(var(--max, 100) - var(--min, 0));--ratio:calc((var(--val, 50) - var(--min, 0))/var(--range));--sx:calc(0.5*var(--thumb-width, "1.15em") + var(--ratio)*(100% - var(--thumb-width, "1.15em")));margin:0;padding:0;width:100%;width:var(--width,100%);height:"1.5em";height:var(--height,"1.5em");background:transparent;font:1em/1 arial,sans-serif;outline:none}[type=range],[type=range]::-webkit-slider-thumb{-webkit-appearance:none}[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;border:1px "solid" "#000";border:var(--track-border-width,1px) var(--track-border-style,"solid") var(--track-border-color,"#000");width:100%;width:var(--width,100%);height:"0.75em";height:var(--track-height,"0.75em");background:"#aacde7";background:var(--track-color,"#aacde7");border-radius:"0.5em";border-radius:var(--border-radius,"0.5em");-webkit-border-radius:"0.5em";-webkit-border-radius:var(--border-radius,"0.5em");-moz-border-radius:"0.5em";-moz-border-radius:var(--border-radius,"0.5em");-ms-border-radius:"0.5em";-ms-border-radius:var(--border-radius,"0.5em");background:linear-gradient(#35cac5,#35cac5) 0/var(--sx) 100% no-repeat "#aacde7";background:linear-gradient(var(--progress-color,#35cac5),var(--progress-color,#35cac5)) 0/var(--sx) 100% no-repeat var(--track-color,"#aacde7")}[type=range]::-moz-range-track{box-sizing:border-box;border:1px "solid" "#000";border:var(--track-border-width,1px) var(--track-border-style,"solid") var(--track-border-color,"#000");width:100%;width:var(--width,100%);height:"0.75em";height:var(--track-height,"0.75em");background:"#aacde7";background:var(--track-color,"#aacde7");border-radius:"0.5em";border-radius:var(--border-radius,"0.5em");-webkit-border-radius:"0.5em";-webkit-border-radius:var(--border-radius,"0.5em");-moz-border-radius:"0.5em";-moz-border-radius:var(--border-radius,"0.5em");-ms-border-radius:"0.5em";-ms-border-radius:var(--border-radius,"0.5em")}[type=range]::-ms-track{box-sizing:border-box;border:1px "solid" "#000";border:var(--track-border-width,1px) var(--track-border-style,"solid") var(--track-border-color,"#000");width:100%;width:var(--width,100%);height:"0.75em";height:var(--track-height,"0.75em");background:"#aacde7";background:var(--track-color,"#aacde7");border-radius:"0.5em";border-radius:var(--border-radius,"0.5em");-webkit-border-radius:"0.5em";-webkit-border-radius:var(--border-radius,"0.5em");-moz-border-radius:"0.5em";-moz-border-radius:var(--border-radius,"0.5em");-ms-border-radius:"0.5em";-ms-border-radius:var(--border-radius,"0.5em")}[type=range]::-moz-range-progress{height:"0.75em";height:var(--track-color,"0.75em");background:#35cac5;background:var(--progress-color,#35cac5);border-radius:"0.5em";border-radius:var(--border-radius,"0.5em");-webkit-border-radius:"0.5em";-webkit-border-radius:var(--border-radius,"0.5em");-moz-border-radius:"0.5em";-moz-border-radius:var(--border-radius,"0.5em");-ms-border-radius:"0.5em";-ms-border-radius:var(--border-radius,"0.5em")}[type=range]::-ms-fill-lower{height:"0.75em";height:var(--track-color,"0.75em");background:#35cac5;background:var(--progress-color,#35cac5);border-radius:"0.5em";border-radius:var(--border-radius,"0.5em");-webkit-border-radius:"0.5em";-webkit-border-radius:var(--border-radius,"0.5em");-moz-border-radius:"0.5em";-moz-border-radius:var(--border-radius,"0.5em");-ms-border-radius:"0.5em";-ms-border-radius:var(--border-radius,"0.5em")}[type=range]::-webkit-slider-thumb{box-sizing:border-box;width:"1.15em";width:var(--thumb-width,"1.15em");height:"1.15em";height:var(--thumb-height,"1.15em");border-radius:"40%";border-radius:var(--thumb-border-radius,"40%");background:#db83c2;background:var(--thumb-color,#db83c2);border:"1px solid #000";border:var(--thumb-border,"1px solid #000")}[type=range]::-moz-range-thumb{box-sizing:border-box;width:"1.15em";width:var(--thumb-width,"1.15em");height:"1.15em";height:var(--thumb-height,"1.15em");border-radius:"40%";border-radius:var(--thumb-border-radius,"40%");background:#db83c2;background:var(--thumb-color,#db83c2);border:"1px solid #000";border:var(--thumb-border,"1px solid #000")}[type=range]::-ms-thumb{margin-top:0;box-sizing:border-box;width:"1.15em";width:var(--thumb-width,"1.15em");height:"1.15em";height:var(--thumb-height,"1.15em");border-radius:"40%";border-radius:var(--thumb-border-radius,"40%");background:#db83c2;background:var(--thumb-color,#db83c2);border:"1px solid #000";border:var(--thumb-border,"1px solid #000")}[type=range]::-ms-tooltip{display:none}
/*# sourceMappingURL=main.5bfa3fff.chunk.css.map */