.dxs .video-demo-viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px}.dxs .video-demo{position:absolute;inset:0 auto auto 0;width:1440px;height:810px;transform:scale(var(--video-demo-scale));transform-origin:top left;border-radius:24px;--muted:#27272a}.dxs .video-demo .video-window-bar{position:relative;height:48px;padding:16px 32px 0;box-sizing:border-box}.dxs .video-demo .video-window-bar>span{position:absolute;left:50%;transform:translateX(-50%);max-width:768px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500}.dxs .video-demo .video-workspace{display:grid;grid-template-columns:minmax(0,1fr) 403.2px;height:762px;gap:24px;padding:16px 24px 8px;box-sizing:border-box}.dxs .video-demo .video-main-column{display:flex;flex-direction:column;min-width:0;min-height:0;gap:6.48px}.dxs .video-demo .video-stage{display:flex;flex:1;flex-direction:column;min-height:0}.dxs .video-demo-picture{position:relative;flex-shrink:0;width:min(100%,832px);aspect-ratio:16/9;margin-inline:auto;overflow:hidden;border-radius:8px;background:#e8e8ed var(--ambient-video-image) center /cover no-repeat}.dxs .video-demo-picture video{display:block;width:100%;height:100%;object-fit:cover;opacity:0}.dxs .video-demo-picture-toggle{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}.dxs .video-demo-picture-toggle>svg{display:none}.dxs .video-demo .video-current-caption{display:flex;flex:1;min-height:108px;padding:12px 8px}.dxs .video-demo .video-audio-caption>div,.dxs .video-demo .video-current-caption [data-caption-text]{font-size:22.65px;line-height:1.625}.dxs .video-demo .video-stage-audio .video-demo-picture{display:none}.dxs .video-demo .video-stage-audio .video-current-caption{display:flex}.dxs .video-demo .video-current-translation{font-size:19.29px;line-height:1.6}.dxs .video-demo .video-player-controls{order:0;flex-shrink:0;padding:12px 8px}.dxs .video-demo-progress{position:relative;height:44px;width:100%}.dxs .video-demo-progress-fill,.dxs .video-demo-progress-track{position:absolute;top:50%;height:4px;transform:translateY(-50%);border-radius:999px}.dxs .video-demo-progress-track{inset-inline:0;background:#27272a}.dxs .video-demo-progress-fill{left:0;background:#fafafa}.dxs .video-demo-progress-thumb{position:absolute;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:#fafafa;box-shadow:0 1px 2px #0001}.dxs .video-demo-progress:hover .video-demo-progress-thumb{transform:translate(-50%,-50%) scale(1.25)}.dxs .video-demo-progress input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer;touch-action:none}.dxs .video-demo .video-time-labels{margin:4px 0 12px;font:12px/16px ui-monospace,monospace}.dxs .video-demo .video-control-row{position:relative;display:flex;justify-content:space-between;align-items:center;height:48px;gap:0}.dxs .video-demo .video-control-row button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}.dxs .video-demo .video-control-row button:hover{background:#27272a}.dxs .video-demo .video-control-row button:disabled{opacity:.5;cursor:default}.dxs .video-demo .video-control-primary{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:24px}.dxs .video-demo .video-control-primary>button{width:40px;height:40px}.dxs .video-demo .video-control-row .video-demo-play{width:48px;height:48px;border-radius:50%;background:#fafafa;color:#18181b}.dxs .video-demo .video-demo-play svg{fill:currentColor}.dxs .video-demo .video-control-options{display:flex;gap:8px;margin-left:auto}.dxs .video-demo .video-caption-sidebar{position:relative;order:0;height:0;min-height:100%;padding:0 0 56px;--caption-fade:56px;scrollbar-width:none}.dxs .video-demo .video-caption-sidebar>.video-demo-caption{padding:0;pointer-events:auto}.dxs .video-demo .video-demo-caption>div{padding:16px}.dxs .video-demo .video-demo-caption p{margin:0}.dxs .video-demo .video-demo-caption [data-caption-text]{font-size:18px;line-height:1.625}.dxs .video-demo .video-demo-caption p[lang]{margin-top:8px;font-size:16px;line-height:1.625}.dxs .video-demo .video-demo-caption>div>div>span{display:block;margin-bottom:8px;font:14px/20px ui-monospace,monospace}.dxs .video-demo .video-demo-caption>div>span[aria-hidden]{display:block}.dxs .video-demo .video-demo-caption>div:active{background-color:transparent}.dxs .video-demo-error{margin-top:8px;color:#fed7aa;font-size:13px}.dxs .video-demo .video-player-controls>section{display:block}.dxs .video-demo .video-current-caption{padding-inline:24px}.dxs .video-demo .video-current-caption>div{padding:0}.dxs .video-demo .video-stage-audio [data-caption-text]{font-size:30px}.dxs .video-demo .video-stage-audio [data-caption-translation]{font-size:20px;line-height:1.6}.dxs .video-demo .video-control-row .video-demo-play:hover{background:#e4e4e7}.dxs .video-demo .video-caption-sidebar::-webkit-scrollbar{display:none}.dxs .video-demo .video-picture-caption>div{transform:translateY(calc((6.48px + 12px + 44px / 2) / 2))}.dxs .video-demo [data-shadowing-phase] button[aria-pressed]{background-color:#fafafa}