.logo{max-width:24em;margin:6em auto 2em;display:inline-block;transform:rotate(-15deg)}h1{font-weight:800;margin-bottom:0}i{font-weight:400}.main[data-v-eca2d24f]{max-width:32em;margin:auto}h3[data-v-eca2d24f]{margin:3em 0 1em}ul[data-v-eca2d24f]{list-style-type:none;padding:0}li[data-v-eca2d24f]{display:inline-block;margin:0 10px}a[data-v-eca2d24f]{color:#32c4f5;font-weight:700}#container[data-v-a8f8d446]{max-width:40em;margin:auto}.dropzone[data-v-a8f8d446]{display:block;max-width:30em;margin:1em auto;padding:1.5em 1em;border:2px dashed #32C4F5;border-radius:.5em;color:#32c4f5;font-weight:700;text-transform:uppercase;cursor:pointer;background:#e2f7fe66;transition:background .2s,border-color .2s}.dropzone[data-v-a8f8d446]:hover,.dropzone.active[data-v-a8f8d446]{background:#e2f7fe;border-color:#4cccf6}.err[data-v-a8f8d446]{color:#c0392b;max-width:30em;margin:.5em auto}.hint[data-v-a8f8d446]{display:block;margin:.5em auto 0;color:#666}.soundboard[data-v-a8f8d446]{display:flex;align-items:center;align-content:flex-start;justify-content:center;flex-wrap:wrap}button.clip[data-v-a8f8d446]{margin:1em;padding:0 .5em;width:7em;height:5em;flex:none;text-transform:uppercase;background-color:#e2f7fe;border:none;color:#32c4f5;outline:none!important;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis}button.clip[data-v-a8f8d446]:hover{color:#fff;background-color:#4cccf6;transition:.3s}.tile[data-v-a8f8d446]{position:relative;margin:1em;width:7em;height:5em}.tile button.clip[data-v-a8f8d446]{margin:0;width:100%;height:100%}.tile.drag-over button.clip[data-v-a8f8d446]{outline:2px dashed #32C4F5;outline-offset:2px}.tile .del[data-v-a8f8d446]{position:absolute;top:-.5em;right:-.5em;width:1.5em;height:1.5em;border-radius:50%;border:none;background:#c0392b;color:#fff;font-size:.9em;font-weight:700;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s}.tile:hover .del[data-v-a8f8d446],.tile .del[data-v-a8f8d446]:focus{opacity:1}.tile .rename[data-v-a8f8d446]{width:100%;height:100%;padding:0 .5em;box-sizing:border-box;border:2px solid #32C4F5;background:#fff;color:#32c4f5;font-weight:700;text-transform:uppercase;text-align:center;font-family:inherit;outline:none}img[data-v-fb031881]{display:inline-block;height:4em;margin:3em 1em}.footer[data-v-fb031881]{width:100%;bottom:0;position:absolute;display:flex;justify-content:center;align-items:flex-end}div{margin-bottom:6em}#app{font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;min-height:100%;position:relative;padding-bottom:36em;margin-bottom:0;background:linear-gradient(0deg,#32c4f5 6em,#fff 36em)}