*,:after,:before{box-sizing:border-box}body,html{background-color:#000;width:100%;height:100%}body{margin:0;padding:0;line-height:0;font-size:0;overflow:hidden}canvas{cursor:pointer;position:relative}html.drawing canvas{cursor:crosshair}html.menu-open canvas,html.music-playing canvas,html.prompt-open canvas{cursor:default}#label{position:fixed;z-index:999;left:0;top:0;background:#fff;color:#000;font-family:monospace;font-size:12px;line-height:1;padding:5px 10px;width:auto}.visuallyhidden,a[rel=license]{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}button{border-radius:0;background:0 0;background-color:transparent;border:none;text-align:center;cursor:pointer;padding:0}#menu_btn{position:fixed;right:0;top:0;z-index:998;width:60px;height:60px;transition:background-color .3s,opacity .3s}html.iframed button[id*=save]{display:none!important;pointer-events:none!important}#menu_btn .icon{display:inline-block;position:relative}#menu_btn .icon:after,#menu_btn .icon:before{content:' ';display:block;position:absolute;transition:background-color .2s,border-color .2s}#menu_btn[aria-expanded=false]{cursor:context-menu;background-color:#fff;opacity:0}#menu_btn[aria-expanded=false]:hover{background-color:#fff;opacity:1}#menu_btn[aria-expanded=false] .icon{width:35px;height:38px}#menu_btn[aria-expanded=false] .icon:after,#menu_btn[aria-expanded=false] .icon:before{background-color:transparent;width:100%}#menu_btn[aria-expanded=false] .icon:before{left:0;top:5px;height:30px;border-top:2px solid #000;border-bottom:2px solid #000}#menu_btn[aria-expanded=false] .icon:after{left:0;top:11px;height:10px;border-bottom:2px solid #000}#menu_btn[aria-expanded=true]{background-color:#fff;cursor:pointer}#menu_btn[aria-expanded=true]:active,#menu_btn[aria-expanded=true]:hover{background-color:#000}#menu_btn[aria-expanded=true] .icon{width:38px;height:38px}#menu_btn[aria-expanded=true] .icon:after,#menu_btn[aria-expanded=true] .icon:before{left:18px;top:-5px;height:52px;width:2px;background-color:#000}#menu_btn[aria-expanded=true] .icon:before{transform:rotate(45deg)}#menu_btn[aria-expanded=true] .icon:after{transform:rotate(-45deg)}#menu_btn[aria-expanded=true]:active .icon:after,#menu_btn[aria-expanded=true]:active .icon:before,#menu_btn[aria-expanded=true]:hover .icon:after,#menu_btn[aria-expanded=true]:hover .icon:before{background:#fff}#menu{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:999;background:#fff;list-style:none;margin:0;padding:0;box-shadow:5px 5px 40px 0 rgba(0,0,0,.3);transition:opacity .2s,margin .2s}#menu_btn[aria-expanded=false]~#menu{opacity:0;margin-top:20px;pointer-events:none}#menu li{display:block}#menu li:not(:last-child){border-bottom:2px solid #d3d3d3}#menu button{width:100%;text-align:center;font-family:monospace;color:#000;background:#fff;font-size:14px;padding:10px 20px;transition:background-color .2s,color .2s}#menu button:active,#menu button:hover{color:#fff;background:#000}#menu button.disabled,#menu button[disabled]{color:#9f9e9e;cursor:default;pointer-events:none}#prompt{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:10px;background:#fff;z-index:999;width:260px;box-shadow:5px 5px 40px 0 rgba(0,0,0,.3);transition:opacity .2s,margin .2s}#prompt:not(.active){opacity:0;margin-top:20px;pointer-events:none}#prompt figure{width:100%;margin:0;text-align:center;padding:20px}#prompt img{width:30%;height:auto;display:inline-block}#prompt div{font-size:12px;padding:0 20px 20px;text-align:center;line-height:1.3;font-family:monospace;color:#000}#prompt button{display:block;text-align:center;width:100%;font-family:monospace;font-size:14px;padding:10px 20px;border-top:1px solid #d3d3d3;transition:background-color .2s,color .2s}#prompt button:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}#prompt button:active,#prompt button:hover{color:#fff;background:#000}#picker_dialog{position:fixed;z-index:999;left:0;top:0;background-color:#fff;padding:4px;box-shadow:5px 5px 40px 0 rgba(0,0,0,.3)}#picker_dialog:not(.active){display:none;pointer-events:none}#picker{padding:20px 10px 0}#picker_handle{display:block;height:30px;background-color:#ccc;cursor:-webkit-grab;cursor:grab}#picker_actions{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:stretch;padding-top:20px}#picker_actions button{display:inline-block;text-align:center;width:100%;font-family:monospace;font-size:14px;padding:10px 20px;transition:background-color .2s,color .2s}#picker_actions button:active,#picker_actions button:hover{color:#fff;background:#000}.icon-menu,.menu{position:fixed;z-index:999;right:20px;top:20px}.menu:not(.active){display:none}html:not(.ready) .icon-menu{display:none}.icon-menu{opacity:0;transition:opacity .2s linear}.icon-menu button{pointer-events:none}html.menu-reveal:not(.menu-open) .icon-menu,html:not(.menu-open) .icon-menu:hover{opacity:1}html.menu-reveal:not(.menu-open) .icon-menu button,html:not(.menu-open) .icon-menu:hover button{pointer-events:all}.icon-menu li:not(:last-child){margin-bottom:10px}.icon-menu button{background-color:#fff;border-radius:50%;width:50px;height:50px;transition:transform .2s;transform:scale(.9);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-menu button:hover{transform:scale(1)}.icon-menu button .sprite{width:26px;height:26px;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.menu{background-color:#fff;color:#000;padding:20px;width:240px;max-width:calc(100% - 40px)}.menu-close{position:absolute;right:10px;top:10px;cursor:pointer}.menu-close .icon{display:block;width:20px;height:20px}.menu-close .icon:after,.menu-close .icon:before{content:' ';display:block;position:absolute;left:9px;top:-2px;height:22px;width:2px;background-color:#000}.menu-close .icon:before{transform:rotate(45deg)}.menu-close .icon:after{transform:rotate(-45deg)}.menu-title{font-family:monospace;font-weight:400;text-transform:uppercase;font-size:16px;letter-spacing:1px;margin:0 10px 15px 30px}.menu-title .sprite{margin-right:6px;width:20px;height:20px}.menu-title .sprite--mixer{width:24px;height:24px}.icon-menu ul,.menu ul{padding:0;list-style:none;margin:0}.icon-menu .menu-form-row:not(:last-child),.icon-menu li:not(:last-child),.menu .menu-form-row:not(:last-child),.menu li:not(:last-child){margin-bottom:10px}.menu select,.menu ul button{font-family:monospace;font-weight:400;font-size:13px;background:#fff;color:#000;border:1px solid #000;width:calc(100% - 28px);height:30px;padding:0 10px;text-align:left;cursor:pointer}.menu select:hover,.menu ul button:active,.menu ul button:hover{background:#000;color:#fff}.menu .menu-form-row .sprite,.menu ul .sprite{width:18px;height:18px;margin-right:10px;top:-4px}.menu .menu-form-row label{pointer-events:none}.sprite{display:inline-block;line-height:1;position:relative;vertical-align:middle;zoom:1;font-style:normal;font-weight:400;text-align:center;width:16px;height:16px;top:-1px;overflow:hidden;text-indent:-9999px;position:relative;display:inline-block;top:auto;background-repeat:no-repeat;background-size:contain;background-position:50%;max-width:100%}.sprite:not(.img-sprite){-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sprite:before{content:"";display:block;width:0;height:100%}a.ico,a.sprite,button.ico,button.sprite{padding:0;border:none;background-color:transparent;text-indent:-9999px;outline:0}a.ico:active,a.ico:focus,a.sprite:active,a.sprite:focus,button.ico:active,button.ico:focus,button.sprite:active,button.sprite:focus{outline:0}a.ico:hover,a.sprite:hover,button.ico:hover,button.sprite:hover{background-color:transparent}.sprite--bass{background-image:url(images/bass.png)}.sprite--body{background-image:url(images/body.png)}.sprite--desktop{background-image:url(images/desktop.png)}.sprite--download{background-image:url(images/download.png)}.sprite--download-alt{background-image:url(images/download-alt.png)}.sprite--fullscreen{background-image:url(images/fullscreen.png)}.sprite--hat{background-image:url(images/hat.png)}.sprite--hat-invert{background-image:url(images/hat-invert.png)}.sprite--mixer{background-image:url(images/mixer.png)}.sprite--mobile{background-image:url(images/mobile.png)}.sprite--paint-brush{background-image:url(images/paint-brush.png)}.sprite--paint-bucket{background-image:url(images/paint-bucket.png)}.sprite--piano{background-image:url(images/piano.png)}.sprite--reload{background-image:url(images/reload.png)}.sprite--resize{background-image:url(images/resize.png)}.sprite--snare{background-image:url(images/snare.png)}.sprite--sound-off{background-image:url(images/sound-off.png)}.sprite--sound-on{background-image:url(images/sound-on.png)}.sprite--soundwave{background-image:url(images/soundwave.png)}.sprite--square{background-image:url(images/square.png)}.sprite--sunglasses{background-image:url(images/sunglasses.png)}.sprite--watch{background-image:url(images/watch.png)}