@video-editor/ui 0.0.1-beta.32 → 0.0.1-beta.33

package/dist/VideoEditorTimeline.js

@@ -1,5 +1,5 @@
-import { V as a } from "./index-txPw7MRQ.js";
-import "./index-C0eQjJkj.js";
+import { V as a } from "./index-Cag82jZx.js";
+import "./index-DHei3gxX.js";
 export {
   a as default
 };

package/dist/VideoTimeline.js

@@ -1,4 +1,4 @@
-import { V as f } from "./index-C0eQjJkj.js";
+import { V as f } from "./index-DHei3gxX.js";
 export {
   f as default
 };

package/dist/{index-txPw7MRQ.js → index-Cag82jZx.js}

@@ -1,7 +1,7 @@
 import { defineComponent as X, ref as V, onMounted as ce, onBeforeUnmount as de, watch as N, nextTick as we, createElementBlock as p, openBlock as h, createElementVNode as R, reactive as Z, computed as D, renderSlot as b, normalizeStyle as J, createVNode as H, createCommentVNode as j, toDisplayString as G, Fragment as ee, renderList as le, normalizeClass as _e, withModifiers as se, watchEffect as Re, createBlock as $e, createSlots as Be, withCtx as K, unref as L, normalizeProps as re, guardReactiveProps as oe } from "vue";
 import { extractWaveform as pe, generateThumbnails as Ae, getMp4Meta as ke } from "@video-editor/protocol";
 import { isVideoFramesSegment as F, isAudioSegment as Ie } from "@video-editor/shared";
-import { _ as Y, V as We } from "./index-C0eQjJkj.js";
+import { _ as Y, V as We } from "./index-DHei3gxX.js";
 const xe = /* @__PURE__ */ X({
   name: "WaveformCanvasStrip",
   __name: "WaveformCanvasStrip",

package/dist/{index-C0eQjJkj.js → index-DHei3gxX.js}

@@ -908,7 +908,7 @@ const It = { class: "ve-timeline" }, $t = { class: "ve-segment__content" }, St =
       ], 512)
     ]));
   }
-}), Zt = /* @__PURE__ */ ce(Ft, [["__scopeId", "data-v-4e3078d5"]]);
+}), Zt = /* @__PURE__ */ ce(Ft, [["__scopeId", "data-v-1d7ba95f"]]);
 export {
   Zt as V,
   ce as _

package/dist/index.js

@@ -1,6 +1,6 @@
-import { V as i } from "./index-txPw7MRQ.js";
-import { A as s, F as d, S as V } from "./index-txPw7MRQ.js";
-import { V as o } from "./index-C0eQjJkj.js";
+import { V as i } from "./index-Cag82jZx.js";
+import { A as s, F as d, S as V } from "./index-Cag82jZx.js";
+import { V as o } from "./index-DHei3gxX.js";
 const t = {
   install(e) {
     e.component(o.name || "VeVideoTimeline", o), e.component(i.name || "VeVideoEditorTimeline", i);

package/dist/ui.css

@@ -1 +1 @@
-:where(.ve-playhead[data-v-8e647d40]){--ve-playhead-nudge: 0px;pointer-events:auto;position:absolute;z-index:20;height:100%;cursor:ew-resize;transform:translate(calc(-50% - var(--ve-playhead-nudge)))}:where(.ve-playhead__icon[data-v-8e647d40]){pointer-events:none;position:relative;z-index:2;--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}:where(.ve-playhead__line[data-v-8e647d40]){pointer-events:none;position:absolute;bottom:0;left:50%;top:2px;width:1px;--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-bg-opacity:1;background-color:rgb(34 34 38 / var(--un-bg-opacity))}:where(.ve-ruler[data-v-30f91636]){--ve-ruler-major: 8px;--ve-ruler-minor: 4px;position:sticky;top:0;left:0;right:0;z-index:3;overflow:hidden;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}:where(.ve-ruler .ve-ruler__ticks[data-v-30f91636]){position:relative;box-sizing:border-box;height:100%;width:100%}:where(.ve-ruler .ve-ruler__tick[data-v-30f91636]){position:absolute;top:0;height:100%;text-align:center;font-size:11px;--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}:where(.ve-ruler .ve-ruler__line[data-v-30f91636]){margin-left:auto;margin-right:auto;height:var(--ve-ruler-minor);width:1px;--un-bg-opacity:1;background-color:rgb(203 213 225 / var(--un-bg-opacity))}:where(.ve-ruler .ve-ruler__tick--major .ve-ruler__line[data-v-30f91636]){position:relative;height:var(--ve-ruler-major);--un-bg-opacity:1;background-color:rgb(148 163 184 / var(--un-bg-opacity))}:where(.ve-ruler .ve-ruler__label[data-v-30f91636]){position:absolute;left:4px;bottom:0;white-space:nowrap;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;transform:translateY(-50%)}:where(.ve-toolbar[data-v-85ddeb0f]){display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(236 239 243 / var(--un-border-opacity));padding:.625rem .75rem}:where(.ve-toolbar .ve-toolbar__group[data-v-85ddeb0f]){display:inline-flex;align-items:center;gap:.5rem}:where(.ve-toolbar .ve-zoom[data-v-85ddeb0f]){min-width:3.5rem;border-width:1px;--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:.25rem .5rem;text-align:center;font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]){height:1.75rem;width:1.75rem;cursor:pointer;border-width:1px;--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:disabled){cursor:not-allowed;opacity:.45}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:not(:disabled):hover){--un-border-opacity:1;border-color:rgb(34 34 38 / var(--un-border-opacity));--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}:where(.ve-toolbar .ve-toolbar__time[data-v-85ddeb0f]){margin-left:auto;display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;line-height:1rem;--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:where(.ve-toolbar .ve-toolbar__time-divider[data-v-85ddeb0f]){--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.ve-timeline__tracks[data-v-902b9363]{position:relative;z-index:1;padding-bottom:.75rem;display:flex;flex-direction:column;gap:2px;flex:1}.ve-track[data-v-902b9363]{position:relative;background-color:#f8fafc;overflow:hidden}.ve-track--main[data-v-902b9363]{background-color:#f4f4f6}.ve-track--has-selection[data-v-902b9363]{background-color:#f2f2fa!important;box-shadow:inset 0 1px #e4e4fc,inset 0 -1px #e4e4fc}.ve-track__body[data-v-902b9363]{position:relative;height:100%}.ve-segment[data-v-902b9363]{position:absolute;top:0;bottom:0;border-radius:4px;color:#0f172a;cursor:pointer;display:flex;align-items:center;overflow:hidden;transition-duration:.15s}.ve-segment__content[data-v-902b9363]{display:flex;flex-direction:column;gap:.25rem;padding:.375rem .625rem}.ve-segment__title[data-v-902b9363]{font-size:12px;font-weight:700;text-transform:capitalize}.ve-segment__time[data-v-902b9363]{font-size:11px;color:#0f172acc;font-family:monospace}.ve-segment__selection[data-v-902b9363]{position:absolute;inset:0;pointer-events:none;z-index:10}.ve-segment__handle[data-v-902b9363]{position:absolute;height:100%;width:4px;background-color:#222226;cursor:ew-resize;pointer-events:auto;border:2px solid #222226}.ve-segment__handle--left[data-v-902b9363]{left:0;top:0;border-radius:.25rem 0 0 .25rem}.ve-segment__handle--right[data-v-902b9363]{right:0;top:0;border-radius:0 .25rem .25rem 0}.ve-segment__handle-dots[data-v-902b9363]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.125rem;justify-content:center}.ve-segment__handle-dot[data-v-902b9363]{border-radius:9999px;background-color:#fff;width:1px;height:1px}.ve-track__add-button[data-v-902b9363]{position:absolute;top:50%;transform:translateY(-50%);margin-left:.5rem;width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#222226;background-color:#f2f2fa;cursor:pointer;transition:background-color .2s;border:1px solid #222226}.ve-track__add-button[data-v-902b9363]:hover{background-color:#e5e5e5}.ve-track__gap-add[data-v-902b9363]{position:absolute;top:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ve-track__gap-add[data-v-902b9363]:hover{background-color:#efefef}.ve-track__gap-add-icon[data-v-902b9363]{display:none;color:#fff;background-color:#222226;padding:4px;border-radius:4px}.ve-track__gap-add:hover .ve-track__gap-add-icon[data-v-902b9363]{display:block}:where(.ve-timeline[data-v-4e3078d5]){--ve-primary: #222226;width:100%;max-width:100%;min-width:0;height:100%;display:flex;flex-direction:column;border-radius:10px}:where(.ve-timeline .ve-timeline__viewport[data-v-4e3078d5]){position:relative;width:100%;flex:1 1 0%;overflow:auto;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}:where(.ve-timeline .ve-timeline__content[data-v-4e3078d5]){min-height:100%;min-width:100%}:where(.ve-timeline .ve-segment--dragging[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:50;display:flex;cursor:pointer;align-items:center;overflow:hidden;border-radius:4px;--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity));box-shadow:0 4px 16px #0000004d,inset 0 0 0 2px #ffffff80}:where(.ve-timeline .ve-segment--preview[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:45;border-radius:4px;opacity:.7;box-shadow:0 2px 8px #0003,inset 0 0 0 2px #fff6}:where(.ve-timeline .ve-segment__content[data-v-4e3078d5]){display:flex;flex-direction:column;gap:.25rem;padding:.375rem .625rem}:where(.ve-timeline .ve-segment__title[data-v-4e3078d5]){font-size:12px;font-weight:700;text-transform:capitalize}:where(.ve-timeline .ve-segment__time[data-v-4e3078d5]){font-size:11px;--un-text-opacity:.8;color:rgba(15,23,42,var(--un-text-opacity));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:where(.ve-timeline .ve-segment--placeholder[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:24;border-radius:4px;background:#2222261f;border:2px solid rgba(34,34,38,.6)}:where(.ve-timeline .ve-segment--placeholder-inner[data-v-4e3078d5]){position:absolute;inset:0;border-radius:2px;opacity:.2}:where(.ve-timeline .ve-snap-guide[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:20;width:1px;background:var(--ve-primary);opacity:.7}:where(.ve-timeline .ve-new-track-line[data-v-4e3078d5]){pointer-events:none;position:absolute;z-index:25;height:1px;background:var(--ve-primary);opacity:.8}.waveform-canvas-strip[data-v-7cbe9830]{position:relative;width:100%;height:100%;overflow:hidden}.waveform-canvas-strip__canvas[data-v-7cbe9830]{position:absolute;inset:0;width:100%;height:100%;display:block}:where(.audio-segment[data-v-47cbc534]){position:relative;width:100%;height:100%;display:flex;align-items:center;overflow:hidden;border-radius:4px;background-color:#efefef}:where(.audio-segment .audio-segment__waveform[data-v-47cbc534]){position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;gap:1px;overflow:hidden}:where(.audio-segment .audio-segment__waveform-canvas[data-v-47cbc534]){width:100%;height:100%}:where(.audio-segment .audio-segment__placeholder[data-v-47cbc534]){width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1rem;color:#2b2b2b;opacity:.6}:where(.audio-segment .waveform-pattern[data-v-47cbc534]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#2B2B2B 45%,#2B2B2B 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);opacity:.4}:where(.audio-segment .audio-segment__badge[data-v-47cbc534]){pointer-events:none;position:absolute;top:.375rem;left:.5rem;border-radius:4px;padding:.125rem .375rem;font-size:11px;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment[data-v-f389074c]){position:relative;width:100%;height:100%;display:flex;align-items:stretch;overflow:hidden;border-radius:4px}:where(.frames-segment .frames-segment__image[data-v-f389074c]){width:100%;height:100%;display:flex;overflow:hidden;border-radius:4px;background-color:color-mix(in srgb,var(--ve-segment-accent, #222226) 15%,transparent)}:where(.frames-segment .frames-segment__image-item[data-v-f389074c]){width:3.5rem;height:100%;flex-shrink:0;background-size:cover;background-position:left center;background-repeat:no-repeat}:where(.frames-segment .frames-segment__video[data-v-f389074c]){width:100%;height:100%;display:flex;align-items:center;overflow:hidden;background:#f1f5f9}:where(.frames-segment .frames-segment__video-wrap[data-v-f389074c]){position:relative;width:100%;height:100%}:where(.frames-segment .frames-segment__thumb[data-v-f389074c]){min-width:3.5rem;flex:1 1 0%;aspect-ratio:1 / 1;background-size:cover;background-position:center}:where(.frames-segment .frames-segment__waveform-strip[data-v-f389074c]){position:absolute;left:0;right:0;bottom:0;width:100%;display:flex;align-items:center;overflow:hidden;padding-left:.25rem;padding-right:.25rem;height:16px;background:#e5e5e8;z-index:2}:where(.frames-segment .frames-segment__waveform[data-v-f389074c]){position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;gap:1px;overflow:hidden}:where(.frames-segment .frames-segment__waveform-canvas[data-v-f389074c]){width:100%;height:100%}:where(.frames-segment .frames-segment__waveform-pattern[data-v-f389074c]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#52525b 45%,#52525b 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%)}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform-pattern[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__placeholder[data-v-f389074c]){width:100%;height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:4px;font-size:12px;color:#0f172abf;background:#0000000d}:where(.frames-segment .frames-segment__placeholder--video[data-v-f389074c]){border-radius:0}:where(.frames-segment .frames-segment__overlay[data-v-f389074c]){position:absolute;top:.375rem;left:.5rem;z-index:3;display:flex;align-items:center;gap:.5rem}:where(.frames-segment .frames-segment__badge[data-v-f389074c]){pointer-events:none;border-radius:4px;padding:.125rem .375rem;font-size:11px;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]{width:1.25rem;height:1.25rem;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:4px;border-style:none;--un-bg-opacity:.25;background-color:rgba(0,0,0,var(--un-bg-opacity));padding:0;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]:hover{--un-bg-opacity:.35;background-color:rgba(0,0,0,var(--un-bg-opacity))}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]:focus-visible{outline-width:2px;--un-outline-color-opacity:.85;outline-color:rgba(255,255,255,var(--un-outline-color-opacity));outline-offset:1px}:where(.frames-segment) .frames-segment__mute-icon[data-v-f389074c]{display:block;width:.75rem;height:.75rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}:where(.segment-base[data-v-d386af72]){position:relative;width:100%;height:100%;display:flex;align-items:center;border-radius:4px;padding:.375rem;background:#ffffff52;box-shadow:inset 0 0 0 1px #fff3}:where(.segment-base .segment-base__content[data-v-d386af72]){width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.375rem}:where(.segment-base .segment-base__pill[data-v-d386af72]){display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap;border-radius:9999px;padding:.375rem .625rem;font-size:11px;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff4d}:where(.segment-base .segment-base__pill--primary[data-v-d386af72]){color:var(--ve-segment-accent, #222226);background:#22222614}:where(.segment-base .segment-base__pill--muted[data-v-d386af72]){color:#0f172ab3;background:#2222260d}:where(.segment-base .segment-base__badge[data-v-d386af72]){pointer-events:none;position:absolute;top:.375rem;left:.5rem;border-radius:4px;padding:.125rem .375rem;font-size:11px;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.ve-editor-segment[data-v-acab97b9]){position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:.375rem;--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity))}:where(.ve-editor-segment .ve-editor-segment__preview[data-v-acab97b9]){width:100%;min-height:3.5rem;display:flex;align-items:stretch}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-creatly-mute{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='m4.023 5.038 3.369-2.08a.84.84 0 011.148.262.8.8 0 01.127.436v8.688a.83.83 0 01-.834.823.84.84 0 01-.441-.125l-3.369-2.08H2.5A1.16 1.16 0 011.333 9.81V6.19A1.16 1.16 0 012.5 5.038zm.409.912a.5.5 0 01-.265.075H2.5a.166.166 0 00-.167.165v3.62c0 .091.075.165.167.165h1.667c.093 0 .185.026.265.075l3.235 1.997V3.953zm8.577 2.15 1.351 1.351a.477.477 0 11-.675.676l-1.352-1.351-1.35 1.351a.478.478 0 01-.676-.676l1.35-1.35-1.35-1.352a.477.477 0 11.675-.675l1.351 1.35 1.351-1.35a.477.477 0 11.676.675z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-creatly-sound{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='m4.023 5.038 3.369-2.08a.84.84 0 011.148.262.8.8 0 01.127.436v8.688a.83.83 0 01-.834.823.84.84 0 01-.441-.125l-3.369-2.08H2.5A1.16 1.16 0 011.333 9.81V6.19A1.16 1.16 0 012.5 5.038zm.409.912a.5.5 0 01-.265.075H2.5a.166.166 0 00-.167.165v3.62c0 .091.075.165.167.165h1.667c.093 0 .185.026.265.075l3.235 1.997V3.953zm8.082 7.013a.505.505 0 01-.812-.173.49.49 0 01.117-.537c2.464-2.35 2.464-6.155 0-8.506a.49.49 0 01-.012-.699.504.504 0 01.707-.011c2.87 2.739 2.87 7.187 0 9.926m-1.67-1.971a.504.504 0 01-.811-.182.49.49 0 01.123-.535c1.348-1.26 1.348-3.29 0-4.55a.49.49 0 01-.02-.698.505.505 0 01.708-.019c1.764 1.65 1.764 4.335 0 5.984' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible,[visible=""]{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-4px{left:4px}.left-50\%{left:50%}.right-0{right:0}.top-0{top:0}.top-1\.5{top:.375rem}.top-2px{top:2px}.z-2{z-index:2}.z-20{z-index:20}.z-24{z-index:24}.z-25{z-index:25}.z-3{z-index:3}.z-45{z-index:45}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}[ms=""]{margin-inline-start:1rem}.box-border{box-sizing:border-box}.block{display:block}.hidden{display:none}.h-\[var\(--ve-ruler-major\)\]{height:var(--ve-ruler-major)}.h-\[var\(--ve-ruler-minor\)\]{height:var(--ve-ruler-minor)}.h-3{height:.75rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-full{height:100%}.max-w-full{max-width:100%}.min-h-14{min-height:3.5rem}.min-h-full{min-height:100%}.min-w-0{min-width:0}.min-w-14{min-width:3.5rem}.min-w-full{min-width:100%}.w-14{width:3.5rem}.w-3{width:.75rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-full{width:100%}.w-px{width:1px}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.translate-x--50\%{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-ew-resize{cursor:ew-resize}.resize{resize:both}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-\[1px\]{gap:1px}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.b,.border,[border=""]{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#222226\]{--un-border-opacity:1;border-color:rgb(34 34 38 / var(--un-border-opacity))}.border-\[\#d1d5db\]{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity))}.border-\[\#e5e7eb\]{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity))}.border-\[\#eceff3\]{--un-border-opacity:1;border-color:rgb(236 239 243 / var(--un-border-opacity))}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\],.rounded-4px{border-radius:4px}.rounded-10px{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-none{border-style:none}.bg-\[\#222226\]{--un-bg-opacity:1;background-color:rgb(34 34 38 / var(--un-bg-opacity))}.bg-\[\#94a3b8\]{--un-bg-opacity:1;background-color:rgb(148 163 184 / var(--un-bg-opacity))}.bg-\[\#cbd5e1\]{--un-bg-opacity:1;background-color:rgb(203 213 225 / var(--un-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.25\)\]{--un-bg-opacity:.25;background-color:rgba(0,0,0,var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.hover\:bg-\[rgba\(0\,0\,0\,0\.35\)\]:hover{--un-bg-opacity:.35;background-color:rgba(0,0,0,var(--un-bg-opacity))}.bg-cover{background-size:cover}.bg-left-center{background-position:left center}.bg-no-repeat{background-repeat:no-repeat}[stroke-width~="1"]{stroke-width:1px}.p-0{padding:0}.p-1\.5{padding:.375rem}.px,[px=""]{padding-left:1rem;padding-right:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-center{text-align:center}.text-right{text-align:right}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-xs{font-size:.75rem;line-height:1rem}.text-\[\#0f172a\]{--un-text-opacity:1;color:rgb(15 23 42 / var(--un-text-opacity))}.text-\[\#222226\]{--un-text-opacity:1;color:rgb(34 34 38 / var(--un-text-opacity))}.text-\[\#6b7280\]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.text-\[\#9ca3af\]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity))}.text-\[rgba\(15\,23\,42\,0\.8\)\]{--un-text-opacity:.8;color:rgba(15,23,42,var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.capitalize{text-transform:capitalize}.opacity-45{opacity:.45}.focus-visible\:outline-\[2px\]:focus-visible{outline-width:2px}.focus-visible\:outline-\[rgba\(255\,255\,255\,0\.85\)\]:focus-visible{--un-outline-color-opacity:.85;outline-color:rgba(255,255,255,var(--un-outline-color-opacity))}.focus-visible\:outline-offset-\[1px\]:focus-visible{outline-offset:1px}.filter,[filter=""]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}
+:where(.ve-playhead[data-v-8e647d40]){--ve-playhead-nudge: 0px;height:100%;cursor:ew-resize;pointer-events:auto;position:absolute;z-index:20;transform:translate(calc(-50% - var(--ve-playhead-nudge)))}:where(.ve-playhead__icon[data-v-8e647d40]){color:color-mix(in oklab,#222226 var(--un-text-opacity),transparent);pointer-events:none;position:relative;z-index:2}:where(.ve-playhead__line[data-v-8e647d40]){background-color:color-mix(in oklab,#222226 var(--un-bg-opacity),transparent);width:1px;pointer-events:none;--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);bottom:calc(var(--spacing) * 0);left:50%;top:2px;position:absolute}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}:where(.ve-ruler[data-v-30f91636]){--ve-ruler-major: 8px;--ve-ruler-minor: 4px;border-bottom-width:1px;border-color:color-mix(in oklab,#e5e7eb var(--un-border-opacity),transparent);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);position:sticky;z-index:3;overflow:hidden}@supports (color: color-mix(in lab,red,red)){:where(.ve-ruler[data-v-30f91636]){background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}:where(.ve-ruler .ve-ruler__ticks[data-v-30f91636]){height:100%;width:100%;box-sizing:border-box;position:relative}:where(.ve-ruler .ve-ruler__tick[data-v-30f91636]){font-size:11px;color:color-mix(in oklab,#6b7280 var(--un-text-opacity),transparent);text-align:center;height:100%;top:calc(var(--spacing) * 0);position:absolute}:where(.ve-ruler .ve-ruler__line[data-v-30f91636]){margin-inline:auto;background-color:color-mix(in oklab,#cbd5e1 var(--un-bg-opacity),transparent);height:var(--ve-ruler-minor);width:1px}:where(.ve-ruler .ve-ruler__tick--major .ve-ruler__line[data-v-30f91636]){background-color:color-mix(in oklab,#94a3b8 var(--un-bg-opacity),transparent);height:var(--ve-ruler-major);position:relative}:where(.ve-ruler .ve-ruler__label[data-v-30f91636]){font-family:var(--font-mono);text-align:right;white-space:nowrap;left:4px;bottom:calc(var(--spacing) * 0);position:absolute;transform:translateY(-50%)}:where(.ve-toolbar[data-v-85ddeb0f]){padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);border-bottom-width:1px;border-color:color-mix(in oklab,#eceff3 var(--un-border-opacity),transparent);display:flex;gap:calc(var(--spacing) * 2);align-items:center;justify-content:space-between}:where(.ve-toolbar .ve-toolbar__group[data-v-85ddeb0f]){display:inline-flex;gap:calc(var(--spacing) * 2);align-items:center}:where(.ve-toolbar .ve-zoom[data-v-85ddeb0f]){font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));color:color-mix(in oklab,#222226 var(--un-text-opacity),transparent);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1);text-align:center;border-width:1px;border-color:color-mix(in oklab,#e5e7eb var(--un-border-opacity),transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);min-width:calc(var(--spacing) * 14)}@supports (color: color-mix(in lab,red,red)){:where(.ve-toolbar .ve-zoom[data-v-85ddeb0f]){background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]){color:color-mix(in oklab,#222226 var(--un-text-opacity),transparent);border-width:1px;border-color:color-mix(in oklab,#d1d5db var(--un-border-opacity),transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);cursor:pointer;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.15s;transition-duration:.15s}@supports (color: color-mix(in lab,red,red)){:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]){background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:disabled){opacity:45%;cursor:not-allowed}:where(.ve-toolbar .ve-btn[data-v-85ddeb0f]:not(:disabled):hover){color:color-mix(in oklab,#222226 var(--un-text-opacity),transparent);border-color:color-mix(in oklab,#222226 var(--un-border-opacity),transparent)}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}:where(.ve-toolbar .ve-toolbar__time[data-v-85ddeb0f]){font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));color:color-mix(in oklab,#222226 var(--un-text-opacity),transparent);font-family:var(--font-mono);margin-left:auto;display:inline-flex;gap:calc(var(--spacing) * 1.5);align-items:center}:where(.ve-toolbar .ve-toolbar__time-divider[data-v-85ddeb0f]){color:color-mix(in oklab,#9ca3af var(--un-text-opacity),transparent)}.ve-timeline__tracks[data-v-902b9363]{position:relative;z-index:1;padding-bottom:.75rem;display:flex;flex-direction:column;gap:2px;flex:1}.ve-track[data-v-902b9363]{position:relative;background-color:#f8fafc;overflow:hidden}.ve-track--main[data-v-902b9363]{background-color:#f4f4f6}.ve-track--has-selection[data-v-902b9363]{background-color:#f2f2fa!important;box-shadow:inset 0 1px #e4e4fc,inset 0 -1px #e4e4fc}.ve-track__body[data-v-902b9363]{position:relative;height:100%}.ve-segment[data-v-902b9363]{position:absolute;top:0;bottom:0;border-radius:4px;color:#0f172a;cursor:pointer;display:flex;align-items:center;overflow:hidden;transition-duration:.15s}.ve-segment__content[data-v-902b9363]{display:flex;flex-direction:column;gap:.25rem;padding:.375rem .625rem}.ve-segment__title[data-v-902b9363]{font-size:12px;font-weight:700;text-transform:capitalize}.ve-segment__time[data-v-902b9363]{font-size:11px;color:#0f172acc;font-family:monospace}.ve-segment__selection[data-v-902b9363]{position:absolute;inset:0;pointer-events:none;z-index:10}.ve-segment__handle[data-v-902b9363]{position:absolute;height:100%;width:4px;background-color:#222226;cursor:ew-resize;pointer-events:auto;border:2px solid #222226}.ve-segment__handle--left[data-v-902b9363]{left:0;top:0;border-radius:.25rem 0 0 .25rem}.ve-segment__handle--right[data-v-902b9363]{right:0;top:0;border-radius:0 .25rem .25rem 0}.ve-segment__handle-dots[data-v-902b9363]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.125rem;justify-content:center}.ve-segment__handle-dot[data-v-902b9363]{border-radius:9999px;background-color:#fff;width:1px;height:1px}.ve-track__add-button[data-v-902b9363]{position:absolute;top:50%;transform:translateY(-50%);margin-left:.5rem;width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#222226;background-color:#f2f2fa;cursor:pointer;transition:background-color .2s;border:1px solid #222226}.ve-track__add-button[data-v-902b9363]:hover{background-color:#e5e5e5}.ve-track__gap-add[data-v-902b9363]{position:absolute;top:0;bottom:0;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.ve-track__gap-add[data-v-902b9363]:hover{background-color:#efefef}.ve-track__gap-add-icon[data-v-902b9363]{display:none;color:#fff;background-color:#222226;padding:4px;border-radius:4px}.ve-track__gap-add:hover .ve-track__gap-add-icon[data-v-902b9363]{display:block}:where(.ve-timeline[data-v-1d7ba95f]){--ve-primary: #222226;border-radius:10px;display:flex;flex-direction:column;width:100%;max-width:100%;min-width:calc(var(--spacing) * 0);height:100%}:where(.ve-timeline .ve-timeline__viewport[data-v-1d7ba95f]){background-color:color-mix(in srgb,var(--colors-white) var(--un-bg-opacity),transparent);flex:1 1 0%;width:100%;position:relative;overflow:auto}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){:where(.ve-timeline .ve-timeline__viewport[data-v-1d7ba95f]){background-color:color-mix(in oklab,var(--colors-white) var(--un-bg-opacity),transparent)}}:where(.ve-timeline .ve-timeline__content[data-v-1d7ba95f]){min-height:100%;min-width:100%;position:relative}:where(.ve-timeline .ve-segment--dragging[data-v-1d7ba95f]){color:color-mix(in oklab,#0f172a var(--un-text-opacity),transparent);border-radius:4px;display:flex;cursor:pointer;pointer-events:none;align-items:center;position:absolute;z-index:50;overflow:hidden;box-shadow:0 4px 16px #0000004d,inset 0 0 0 2px #ffffff80}:where(.ve-timeline .ve-segment--preview[data-v-1d7ba95f]){border-radius:4px;pointer-events:none;position:absolute;z-index:45;opacity:.7;box-shadow:0 2px 8px #0003,inset 0 0 0 2px #fff6}:where(.ve-timeline .ve-segment__content[data-v-1d7ba95f]){padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);display:flex;flex-direction:column;gap:calc(var(--spacing) * 1)}:where(.ve-timeline .ve-segment__title[data-v-1d7ba95f]){font-size:12px;--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);text-transform:capitalize}:where(.ve-timeline .ve-segment__time[data-v-1d7ba95f]){font-size:11px;color:color-mix(in oklab,rgba(15,23,42,.8) var(--un-text-opacity),transparent);font-family:var(--font-mono)}:where(.ve-timeline .ve-segment--placeholder[data-v-1d7ba95f]){border-radius:4px;pointer-events:none;position:absolute;z-index:24;background:#2222261f;border:2px solid rgba(34,34,38,.6)}:where(.ve-timeline .ve-segment--placeholder-inner[data-v-1d7ba95f]){border-radius:2px;inset:calc(var(--spacing) * 0);position:absolute;opacity:.2}:where(.ve-timeline .ve-snap-guide[data-v-1d7ba95f]){pointer-events:none;position:absolute;z-index:20;width:1px;background:var(--ve-primary);opacity:.7}:where(.ve-timeline .ve-new-track-line[data-v-1d7ba95f]){pointer-events:none;position:absolute;z-index:25;height:1px;background:var(--ve-primary);opacity:.8}.waveform-canvas-strip[data-v-7cbe9830]{position:relative;width:100%;height:100%;overflow:hidden}.waveform-canvas-strip__canvas[data-v-7cbe9830]{position:absolute;inset:0;width:100%;height:100%;display:block}:where(.audio-segment[data-v-47cbc534]){border-radius:4px;display:flex;width:100%;height:100%;align-items:center;position:relative;overflow:hidden;background-color:#efefef}:where(.audio-segment .audio-segment__waveform[data-v-47cbc534]){display:flex;gap:1px;align-items:center;top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);justify-content:flex-start;position:absolute;overflow:hidden}:where(.audio-segment .audio-segment__waveform-canvas[data-v-47cbc534]){width:100%;height:100%}:where(.audio-segment .audio-segment__placeholder[data-v-47cbc534]){font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#2b2b2b;opacity:.6}:where(.audio-segment .waveform-pattern[data-v-47cbc534]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#2B2B2B 45%,#2B2B2B 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 40%,black 60%,transparent 90%);opacity:.4}:where(.audio-segment .audio-segment__badge[data-v-47cbc534]){font-size:11px;padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);border-radius:4px;pointer-events:none;top:calc(var(--spacing) * 1.5);left:calc(var(--spacing) * 2);position:absolute;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment[data-v-f389074c]){border-radius:4px;display:flex;width:100%;height:100%;align-items:stretch;position:relative;overflow:hidden}:where(.frames-segment .frames-segment__image[data-v-f389074c]){border-radius:4px;display:flex;width:100%;height:100%;overflow:hidden;background-color:color-mix(in srgb,var(--ve-segment-accent, #222226) 15%,transparent)}:where(.frames-segment .frames-segment__image-item[data-v-f389074c]){flex-shrink:0;width:calc(var(--spacing) * 14);height:100%;background-size:cover;background-position:left center;background-repeat:no-repeat}:where(.frames-segment .frames-segment__video[data-v-f389074c]){display:flex;width:100%;height:100%;align-items:center;overflow:hidden;background:#f1f5f9}:where(.frames-segment .frames-segment__video-wrap[data-v-f389074c]){width:100%;height:100%;position:relative}:where(.frames-segment .frames-segment__thumb[data-v-f389074c]){flex:1 1 0%;min-width:calc(var(--spacing) * 14);aspect-ratio:1 / 1;background-size:cover;background-position:center}:where(.frames-segment .frames-segment__waveform-strip[data-v-f389074c]){padding-inline:calc(var(--spacing) * 1);display:flex;width:100%;align-items:center;left:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);position:absolute;overflow:hidden;height:16px;background:#e5e5e8;z-index:2}:where(.frames-segment .frames-segment__waveform[data-v-f389074c]){display:flex;gap:1px;align-items:center;top:calc(var(--spacing) * 0);bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);position:absolute;overflow:hidden}:where(.frames-segment .frames-segment__waveform-canvas[data-v-f389074c]){width:100%;height:100%}:where(.frames-segment .frames-segment__waveform-pattern[data-v-f389074c]){width:100%;height:100%;background-image:linear-gradient(90deg,transparent 45%,#52525b 45%,#52525b 55%,transparent 55%);background-size:4px 100%;background-position:0 center;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 10%,black 35%,black 65%,transparent 90%)}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__waveform-strip--muted .frames-segment__waveform-pattern[data-v-f389074c]){opacity:.25}:where(.frames-segment .frames-segment__placeholder[data-v-f389074c]){font-size:12px;border-radius:4px;display:flex;width:100%;height:100%;white-space:nowrap;align-items:center;justify-content:center;color:#0f172abf;background:#0000000d}:where(.frames-segment .frames-segment__placeholder--video[data-v-f389074c]){border-radius:0}:where(.frames-segment .frames-segment__overlay[data-v-f389074c]){display:flex;gap:calc(var(--spacing) * 2);align-items:center;top:calc(var(--spacing) * 1.5);left:calc(var(--spacing) * 2);position:absolute;z-index:3}:where(.frames-segment .frames-segment__badge[data-v-f389074c]){font-size:11px;padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);border-radius:4px;pointer-events:none;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]{color:color-mix(in srgb,var(--colors-white) var(--un-text-opacity),transparent);padding:calc(var(--spacing) * 0);border-radius:4px;--un-border-style:none;border-style:none;background-color:color-mix(in oklab,rgba(0,0,0,.25) var(--un-bg-opacity),transparent);display:flex;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);cursor:pointer;align-items:center;justify-content:center}@supports (color: color-mix(in lab,red,red)){:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]{color:color-mix(in oklab,var(--colors-white) var(--un-text-opacity),transparent)}}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]:focus-visible{outline-style:var(--un-outline-style);outline-width:2px;outline-color:color-mix(in oklab,rgba(255,255,255,.85) var(--un-outline-opacity),transparent);outline-offset:1px}@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}:where(.frames-segment) .frames-segment__mute-btn[data-v-f389074c]:hover{background-color:color-mix(in oklab,rgba(0,0,0,.35) var(--un-bg-opacity),transparent)}:where(.frames-segment) .frames-segment__mute-icon[data-v-f389074c]{color:color-mix(in srgb,var(--colors-white) var(--un-text-opacity),transparent);width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);display:block}@supports (color: color-mix(in lab,red,red)){:where(.frames-segment) .frames-segment__mute-icon[data-v-f389074c]{color:color-mix(in oklab,var(--colors-white) var(--un-text-opacity),transparent)}}:where(.segment-base[data-v-d386af72]){padding:calc(var(--spacing) * 1.5);border-radius:4px;display:flex;width:100%;height:100%;align-items:center;position:relative;background:#ffffff52;box-shadow:inset 0 0 0 1px #fff3}:where(.segment-base .segment-base__content[data-v-d386af72]){display:flex;gap:calc(var(--spacing) * 1.5);width:100%;align-items:center;justify-content:flex-start}:where(.segment-base .segment-base__pill[data-v-d386af72]){font-size:11px;--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);border-radius:calc(infinity * 1px);display:inline-flex;gap:calc(var(--spacing) * 1.5);white-space:nowrap;align-items:center;box-shadow:inset 0 0 0 1px #ffffff4d}:where(.segment-base .segment-base__pill--primary[data-v-d386af72]){color:var(--ve-segment-accent, #222226);background:#22222614}:where(.segment-base .segment-base__pill--muted[data-v-d386af72]){color:#0f172ab3;background:#2222260d}:where(.segment-base .segment-base__badge[data-v-d386af72]){font-size:11px;padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);border-radius:4px;pointer-events:none;top:calc(var(--spacing) * 1.5);left:calc(var(--spacing) * 2);position:absolute;background:#00000040;color:#fff;transform-origin:left top;transform:scale(.9)}:where(.ve-editor-segment[data-v-acab97b9]){color:color-mix(in oklab,#0f172a var(--un-text-opacity),transparent);display:flex;flex-direction:column;gap:calc(var(--spacing) * 1.5);width:100%;height:100%;position:relative}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}:where(.ve-editor-segment .ve-editor-segment__preview[data-v-acab97b9]){display:flex;width:100%;min-height:calc(var(--spacing) * 14);align-items:stretch}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@video-editor/ui",
   "type": "module",
-  "version": "0.0.1-beta.32",
+  "version": "0.0.1-beta.33",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,8 +20,8 @@
     "vue": "^3.5.26"
   },
   "dependencies": {
-    "@video-editor/protocol": "0.0.1-beta.32",
-    "@video-editor/shared": "0.0.1-beta.32"
+    "@video-editor/protocol": "0.0.1-beta.33",
+    "@video-editor/shared": "0.0.1-beta.33"
   },
   "scripts": {
     "build": "vite build",