/*! normalize.css v2.1.2 | MIT License | git.io/normalize */@import url(//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:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.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:"\201C" "\201D" "\2018" "\2019"}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 #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.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/59db32cc.loopalo.eot?-636fdw");src:url("../fonts/59db32cc.loopalo.eot?#iefix-636fdw") format("embedded-opentype"),url("../fonts/d3315362.loopalo.woff?-636fdw") format("woff"),url("../fonts/95c330e9.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:0.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:"\e603"}.icon--draw{margin-right:0.1em}.icon--draw:before{content:"\f040"}.icon--move:before{content:"\f047"}.icon--eraser:before{content:"\f12d"}.icon--bomb:before{content:"\f1e2"}.icon--plus:before{content:"\f067"}.icon--close:before{content:"\f00d"}.icon--photo:before{content:"\f03e"}.icon--download:before{content:"\f019"}.icon--upload:before{content:"\f093"}.icon--warning:before{content:"\f071"}.icon--trash:before{content:"\f014"}.cf{*zoom:1}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.farbtastic{position:absolute;bottom:0;background-color:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;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/0f58ee90.wheel.png") no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url("../img/bc042eac.mask.png") no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url("../img/0d8893ed.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{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.svg-wrapper{overflow:hidden;height:100%}svg{display:block}svg path{stroke-dashoffset:0;-moz-transition:stroke-dashoffset 5s linear;-o-transition:stroke-dashoffset 5s linear;-webkit-transition:stroke-dashoffset 5s linear;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}@-moz-keyframes dash{to{stroke-dashoffset:0}}@-webkit-keyframes dash{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:0}}.controller-wrapper{float:left;width:310px;position:relative;height:100%;border-right:1px solid grey}.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,0.3);border-bottom:1px solid rgba(0,0,0,0.1)}.draw-settings{padding:7px 20px 20px;border-top:1px solid rgba(255,255,255,0.3)}.draw-settings__heading{font-size:0.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,0.3);border-right:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(0,0,0,0.1);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 4px 0px rgba(0,0,0,0.65);-webkit-box-shadow:0 4px 0px rgba(0,0,0,0.65);box-shadow:0 4px 0px rgba(0,0,0,0.65);background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2YTZhNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a6a6a6),color-stop(100%, #595959));background:-moz-linear-gradient(#a6a6a6,#595959);background:-webkit-linear-gradient(#a6a6a6,#595959);background:linear-gradient(#a6a6a6,#595959);-moz-transition:opacity 100ms;-o-transition:opacity 100ms;-webkit-transition:opacity 100ms;transition:opacity 100ms}.button--group{float:left;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px}.button--group--left{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}.button--group--right{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.button:active,.button--active,.button--group--active{top:3px;-moz-box-shadow:0 1px 0px rgba(0,0,0,0.65);-webkit-box-shadow:0 1px 0px rgba(0,0,0,0.65);box-shadow:0 1px 0px rgba(0,0,0,0.65);color:#8EDDF5}.button[disabled]{opacity:0.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,0.3)}.stroke:after{bottom:0;border-bottom:1px solid rgba(0,0,0,0.1)}.stroke__wrapper{overflow:hidden;position:relative;padding:10px 20px 10px 20px;-moz-animation-duration:300ms;-webkit-animation-duration:300ms;animation-duration:300ms;-moz-animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.stroke__wrapper.stroke--added{-moz-animation-name:strokeAdd;-webkit-animation-name:strokeAdd;animation-name:strokeAdd}.stroke__wrapper.stroke--deleted{-moz-animation-name:strokeRemove;-webkit-animation-name:strokeRemove;animation-name:strokeRemove}@-moz-keyframes strokeAdd{from{max-height:0;padding-top:0;padding-bottom:0}to{max-height:52px}}@-webkit-keyframes strokeAdd{from{max-height:0;padding-top:0;padding-bottom:0}to{max-height:52px}}@keyframes strokeAdd{from{max-height:0;padding-top:0;padding-bottom:0}to{max-height:52px}}@-moz-keyframes strokeRemove{from{max-height:52px}to{max-height:0;padding-top:0;padding-bottom:0}}@-webkit-keyframes strokeRemove{from{max-height:52px}to{max-height:0;padding-top:0;padding-bottom:0}}@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;-moz-transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-o-transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);-webkit-transition:all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);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 transparent;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;-moz-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);-moz-box-shadow:0 0 20px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);box-shadow:0 0 20px rgba(0,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,0.1)}.settings-list__item--active{background-color:#8EDDF5;color:#fff}.menu-footer{padding-top:20px}.made-by{font-size:0.7em;color:#fff;margin:0;text-align:center}.made-by a{color:#fff}.made-by a:hover{color:#8EDDF5}
/*# sourceMappingURL=style.css.map */