@font-face{font-family:Canvas;src:url(../fonts/Canvas.ttf) format("truetype");font-weight:400;font-style:normal}[data-icon]:before{font-family:Canvas;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1}.tool-stroke,.tool-rectangle,.tool-pencil,.tool-pan,.tool-line,.tool-eye-dropper,.tool-eraser,.icon-zoom-out,.icon-zoom-in,.icon-undo,.icon-save,.icon-redo,.icon-menu,.icon-fill-rec,.icon-fill-line,.icon-background,.icon-background-foreground,.icon-color,.icon-delete{font-family:Canvas;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.tool-stroke:before{content:"\e000"}.tool-rectangle:before{content:"\e001"}.tool-pencil:before{content:"\e002"}.tool-pan:before{content:"\e003"}.tool-line:before{content:"\e004"}.tool-eye-dropper:before{content:"\e005"}.tool-eraser:before{content:"\e006"}.icon-zoom-out:before{content:"\e007"}.icon-zoom-in:before{content:"\e008"}.icon-undo:before{content:"\e009"}.icon-save:before{content:"\e00a"}.icon-redo:before{content:"\e00b"}.icon-menu:before{content:"\e00c"}.icon-fill-rec:before{content:"\e00d"}.icon-fill-rec:after{content:"\e00e";color:#a7a9ac!important;margin-left:-3.3rem}.icon-background:before{content:"\e00f"}.icon-background:after{content:"\e010";color:#a7a9ac!important;margin-left:-3.3rem}.icon-color:before{content:"\e011"}.icon-delete:before{content:"\e012"}html,body{width:100%;height:100%}body{overflow-x:hidden;overflow-y:hidden;font-size:100%;position:relative}body,input,textarea,select,h1,h2,h3,h4,h5{font-family:Roboto,sans-serif;font-weight:300;color:#a7a9ac}*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}a{color:#a7a9ac;outline:0;text-decoration:none}a:active{background:transparent}li{list-style:none}input,textarea,button{background-image:none;border-radius:0}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.literally{position:relative;background-color:#fff;-moz-user-select:none;user-select:none}.literally canvas{position:absolute;top:0;left:0;cursor:default;width:100%;background-color:#00f}.fd-form-element-hidden{display:none}.fd-slider{width:100%;height:20px;margin:0 0 10px}.fd-slider-vertical{width:20px;height:100%;margin:0 10px 10px 0}.fd-slider,.fd-slider-vertical{text-align:center;display:block;position:relative;cursor:pointer;text-decoration:none;border:0 none;-moz-user-select:none;user-select:none}.fd-slider-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.fd-slider-inner{display:none}.fd-slider-bar{display:block;position:absolute;top:8px;right:10px;left:10px;z-index:2;height:4px;margin:0;padding:0;overflow:hidden;line-height:4px;background-color:#a8a8a8;background-clip:padding-box}.fd-slider-vertical .fd-slider-bar{width:2px;top:10px;right:auto;bottom:10px;left:8px;height:auto}.fd-slider-range{display:block;position:absolute;top:8px;left:10px;z-index:3;height:4px;margin:0;padding:0;overflow:hidden;line-height:2px;background-color:#47a1d9;background-clip:padding-box}.fd-slider-vertical .fd-slider-range{height:auto;width:2px;top:auto;right:auto;bottom:11px;left:9px}.fd-slider-handle{position:absolute;display:block;padding:0;border:0 none;margin:0;z-index:3;top:-5px;left:0;width:20px;height:30px;outline:0 none;background-color:transparent;background-position:0 0;background-image:url(../img/slider.png);cursor:W-resize;line-height:20px;font-size:10px;-moz-outline:0 none;-moz-user-select:none;user-select:none}.fd-slider-handle:focus{outline:0 none;border:0 none;-moz-user-focus:normal}.fd-slider-handle:focus::-moz-focus-inner{border-color:transparent}.fd-slider-focused .fd-slider-handle,.fd-slider-hover .fd-slider-handle,.fd-slider-active .fd-slider-handle{background-position:0 -20px}.fd-slider-vertical .fd-slider-handle{cursor:N-resize}.fd-slider-no-value .fd-slider-handle{background-position:0 -59px}body.fd-slider-drag-horizontal,body.fd-slider-drag-horizontal *,body.fd-slider-drag-vertical,body.fd-slider-drag-vertical *{-moz-user-select:none;user-select:none}body.fd-slider-drag-horizontal,body.fd-slider-drag-horizontal *{cursor:W-resize!important}.fd-slider-disabled{opacity:.8;cursor:default}.fd-slider-disabled .fd-slider-handle{cursor:default!important;background-position:0 -40px;opacity:1}.fd-slider-disabled .fd-slider-bar{cursor:auto!important;border:1px solid #888;border-bottom:1px solid #999;border-right:1px solid #999;border:1px solid rgba(136,136,136,.8);border-bottom:1px solid rgba(153,153,153,.8);border-right:1px solid rgba(153,153,153,.8);background-color:#555;background-image:linear-gradient(to right,#666,#333)}.fd-slider-vertical .fd-slider-disabled .fd-slider-bar{background-image:linear-gradient(to bottom,#333,#666)}.fd-slider-disabled .fd-slider-range{cursor:auto!important;background-color:#222;background-image:linear-gradient(to right,#222,#000)}.fd-slider-vertical .fd-slider-disabled .fd-slider-range{background-image:linear-gradient(to bottom,#000,#222)}.colorpicker-saturation{width:200px;height:200px;background-image:url(../img/saturation.png);cursor:crosshair}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff}.colorpicker-hue,.colorpicker-alpha{width:60px;height:200px;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-hue i,.colorpicker-alpha i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../img/hue.png)}.colorpicker-alpha{background-image:url(../img/alpha.png);display:none}.colorpicker div{position:relative}.colorpicker.alpha{min-width:140px}.colorpicker.alpha .colorpicker-alpha{display:block}.colorpicker-color{height:20px;margin-top:5px;clear:both;background-image:url(../img/alpha.png);background-position:0 100%}.colorpicker-color div{height:20px}.input-append.color .add-on i,.input-prepend.color .add-on i{display:block;cursor:pointer;width:16px;height:16px}.colorpicker{white-space:nowrap;position:absolute;margin-left:calc(100% / 6 - 10px);width:calc(100% / 6 * 5 + 1px)!important;font-size:0!important;padding:0;top:0!important;margin-top:calc(100% / 6);box-shadow:0 2px 2px -2px gray;padding-bottom:40px;background-image:url(../img/alpha.png)}.colorpicker.tool-visible{margin-left:calc(100% / 6)}.colorpicker div{margin:0!important;display:inline-block!important;float:none}.colorpicker .colorpicker-saturation{width:70%;max-width:200px}.colorpicker .colorpicker-hue{width:12.5%}.colorpicker .colorpicker-alpha{width:12.5%}.colorpicker .colorpicker-color{position:absolute;bottom:0;right:0;height:40px;width:100%}.colorpicker .colorpicker-color div{width:100%;height:100%}.literally{}.literally .button:hover,.literally .button:focus,.literally .button:active,.literally .button.active{color:#47a1d9}.literally .button:active,.literally .button.active{color:#47a1d9}.literally .button::-moz-focus-inner{padding:0;border:0}.toolbar-top{z-index:10;width:100%;box-shadow:0 2px 2px -2px gray;position:fixed;background:#fff}.toolbar-top div{text-align:center;display:inline-block;width:calc(100% / 6);padding-bottom:calc(100% / 6);height:0}.toolbar-top div:last-child{border-right:0}.toolbar-top div:active{color:#47a1d9}.fd-slider{padding-bottom:20%}.fd-slider-wrapper{top:30%}.tool-options-container{z-index:1;background-color:#fff;position:absolute;left:-100%;top:0;margin-top:calc(100% / 6);box-shadow:2px 0 2px -2px gray;width:calc(100% / 6 * 5);transition:all .5s ease}.tool-options-container:before{content:" ";position:absolute;top:0;left:-2px;width:10px;height:100%;background:#fff}.tool-options-container:after{content:" ";position:absolute;width:110%;right:0;bottom:0;height:10px;z-index:-1;box-shadow:0 2px 2px -2px gray}.tool-options{height:0;width:calc(100% + 1px);padding-bottom:calc(100% / 5 - 1px)}.tool-options.tool-options-pan{display:none!important}.tool-options.tool-options-eye-dropper{display:none!important}.tool-options .brush-width-min{display:none}.tool-options .brush-width-max{display:none}.tool-options .brush-width-val{display:none}.toolbar-sidebar .tools .button,.toolbar-sidebar .color-square,.toolbar-sidebar .clear-button,.toolbar-sidebar .stroke-button{width:100%!important;padding-bottom:100%!important;height:0;text-align:center}.toolbar-sidebar{height:100%;overflow:hidden;display:none;z-index:2;background-color:#fff;box-shadow:2px 0 2px -2px gray;position:absolute;left:0;top:0;margin-top:calc(100% / 6);width:calc(100% / 6 + 1px)}.toolbar-sidebar .color-square.primary-picker,.toolbar-sidebar .color-square.secondary-picker{float:left}.toolbar-sidebar .color-square.background-picker{display:inline-block}.tool-options{display:block!important}.colorpicker{position:absolute;left:-100%!important;transition:all .5s ease}.tool-visible{left:calc(100% / 6 + 1px)!important}.tool-visible.colorpicker{left:0!important;transition:all .5s ease}.fs-container{width:100%;height:100%}.fs-container canvas{margin-top:calc(100% / 6);position:fixed;height:100%;width:100%}.literally{width:100%;height:100%}.zoom-display{display:none!important}div[class*=icon-],div[class*=tool-]{font-size:3.3rem}.active-icon{color:#47a1d9}.active-icon.clear-button{color:#a7a9ac}.save{margin-left:-.3rem}#notify{display:none;position:absolute;background-color:#fff;z-index:11;bottom:0;width:100%;padding:1rem;font-size:1.1rem;color:#a7a9ac;text-align:center;box-shadow:0 -2px 2px -2px gray}