@layer wertigo.features{.video-trim-timeline{border-top:1px solid var(--ds-line);background:var(--ds-surface);gap:8px;padding:12px 20px 16px;display:grid}.video-trim-timeline__zoom{justify-content:flex-start;align-items:center;gap:6px;min-height:30px;display:flex}.video-trim-timeline__zoom-button{border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface);width:32px;height:30px;color:var(--ds-text);cursor:pointer;place-items:center;transition:border-color .16s,color .16s,background .16s,box-shadow .16s,transform .16s;display:inline-grid;box-shadow:0 8px 18px #0f172a12}.video-trim-timeline__zoom-button:hover:not(:disabled){color:var(--ds-brand);background:#ea555514;border-color:#ea555552;transform:translateY(-1px);box-shadow:0 10px 22px #ea555521}.video-trim-timeline__zoom-button:active:not(:disabled){transform:translateY(0)}.video-trim-timeline__zoom-button:disabled{opacity:.45;cursor:not-allowed}.video-trim-timeline__zoom-button svg{width:18px;height:18px}.video-trim-timeline__track{contain:layout paint;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:86px;position:relative;overflow:hidden}.video-trim-timeline__track--disabled{cursor:not-allowed;opacity:.68}.video-trim-timeline__content{min-width:100%;height:86px;position:relative}.video-trim-timeline__time-bubble{z-index:6;border:1px solid var(--ds-line);border-radius:var(--ds-radius-pill);background:var(--ds-surface);color:var(--ds-ink);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold);pointer-events:none;padding:2px 8px;line-height:1.35;position:absolute;top:2px;transform:translate(-50%);box-shadow:0 8px 18px #11182724}.video-trim-timeline__filmstrip{display:grid}.video-trim-timeline__filmstrip,.video-trim-timeline__waveform{border:1px solid var(--ds-line-strong);border-radius:var(--ds-radius-md);background:var(--ds-ink);position:absolute;inset:22px 0 10px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.video-trim-timeline__waveform{align-items:center;gap:2px;padding:7px 9px;display:flex}.video-trim-timeline__waveform span{width:100%;min-width:1px;height:var(--media-wave-height);border-radius:var(--ds-radius-pill);background:linear-gradient(#fda4af,#fb7185)}.video-trim-timeline__cell{background:linear-gradient(90deg,transparent 0 30%,#ffffff14 30% 72%,transparent 72%),linear-gradient(180deg,var(--ds-text) 0,var(--ds-ink) 100%);border-right:1px solid #ffffff6b;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.video-trim-timeline__cell:last-child{border-right:0}.video-trim-timeline__cell img{-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.video-trim-timeline__spinner{border:2px solid #ffffff47;border-top-color:var(--ds-surface);opacity:0;border-radius:50%;width:18px;height:18px;animation:.72s linear infinite video-trim-spin}.video-trim-timeline__cell--loading .video-trim-timeline__spinner{opacity:1}.video-trim-timeline__selection{border:2px solid var(--ds-brand);border-radius:var(--ds-radius-md);pointer-events:none;background:#ea55551f;position:absolute;top:22px;bottom:10px;box-shadow:inset 0 0 0 1px #ffffffc2}.video-trim-timeline__playhead{z-index:6;pointer-events:none;background:#fffffff5;width:1px;position:absolute;top:22px;bottom:10px}.video-trim-timeline__playhead:after{content:none}.video-trim-timeline__handle{z-index:7;background:linear-gradient(180deg,#ff8074 0,var(--ds-brand) 48%,var(--ds-brand-hover) 100%);cursor:ew-resize;border:0;width:12px;height:auto;position:absolute;top:22px;bottom:10px;box-shadow:inset 0 0 0 1px #ffffff57,0 6px 12px #d8464538}.video-trim-timeline__handle--start{border-radius:8px 2px 2px 8px}.video-trim-timeline__handle--end{border-radius:2px 8px 8px 2px}.video-trim-timeline__handle:before{content:"";border-radius:var(--ds-radius-pill);background:#fffffff2;width:3px;height:3px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 7px #fffffff2,0 -7px #fffffff2}.video-trim-timeline__handle--start:before{right:4px}.video-trim-timeline__handle--end:before{left:4px}.video-trim-timeline__handle:after{content:"";position:absolute;inset:0}.video-trim-timeline__handle:disabled{cursor:not-allowed}.video-trim-timeline__scrollbar{border-radius:var(--ds-radius-pill);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ea555524;height:16px;margin-top:4px;position:relative}.video-trim-timeline__scrollbar-thumb{box-sizing:border-box;border:3px solid var(--ds-surface);border-radius:var(--ds-radius-pill);background:var(--ds-brand);cursor:grab;max-width:100%;position:absolute;top:0;bottom:0}.video-trim-timeline__scrollbar-thumb:hover{background:var(--ds-brand-hover)}.video-trim-timeline__scrollbar:active .video-trim-timeline__scrollbar-thumb{cursor:grabbing}.video-trim-timeline__scrollbar--disabled{opacity:.42;cursor:not-allowed}.video-trim-timeline__scrollbar--disabled .video-trim-timeline__scrollbar-thumb{cursor:not-allowed}.video-trim-timeline__time-row{color:var(--ds-ink);font-size:var(--ds-text-xs);justify-content:space-between;align-items:center;gap:12px;font-weight:500;line-height:1.25;display:flex}.video-trim-timeline__time-row span{min-width:58px}.video-trim-timeline__time-row span:nth-child(2){color:var(--ds-subtle);text-align:center}.video-trim-timeline__time-row span:last-child{text-align:right}@keyframes video-trim-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.video-trim-timeline{padding-left:14px;padding-right:14px}.video-trim-timeline__zoom-button{width:30px;height:28px}}}