.track-slider[data-v-cc76b5d7]{position:relative;cursor:pointer;touch-action:none}.track-slider--horizontal[data-v-cc76b5d7]{flex:1;min-width:64px;height:16px;display:flex;align-items:center}.track-slider--vertical[data-v-cc76b5d7]{width:4px;height:80px}.track-slider--vertical[data-v-cc76b5d7]:before{content:"";position:absolute;top:-4px;right:-10px;bottom:-4px;left:-10px}.track-slider__bg[data-v-cc76b5d7]{position:absolute;background:var(--syntx-ui-color-component-quinary-bg);border-radius:2px}.track-slider--horizontal .track-slider__bg[data-v-cc76b5d7]{left:0;right:0;height:4px}.track-slider--vertical .track-slider__bg[data-v-cc76b5d7]{top:0;right:0;bottom:0;left:0}.track-slider__hover[data-v-cc76b5d7]{position:absolute;border-radius:2px;pointer-events:none}.track-slider__hover--past[data-v-cc76b5d7]{background:var(--syntx-ui-color-button-hover);opacity:.4;z-index:1}.track-slider__hover--future[data-v-cc76b5d7]{background:var(--syntx-ui-color-text-accent);opacity:.4}.track-slider--horizontal .track-slider__hover[data-v-cc76b5d7]{height:4px}.track-slider--vertical .track-slider__hover[data-v-cc76b5d7]{left:0;right:0}.track-slider__fill[data-v-cc76b5d7]{position:absolute;background:var(--syntx-ui-color-text-accent);border-radius:2px;pointer-events:none}.track-slider--horizontal .track-slider__fill[data-v-cc76b5d7]{left:0;height:4px}.track-slider--vertical .track-slider__fill[data-v-cc76b5d7]{bottom:0;left:0;right:0}.track-slider__thumb[data-v-cc76b5d7]{position:absolute;width:12px;height:12px;z-index:2;background:var(--syntx-ui-color-text-accent);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .2s ease}.track-slider--horizontal .track-slider__thumb[data-v-cc76b5d7]{transform:translate(-50%)}.track-slider--vertical .track-slider__thumb[data-v-cc76b5d7]{left:50%;transform:translate(-50%,50%)}.track-slider:hover .track-slider__thumb[data-v-cc76b5d7],.track-slider.is-dragging .track-slider__thumb[data-v-cc76b5d7]{opacity:1}.track-slider__tooltip-anchor[data-v-cc76b5d7]{position:absolute;pointer-events:none}.track-slider--horizontal .track-slider__tooltip-anchor[data-v-cc76b5d7]{top:0;bottom:0;width:1px;transform:translate(-50%)}.track-slider--vertical .track-slider__tooltip-anchor[data-v-cc76b5d7]{left:50%;width:1px;height:1px;transform:translate(-50%,50%)}.controls-time[data-v-ba650700]{display:flex;align-items:center;gap:12px;height:32px;padding:0 16px;background:var(--syntx-ui-color-component-tertiary-bg);border-radius:999px;flex:1;box-shadow:0 2px 8px #0000004d}@media (min-width: 768px){.controls-time[data-v-ba650700]{flex:none}}@media (min-width: 768px){.controls-time[data-v-ba650700] .track-slider{flex:none;width:120px}}@media (min-width: 1200px){.controls-time[data-v-ba650700] .track-slider__thumb{opacity:0}}@media (min-width: 1200px){.controls-time[data-v-ba650700] .track-slider:hover .track-slider__thumb{opacity:1}}.controls-time__time[data-v-ba650700]{margin:0;font-size:12px;line-height:1;color:var(--syntx-ui-color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.controls-volume[data-v-0281fd70]{position:relative}.controls-volume--disabled[data-v-0281fd70]{pointer-events:none}.controls-volume__popup[data-v-0281fd70]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(8px);padding:12px 8px;background:var(--syntx-ui-color-component-tertiary-bg);border-radius:12px;box-shadow:0 2px 8px #0000004d;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.controls-volume__popup[data-v-0281fd70]:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px}@media (min-width: 768px){.controls-volume:hover .controls-volume__popup[data-v-0281fd70]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}}.controls-volume--open .controls-volume__popup[data-v-0281fd70]{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.controls-volume--open[data-v-0281fd70] .track-slider__thumb{opacity:1}.controls-volume--disabled[data-v-0281fd70] .el-button{background-color:#2f343d!important;border-color:#2f343d!important;color:var(--el-disabled-text-color)}.controls-copy__tooltip{white-space:nowrap}.video-controls[data-v-a6be9b4e]{pointer-events:none;transition:opacity .3s ease;will-change:opacity}.video-controls--hidden[data-v-a6be9b4e]{opacity:0}.video-controls--animating .video-controls__bar[data-v-a6be9b4e],.video-controls--animating .video-controls__copy[data-v-a6be9b4e]{pointer-events:none}.video-controls__loader[data-v-a6be9b4e]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--syntx-ui-color-component-secondary-bg);border-radius:inherit;opacity:0;animation:element-fade .3s ease .3s forwards}.video-controls[data-v-a6be9b4e] .el-button{box-shadow:0 2px 8px #0000004d}.video-controls[data-v-a6be9b4e] .el-button:active{transform:scale(.92)!important}.video-controls[data-v-a6be9b4e] .el-button .iconify{width:20px;height:20px}.video-controls__copy[data-v-a6be9b4e]{position:absolute;top:var(--video-controls-top, 8px);right:var(--video-controls-right, 8px);z-index:1;pointer-events:auto;animation:element-slide-in .4s cubic-bezier(.25,.46,.45,.94) forwards}.video-controls--closing .video-controls__copy[data-v-a6be9b4e]{animation:element-slide-out .2s cubic-bezier(.25,.46,.45,.94) forwards}.video-controls__bar[data-v-a6be9b4e]{position:absolute;bottom:var(--video-controls-bottom, 8px);left:var(--video-controls-left, auto);right:var(--video-controls-right, 8px);max-width:calc(100% - var(--video-controls-right, 8px) * 2);pointer-events:auto;display:flex;align-items:center;gap:8px;min-width:0}.video-controls__bar[data-v-a6be9b4e]>:not(.controls-close){animation:element-slide-in .4s cubic-bezier(.25,.46,.45,.94) forwards}.video-controls--closing .video-controls__bar[data-v-a6be9b4e]>:not(.controls-close){animation:element-slide-out .2s cubic-bezier(.25,.46,.45,.94) forwards}.video-controls--vertical .video-controls__bar[data-v-a6be9b4e]{align-items:flex-end;justify-content:flex-end}.video-controls--fullscreen .video-controls__bar[data-v-a6be9b4e]{bottom:16px;left:16px;right:16px;justify-content:flex-end}.video-controls--fullscreen.video-controls--vertical .video-controls__bar[data-v-a6be9b4e]{left:auto;right:16px}.video-controls__actions[data-v-a6be9b4e]{display:flex;gap:8px;align-items:center}.video-controls__actions--vertical[data-v-a6be9b4e]{flex-direction:column}.video-controls--fullscreen[data-v-a6be9b4e] .controls-time{flex:0 1 auto;min-width:0}@media (min-width: 768px){.video-controls--fullscreen[data-v-a6be9b4e] .controls-time{flex:none}}.video-controls--fullscreen[data-v-a6be9b4e] .controls-time .track-slider{flex:0 1 120px;width:120px;max-width:120px;min-width:56px}@media (min-width: 768px){.video-controls--fullscreen[data-v-a6be9b4e] .controls-time .track-slider{flex:none;width:120px;max-width:120px;min-width:120px}}.video-controls--vertical[data-v-a6be9b4e] .controls-time{flex:0 1 auto;width:auto;min-width:0;max-width:100%}.video-controls--vertical[data-v-a6be9b4e] .controls-time .track-slider{flex:0 1 120px;width:120px;max-width:120px;min-width:56px}