/*! normalize.css v2.1.2 | MIT License | git.io/normalize */@import"//fonts.googleapis.com/css?family=Open+Sans:400,700";article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:rgba(0,0,0,0)}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"loopalo";src:url("../fonts/6a8d63a7.loopalo.eot?-636fdw");src:url("../fonts/6a8d63a7.loopalo.eot?#iefix-636fdw") format("embedded-opentype"),url("../fonts/3b378f45.loopalo.woff?-636fdw") format("woff"),url("../fonts/acad0427.loopalo.ttf?-636fdw") format("truetype"),url("../fonts/6a249d2f.loopalo.svg?-636fdw#loopalo") format("svg");font-weight:normal;font-style:normal}.icon{font-family:"loopalo";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-size:1em;margin-right:.3em;margin-left:-0.4em;vertical-align:-1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--solo{margin-left:0;margin-right:0}.icon--menu{font-size:1.5em}.icon--menu:before{content:""}.icon--draw{margin-right:.1em}.icon--draw:before{content:""}.icon--move:before{content:""}.icon--eraser:before{content:""}.icon--bomb:before{content:""}.icon--plus:before{content:""}.icon--close:before{content:""}.icon--photo:before{content:""}.icon--download:before{content:""}.icon--upload:before{content:""}.icon--warning:before{content:""}.icon--trash:before{content:""}.cf{*zoom:1}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.farbtastic{position:absolute;bottom:0;background-color:#fff;border-radius:5px}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url("../img/cffdaffd.wheel.png") no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url("../img/ba9899bf.mask.png") no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url("../img/8ef0d751.marker.png") no-repeat}body{font-family:"Open Sans",sans-serif;font-size:16px;background-color:#ccc;margin:0;height:100%}html{height:100%}h1{margin:0}ul,li{padding:0;margin:0;list-style:none}*,*:before,*:after{box-sizing:border-box}.svg-wrapper{overflow:hidden;height:100%}svg{display:block}svg path{stroke-dashoffset:0;transition:stroke-dashoffset 5s linear}.mode--draw{cursor:crosshair}.mode--move g{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.mode--move g:active{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.mode--erase{cursor:pointer}@keyframes dash{to{stroke-dashoffset:0}}.controller-wrapper{float:left;width:310px;position:relative;height:100%;border-right:1px solid gray}.controller{position:relative;z-index:200;height:100%;overflow:auto;background-color:#ccc}.controller__header{position:relative;background-color:#f5f5f5;padding:20px 20px 5px}.logo{float:left;margin-top:-10px}.controller__item{margin-bottom:15px;position:relative}.controller__item:last-child{margin-bottom:0}.canvas-settings{padding:20px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(0,0,0,.1)}.draw-settings{padding:7px 20px 20px;border-top:1px solid rgba(255,255,255,.3)}.draw-settings__heading{font-size:.9em;text-transform:uppercase;font-weight:700;margin-top:0}.button{border:0;outline:0;padding:8px;color:#fff;display:inline-block;vertical-align:middle;position:relative;text-shadow:0 2px 0 rgba(0,0,0,.3);border-right:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(0,0,0,.1);backface-visibility:hidden;border-radius:5px;box-shadow:0 4px 0px rgba(0,0,0,.65);background:linear-gradient(to bottom, hsl(0, 0%, 65%), hsl(0, 0%, 35%));transition:opacity 100ms}.button--group{float:left;border-radius:0px}.button--group--left{border-top-left-radius:5px;border-bottom-left-radius:5px}.button--group--right{border-top-right-radius:5px;border-bottom-right-radius:5px}.button:active,.button--active,.button--group--active{top:3px;box-shadow:0 1px 0px rgba(0,0,0,.65);color:#8eddf5}.button[disabled]{opacity:.5;pointer-events:none}.button--full{width:100%}.button--1_2{width:50%}.button--1_3{width:33.33%}.button--snug{margin-bottom:4px}.button--menu{float:right;padding-left:12px;padding-right:12px}[type=number]{width:50px}.input--color{width:80px}[type=range]{width:120px;border:0}input{border:1px solid #aaa;padding:3px}.colorpicker-holder{position:absolute;bottom:100%}.stroke{position:relative;margin:0 -20px}.stroke:before,.stroke:after{content:"";display:block;position:absolute;left:0;right:0}.stroke:before{top:0;border-top:1px solid rgba(255,255,255,.3)}.stroke:after{bottom:0;border-bottom:1px solid rgba(0,0,0,.1)}.stroke__wrapper{overflow:hidden;position:relative;padding:10px 20px 10px 20px;animation-duration:300ms;animation-timing-function:ease-out}.stroke__wrapper.stroke--added{animation-name:strokeAdd}.stroke__wrapper.stroke--deleted{animation-name:strokeRemove}@keyframes strokeAdd{from{max-height:0;padding-top:0;padding-bottom:0}to{max-height:52px}}@keyframes strokeRemove{from{max-height:52px}to{max-height:0;padding-top:0;padding-bottom:0}}.add-stroke{margin-bottom:10px}.stroke-delete{position:absolute;right:-2px;top:-1px}.sortable-placeholder{display:block;height:3em;margin:0 -20px;padding:10px 20px;position:relative;background-color:#595959}.sortable-dragging{background-color:#ccc;cursor:move}.menu{position:absolute;right:0;top:0;background-color:#444;border:1px solid #2b2b2b;border-left:0;width:75%;padding:20px;z-index:100;transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94)}.menu--open{right:-75%}.menu__item{margin-bottom:20px;position:relative}.menu__item:last-child{margin-bottom:0}.arrow:after,.arrow:before{border:solid rgba(0,0,0,0);content:" ";height:0;width:0;position:absolute;pointer-events:none}.arrow--w:after,.arrow--w:before{right:100%;top:50%}.arrow:after{border-right-color:#ccc;border-width:12px;margin-top:-12px}.save-dialog{position:absolute;left:100%;top:50%;padding:20px;margin-left:6px;background-color:#ccc;border-radius:5px;transition:all 300ms ease-out;transform:translateY(-50%);box-shadow:0 0 20px rgba(0,0,0,.4)}.save-dialog--hidden{opacity:0;pointer-events:none;margin-left:0}.save-dialog__name{margin-bottom:10px}.settings-list{background-color:#fff}.settings-list__item{padding:10px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.1)}.settings-list__item--active{background-color:#8eddf5;color:#fff}.menu-footer{padding-top:20px}.made-by{font-size:.7em;color:#fff;margin:0;text-align:center}.made-by a{color:#fff}.made-by a:hover{color:#8eddf5}