article.video-wrapper[data-v-586defbd]{background:#000;border-radius:12px;box-shadow:0 4px 16px #0003;margin:auto;overflow:hidden;position:relative;width:100%}article.video-wrapper header.video-header[data-v-586defbd]{align-items:stretch;display:flex;justify-content:space-between;left:48px;position:absolute;right:48px;top:48px;z-index:2}article.video-wrapper header.video-header .video-info[data-v-586defbd]{align-items:center;background:#00000080;border-radius:50px;display:flex;gap:10px;padding:12px 16px}article.video-wrapper header.video-header .video-info .video-avatar[data-v-586defbd]{border-radius:50%;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}article.video-wrapper header.video-header .video-info .video-title[data-v-586defbd]{color:var(--color-white);font-size:14px;font-weight:600;margin:0}article.video-wrapper header.video-header .video-info .video-subtitle[data-v-586defbd]{color:var(--color-white);font-size:12px;font-weight:400;margin:0}article.video-wrapper header.video-header .video-share[data-v-586defbd]{align-items:center;align-self:stretch;aspect-ratio:1/1;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;height:69px;justify-content:center;transition:background-color .2s}article.video-wrapper header.video-header .video-share[data-v-586defbd]:hover{background:#000c}article.video-wrapper header.video-header .video-share i[data-v-586defbd]{color:var(--color-white);font-size:32px}article.video-wrapper .video-element[data-v-586defbd]{cursor:pointer;display:block;width:100%}article.video-wrapper .video-controls[data-v-586defbd]{align-items:center;border-radius:8px;bottom:48px;display:flex;gap:10px;left:48px;padding:6px 10px;position:absolute;right:48px}article.video-wrapper .video-controls .control-btn[data-v-586defbd]{align-items:center;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color .2s;width:36px}article.video-wrapper .video-controls .control-btn i[data-v-586defbd]{color:var(--color-white)}article.video-wrapper .video-controls .progress-bar[data-v-586defbd],article.video-wrapper .video-controls .volume-bar[data-v-586defbd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:5px;cursor:pointer;height:.5em;outline:none;--progress:0%}article.video-wrapper .video-controls .progress-bar.progress-bar[data-v-586defbd],article.video-wrapper .video-controls .volume-bar.progress-bar[data-v-586defbd]{flex-grow:1;width:auto}article.video-wrapper .video-controls .progress-bar.volume-bar[data-v-586defbd],article.video-wrapper .video-controls .volume-bar.volume-bar[data-v-586defbd]{flex-shrink:0;width:80px;--progress:100%}article.video-wrapper .video-controls .progress-bar[data-v-586defbd]::-webkit-slider-runnable-track,article.video-wrapper .video-controls .volume-bar[data-v-586defbd]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--progress),hsla(0,0%,100%,.2) var(--progress),hsla(0,0%,100%,.2) 100%);border-radius:5px;height:.5em}article.video-wrapper .video-controls .progress-bar[data-v-586defbd]::-webkit-slider-thumb,article.video-wrapper .video-controls .volume-bar[data-v-586defbd]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border-radius:50%;cursor:pointer;height:1em;margin-top:-.25em;width:1em}article.video-wrapper .video-controls .progress-bar[data-v-586defbd]::-moz-range-track,article.video-wrapper .video-controls .volume-bar[data-v-586defbd]::-moz-range-track{background:#fff3;border-radius:5px;height:.5em}article.video-wrapper .video-controls .progress-bar[data-v-586defbd]::-moz-range-progress,article.video-wrapper .video-controls .volume-bar[data-v-586defbd]::-moz-range-progress{background:var(--color-primary);border-radius:5px;height:.5em}article.video-wrapper .video-controls .progress-bar[data-v-586defbd]::-moz-range-thumb,article.video-wrapper .video-controls .volume-bar[data-v-586defbd]::-moz-range-thumb{background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;height:1em;width:1em}