.draggy.ui-hidden{display:none}.draggy .controls img{float:right}.draggy .controls img.ui-dragger{cursor:move}.draggy .controls img.ui-closer,.draggy .controls img.ui-hider{cursor:pointer}@font-face{font-family:VT323;font-style:normal;font-weight:400;src:url(../assets/fonts/VT323-Regular.ttf) format('woff')}@font-face{font-family:'8bit Art Sans';src:url(../assets/fonts/8bit-Art-Sans.eot);src:url(../assets/fonts/8bit-Art-Sans.eot?#iefix) format('embedded-opentype'),url(../assets/fonts/8bit-Art-Sans.woff) format('woff'),url(../assets/fonts/8bit-Art-Sans.ttf) format('truetype'),url(../assets/fonts/8bit-Art-Sans.svg#2ae82d84241b90cc548b70af31921da5) format('svg');font-style:normal;font-weight:400}body{background:#efefef;padding:0;margin:0;font-family:VT323,monospace;font-size:16px;color:#000}a{color:#00f}h3{font-size:1.5em}canvas{background:#fff;cursor:crosshair;display:block}.draggy{padding:10px;box-shadow:7px 7px 0 #000;border:4px solid #000;background:#fef;-webkit-user-select:none;-moz-user-select:none;user-select:none}img.ui-dragger{width:30px}img.ui-hider{width:20px;margin:5px 5px 0 0}.tabs{list-style:none;margin:0;padding:0}.tabs li{width:50px;display:inline-block;padding:5px 10px;border:1px solid #aaa;background-color:#ccc}.tabs li.active{background-color:#ff00ff;box-shadow:inset 1px 1px 3px #000}.tip{display:inline-block;font-weight:700;color:#000;padding:2px 6px;background-color:#00c200;position:relative;border:1px dashed green}.tip-text{display:none;position:absolute;top:10px;left:20px;width:150px;padding:10px;border:1px solid #000;background-color:#fff;z-index:50}.tip:hover{cursor:pointer}#header{font-size:1em;width:200px}#header h1{font-family:'8bit Art Sans';font-size:3.5em;line-height:.8em;margin:0}#minimized-tools-list{list-style:none;font-size:1.2em;margin-top:10px}#minimized-tools-list li{display:inline-block;padding:3px 10px;background:#0f0;margin:3px}#minimized-tools-list li a:hover{color:green;cursor:pointer}#minimized-tools-list li a:after{content:' +'}#what{width:150px}#subheader{font-size:1.3em}#header h2{font-size:1em;margin:0;font-style:italic;text-align:right}#toolbox{width:145px}#toolbox h3{margin:5px 0}#instruments{margin:15px 0}#paint,#pencil{border:1px solid transparent;padding:5px;vertical-align:middle}#paint.current-tool,#pencil.current-tool{border-color:#000}#size{margin:20px 0}#pixel-size{width:75%}#pixel-size-slider{margin:0;width:100%}#pixel-size-demo{background:#000;margin:3px}ul.instructions{padding:0 0 0 20px}#savebox{top:255px}#colorbox{width:160px}#colorbox h3{margin:5px 0}#palettes{margin-bottom:10px}#palettes ul,#palettes ul li{list-style:none;margin:0;padding:0}.button{display:block;float:left;background:#efefef;border:2px solid rgba(255,255,255,.5);margin:5px 10px 5px 0;padding:3px 6px;color:#333;cursor:pointer;width:40px;text-align:center;font-weight:400}.button.save{float:none;width:75px}.button:hover{background:#ddd}.button.color{background:#fff;border:5px solid none;width:20px;height:20px;padding:0;margin:4px}.button.color.red{background:red}.button.color.orange{background:orange}.button.color.yellow{background:#ff0}.button.color.green{background:green}.button.color.blue{background:#00f}.button.color.purple{background:purple}.button.color.black{background:#000}.button.color.gray{background:gray}.button.color.white{background:#fff;border:2px solid rgba(0,0,0,.25)}.button.color.custom{background:url(../assets/colorful.png)}.button.color.transparent{border-color:#ccc;background:url(../assets/bg.png)}.button.color.current,.button.current,.button.custom.current{border:5px solid #333;margin:1px}.button.brush.current{margin:1px 8px 1px 0}#colorbox h3.color-history-label{margin-top:15px}#palettes ul.color-history-list{margin-bottom:5px}#color-history-tools{display:block}#eight-bit-colors{margin:0 auto;background:0 0}#eight-bit-picker{position:relative}#eight-bit-picker .color-demo{background:#000;width:100%;height:20px;margin-top:10px}#eight-bit-picker p{font-size:1.5em;margin:0 0 10px}#hex-color{width:50%;margin-left:5px}#hex-color.current{border:4px solid #000}#color-dropper{border:1px solid transparent;padding:5px;vertical-align:middle}#color-dropper.current-tool{border-color:#000}#save-box{display:none;text-align:center;width:100%;height:100%;background:rgba(0,0,0,.8);position:absolute;top:0;left:0;z-index:999999}#save-modal{text-align:center;width:auto;max-width:50%;display:inline-block;padding:20px;margin:20px;box-shadow:5px 5px 0 #000;border:1px solid #000;background:#eff;position:relative}#save-modal h2{float:none;font-size:2em}#save-modal .ui-hider{position:absolute;top:10px;right:10px}#save-modal .ui-hider:hover{cursor:pointer}#finished-art{max-width:95%;display:block;border:5px solid #000;margin:10px auto;background:url(../assets/bg.png)}@media only screen and (min-device-width:320px) and (max-device-width:568px){body{font-size:2em}input{font-size:.6em}#header{width:600px}#toolbox{width:300px}#toolbox input{font-size:.8em}#colorbox{width:200px}#colorbox p{margin:0}img.ui-dragger,img.ui-hider{width:70px}#save-selection,.eightbit,.tip{display:none}h3{margin:.5em 0}}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}