.dialog-drag{-webkit-animation-duration:.2s;-webkit-animation-name:dialog-anim;-webkit-animation-timing-function:ease-in;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.5);animation-duration:.2s;animation-name:dialog-anim;animation-timing-function:ease-in;background-color:#fff;border:2px solid #1aad8d;box-shadow:1px 1px 1px rgba(0,0,0,.5);height:auto;position:absolute;width:auto;z-index:101}.dialog-drag .dialog-header{background-color:#1aad8d;color:#fff;font-size:.9em;padding:.25em 3em .25em 1em;position:relative;text-align:left;width:auto}.dialog-drag .dialog-header .buttons{margin:.25em .25em 0 0;position:absolute;right:0;top:0;z-index:105}.dialog-drag .dialog-header button.close,.dialog-drag .dialog-header button.pin{-webkit-box-shadow:none;background:transparent;border:none;box-shadow:none;color:#fff}.dialog-drag .dialog-header button.close:hover,.dialog-drag .dialog-header button.pin:hover{color:#e3a826}.dialog-drag .dialog-header button.close:after{content:"\2716"}.dialog-drag .dialog-header button.pin:after{content:"\1F513"}.dialog-drag .dialog-body{padding:1em}.dialog-drag.fixed{-moz-user-select:auto;-ms-user-select:auto;-webkit-user-select:auto;border-color:#e3a826;user-select:auto}.dialog-drag.fixed button.pin{font-weight:700}.dialog-drag.fixed button.pin:after{content:"\1F512"}@-webkit-keyframes dialog-anim{0%{-webkit-transform:scaleX(.1);opacity:0;transform:scaleX(.1)}50%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}to{opacity:1}}@keyframes dialog-anim{0%{-webkit-transform:scaleX(.1);opacity:0;transform:scaleX(.1)}50%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}to{opacity:1}}.drop-area,.over{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center}.drop-area{border:2px dotted #6c938a;margin-bottom:.5em;min-height:10em;position:relative;text-align:center}.drop-area small{color:#6c938a}.over{background-color:rgba(227,168,38,.5);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:105}body{background-color:#e6ede9;font-size:16px}label{display:block;font-size:.8em;margin-bottom:.5em}a{color:#1aad8d}a:hover{color:#e3a826}a:visited{color:#1aad8d}button,option,select{-webkit-box-shadow:none;background-color:#fff;border:none;box-shadow:none;outline:0}button:focus,option:focus,select:focus{outline:0}select{-moz-appearance:none;-webkit-appearance:none;-webkit-box-sizing:border-box;appereance:none;background-image:linear-gradient(45deg,transparent 50%,#1aad8d 0),linear-gradient(135deg,#1aad8d 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-repeat:no-repeat;background-size:5px 5px,5px 5px,1px 1.5em;box-sizing:border-box;color:#1aad8d;line-height:1.5em;padding:.5em 3.5em .5em 1em}button.btn{font-size:1em;padding:.5em 2em}button.btn,select{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.5);background-color:#fff;border:1px solid #179b7e;border-radius:.25em;box-shadow:1px 1px 1px rgba(0,0,0,.5);color:#1aad8d;font-weight:700}body{font-family:Asap,sans-serif}.menu-container{bottom:0;margin:5em;max-width:25em;position:fixed;width:25em;z-index:50}.menu{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.5);background-color:#1aad8d;border-color:#0d5948;border-style:solid;border-width:10px 1px 5px;box-shadow:1px 1px 1px rgba(0,0,0,.5);color:#fff;margin-top:1em;padding:1em 2em}.menu .title{border-color:#d3f8f0;border-style:dotted none;border-width:1.5px;letter-spacing:.0625em;padding:.5em 0}.menu .title h1,.menu .title h2{margin:0 0 .5em}.menu .title h1{font-family:Belgrano,serif;font-size:1.7em;letter-spacing:.0325em;text-shadow:1px 1px 1px rgba(0,0,0,.5),1px 1px 1px rgba(0,0,0,.5)}.menu .title h2{font-size:.8em;font-style:italic}.links{list-style:none;margin:1em 5em 0 0;position:absolute;right:0;top:0}.icon svg{background-color:#fff;border-radius:50%;fill:#1aad8d;height:3em;padding:.1em;width:3em}.icon svg,.set{display:inline-block}.set{margin:1em}.console{bottom:0;color:#0d5948;display:block;margin:5em;max-width:20em;position:fixed;right:0}#app{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;text-align:center;user-select:none}.dropped{background-color:#fff;border:1px dashed #1aad8d;cursor:pointer;margin:.125em}.dropped:hover{border-color:#e3a826}.dropped:hover .icon svg{fill:#e3a826}.dropped .name{font-size:.6em;margin:0 .5em .25em}.dropped .icon,.dropped .icon svg{margin:0;padding:0}.dropped .icon svg{background:transparent;fill:#1aad8d}.dialog-drag{-webkit-box-shadow:2px 2px 1px rgba(0,0,0,.5);background-color:#e6eee9;box-shadow:2px 2px 1px rgba(0,0,0,.5);min-width:10em}.dialog-1.dialog-drag{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.5);background-color:#fff;border:2px dashed #1aad8d;box-shadow:1px 1px 1px rgba(0,0,0,.5)}.dialog-1.dialog-drag .dialog-header{background-color:transparent}.dialog-1.dialog-drag .dialog-header .buttons button{color:#1aad8d}.dialog-1.dialog-drag .dialog-header .title{display:none}.dialog-drag.dialog-1.fixed{border:2px solid #1aad8d}.dialog-2.dialog-drag{border-color:#1aad8d}.dialog-2.dialog-drag .dialog-header{background-color:#1aad8d;color:#fff}.dialog-2.dialog-drag .dialog-header .buttons button{color:#fff}.dialog-3.dialog-drag{-webkit-animation-name:dialog-3-anim;animation-name:dialog-3-anim;background-color:#fdfaf1;border:none}.dialog-3.dialog-drag .dialog-header{background-color:#e3a826;color:#fff}.dialog-3.dialog-drag .dialog-header .buttons button{color:#f9edd2;text-shadow:none}.dialog-3.dialog-drag .dialog-header .buttons button:hover{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.dialog-drag.dialog-3.fixed{margin:2em;outline:2px dashed #1aad8d;outline-offset:.25em}@-webkit-keyframes dialog-3-anim{0%{-webkit-transform:scaleX(.1) scaleX(3);opacity:0;transform:scaleX(.1) scaleX(3)}to{opacity:1}}@keyframes dialog-3-anim{0%{-webkit-transform:scaleX(.1) scaleX(3);opacity:0;transform:scaleX(.1) scaleX(3)}to{opacity:1}}