.root[data-v-9d7a9355]{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;pointer-events:none;overflow:hidden;--effect-size:4rem}.root .background[data-v-9d7a9355],.root .drawer[data-v-9d7a9355]{width:var(--canvas-width)}.root .background[data-v-9d7a9355]{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;display:none;opacity:.25}.root .drawer[data-v-9d7a9355]{position:absolute;width:100%;bottom:0;background-color:rgba(0,0,0,.25);pointer-events:all;transform:translateY(100%);transition:all .25s}.root .effect-list[data-v-9d7a9355]{display:flex;flex-wrap:wrap;gap:1rem;width:100%;max-height:30vh;overflow-y:auto;overflow-x:hidden;padding:2rem}.root.is-open .background[data-v-9d7a9355]{display:block;pointer-events:all}.root.is-open .drawer[data-v-9d7a9355]{transform:translateY(0)}.root .effect[data-v-9d7a9355]{width:var(--effect-size);height:var(--effect-size);border:.25rem solid #fff;border-radius:1rem;font-size:1rem;word-wrap:break-word;cursor:pointer;color:#fff}.root .effect.is-selected[data-v-9d7a9355]{border-color:#ff0}.progress[data-v-97f3531e]{height:2rem}.input-video[data-v-97f3531e]{width:1px;height:1px;position:fixed;top:-1px;left:-1px}.canvas-container[data-v-97f3531e]{position:relative;--canvas-width:var(--v58cdbe5c);--canvas-height:var(--v2bd953ca)}.player-canvas[data-v-97f3531e],.recorded-video[data-v-97f3531e]{max-width:100%;max-height:var(--demo-height);object-fit:contain;border-radius:1.5rem;margin:auto}.has-recording .player-canvas[data-v-97f3531e],.has-recording .record-btn[data-v-97f3531e]{display:none}.recorded-video[data-v-97f3531e]:not(.canplay){display:none}.record-btn[data-v-97f3531e]{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:4.5rem;height:4.5rem;border-radius:50%;border:.365rem solid #fff;padding:1rem;background-color:rgba(0,0,0,.125)}.recording-indicator[data-v-97f3531e]{position:absolute;top:0;right:0;bottom:0;left:0;background-color:red;border-radius:50%;transform:scale(.5);transition:all .25s}.recording-indicator.is-recording[data-v-97f3531e]{border-radius:.875rem;transform:scale(.675)}.recorded-output-btns[data-v-97f3531e]{position:absolute;left:0;bottom:5rem;width:var(--canvas-width);height:0;display:flex;gap:1rem;justify-content:center;align-items:end}.icon-btn[data-v-97f3531e]{display:inline-flex;font-size:4rem;height:6rem;background-color:rgba(0,0,0,.25);border-radius:50%;padding:1rem}.catalog-btn[data-v-97f3531e]{position:absolute;left:2rem;top:-1rem;transform:translateY(-100%);font-size:2rem;height:4rem;color:#ff0}