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