/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width:360px){.toastify-left,.toastify-right{margin-left:auto;margin-right:auto;left:0;right:0;max-width:-moz-fit-content;max-width:fit-content}}#waveform[data-v-0bac1601]{position:relative;width:100%;height:100%}.header[data-v-0bac1601]{color:#fff;font-weight:700;font-size:.9rem;position:relative;background:var(--blue);width:100%;border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border:1px solid var(--blue)}.header[data-v-0bac1601]:hover{cursor:grab!important}#buttons[data-v-0bac1601]{display:flex;justify-content:space-between;height:34px}.controls[data-v-0bac1601]{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;display:flex;font-size:50px;border-radius:var(--border-radius)}.controls span[data-v-0bac1601]{opacity:.65}.container[data-v-0bac1601]{position:absolute;width:200px;border-radius:var(--border-radius);background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);resize:horizontal;overflow:hidden;opacity:0}.container.playing[data-v-0bac1601]{background:var(--blue-light)!important}.container.debug[data-v-0bac1601]{opacity:.2!important}.spaced-out[data-v-0bac1601]{display:flex;justify-content:space-evenly;flex-direction:row;align-items:center;width:100%}.granular-sliders[data-v-0bac1601]{display:flex;width:100%;font-size:.9rem;margin-top:-30px}.granular-sliders>div[data-v-0bac1601]{pointer-events:auto}.grain[data-v-0bac1601]{width:20px}#waveform-wrapper[data-v-0bac1601]{position:relative}#waveform-wrapper #waveform[data-v-0bac1601],#waveform-wrapper .canvas[data-v-0bac1601]{border-radius:calc(var(--border-radius)/2)}#waveform-wrapper .canvas[data-v-0bac1601]{position:absolute;top:0;left:0;bottom:0;width:100%!important;z-index:0;height:128px}#waveform-wrapper #waveform[data-v-0bac1601]{width:100%}.sample-mode-icon[data-v-0bac1601]{width:50px;height:50px;opacity:.4;pointer-events:auto!important}.sample-mode-icon[data-v-0bac1601]:hover{cursor:pointer}.sample-mode-icon.active[data-v-0bac1601]{opacity:1}#scale-btn[data-v-0bac1601]{background-color:var(--blue-light)}#scale-btn[data-v-0bac1601]:-moz-drag-over{cursor:move!important}#scale-btn[data-v-0bac1601],.control-icon[data-v-0bac1601],.sample-mode-icon[data-v-0bac1601]{transition:all .05s}#scale-btn[data-v-0bac1601]:hover,.control-icon[data-v-0bac1601]:hover,.sample-mode-icon[data-v-0bac1601]:hover{transform:scale(1.05);cursor:pointer!important}.control-icon[data-v-0bac1601]{padding:2px;background-color:var(--blue-light);width:30px;height:30px;pointer-events:auto!important}#settings-btn>img[data-v-0bac1601]{border-top-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}#mode-btn>img[data-v-0bac1601]{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}#scale-btn[data-v-0bac1601],#scale-img[data-v-0bac1601]{border-top-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}#scale-btn[data-v-0bac1601]:hover,#scale-img[data-v-0bac1601]:hover{cursor:n-resize!important}#scale-img[data-v-0bac1601]{opacity:.15}.disabled[data-v-0bac1601]{opacity:.2!important;pointer-events:none}.disabled[data-v-0bac1601]:hover{cursor:not-allowed!important}.effect,.effect-area{position:absolute;width:200px;height:200px}.effect-area{border-radius:100%;background:radial-gradient(circle,var(--blue-light),rgba(0,0,0,.2));pointer-events:none}.effect-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:100%;pointer-events:auto;z-index:1000}.effect-center:hover{border:1px solid #000}.sliders{position:absolute;top:50%;left:50%;transform:translate(-100%,-100%);width:50px;height:50px;pointer-events:auto!important}.rs-handle{box-shadow:0 0 2px 0 #000!important;transition:all .05s}.rs-handle:hover{transform:scale(1.1);cursor:pointer!important}:root{--blue:#568fb3;--blue-light:#aac5d8;--yellow:#ffdc60;--border-radius:10px}body,html{background:var(--yellow);width:100%;height:100%;overflow:hidden;margin:0}.scale-hover{transition:all .05s}.scale-hover:hover{transform:scale(1.05);cursor:pointer!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%;height:100dvh;position:relative;overflow:hidden}#paper-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:none}#paper-canvas.debug{display:block;z-index:1}.app-button{bottom:20px;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:absolute;z-index:2}.app-button:hover{cursor:pointer}.app-button.disabled{opacity:.2}.app-button.disabled:hover{cursor:not-allowed!important}.add-sample-button{width:45px;height:45px;border:3px solid #000;border-radius:50%;margin-bottom:5px;display:flex;align-items:center;flex-direction:row;justify-content:center;font-weight:700}.add-sample-button:hover{cursor:pointer}*,.no-drag{-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}#info-button{top:10px;right:10px;width:15px;height:15px}.recording{background:red}