[data-v-43ffbc92]:root{--message-input-height:63px;--message-input-footer-height:0px;--header-height:64px;--right-panel-width:320px;--sidebar-width:248px;--chatlayout-side-padding:16px;--chat-content-width:640px;--sidebar-header-height:132px;--sidebar-footer-height:140px;--scrollbar-width:8px;--full-height:calc(var(--vh, 1vh)*100);--full-width:calc(var(--vw, 1vw)*100);--mobile-sidebar-left:calc(var(--full-width)*-1)}:root .el-header[data-v-43ffbc92]{--el-header-padding:0px}@media (max-width:1600px){[data-v-43ffbc92]:root{--el-menu-item-height:50px;--el-menu-sub-item-height:50px}}@media (max-width:720px){[data-v-43ffbc92]:root{--header-height:48px;--chatlayout-side-padding:8px;--sidebar-width:var(--full-width);--right-panel-width:var(--full-width)}}.video-container[data-v-43ffbc92]{cursor:pointer;min-height:200px;overflow:hidden}.video-container:hover .player-button[data-v-43ffbc92],.video-container:hover .progress-bar[data-v-43ffbc92],.video-container:hover .timer[data-v-43ffbc92],.video-container:hover .video-meta__right[data-v-43ffbc92]{opacity:1}.loader-wrapper[data-v-43ffbc92]{align-items:center;display:flex;height:100%;justify-content:center;min-height:200px;width:100%}.video-wrapper[data-v-43ffbc92]{height:100%;position:relative}.video-wrapper video[data-v-43ffbc92]{display:block}.center-play-button[data-v-43ffbc92]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.video-meta[data-v-43ffbc92]{align-items:flex-end;bottom:8px;display:flex;gap:8px;justify-content:space-between;left:4px;position:absolute;right:4px;transition:opacity .2s ease;width:calc(100% - 8px)}.video-meta .video-meta__right[data-v-43ffbc92]{align-items:center;display:flex;gap:4px;opacity:.5}.timer[data-v-43ffbc92]{background-color:#00000080;border-radius:4px;color:var(--default-text);font-size:10px;font-style:normal;font-weight:400;letter-spacing:0;line-height:14px;opacity:0;padding:2px}.volume-slider[data-v-43ffbc92]{margin-bottom:36px}.progress-container[data-v-43ffbc92]{bottom:0;height:4px;left:0;padding:4px 0;position:absolute;right:0;z-index:15}.progress-bar[data-v-43ffbc92]{background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;opacity:0;position:relative;transition:height .2s ease,opacity .2s ease;width:100%}.progress-bar[data-v-43ffbc92]:hover{height:6px}.progress-bar:hover .progress-handle[data-v-43ffbc92]{opacity:1}.progress-bar.is-dragging[data-v-43ffbc92]{cursor:grabbing;height:6px}.progress-bar.is-dragging .progress-handle[data-v-43ffbc92]{opacity:1}.progress-fill[data-v-43ffbc92]{background:var(--accent);border-radius:inherit;height:100%;pointer-events:none;transition:width .1s ease}.progress-fill.no-transition[data-v-43ffbc92]{transition:none}.progress-handle[data-v-43ffbc92]{background:var(--accent);border:2px solid var(--default-background);border-radius:50%;box-shadow:0 2px 4px #0003;height:12px;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.progress-handle[data-v-43ffbc92],.progress-handle.no-transition[data-v-43ffbc92]{transition:opacity .2s ease}