.cvp-header[data-v-f43b31fa]{box-sizing:border-box;display:flex;padding:0 10px;width:100%;height:var(--header-height);justify-content:space-between;align-items:center;gap:10px;background-color:var(--color-14-100)}.cvp-information[data-v-f43b31fa]{font-size:14px;white-space:nowrap;color:var(--color-00-100);opacity:.1;transition:all .2s}.cvp-information[data-active=true][data-v-f43b31fa]{opacity:1}[data-type=overlay] .cvp-header[data-v-f43b31fa]{display:none}.cvp-main[data-v-352dd94f]{overflow:hidden;height:100%;background-color:var(--color-15-100)}.cvp-video[data-v-352dd94f]{visibility:hidden;width:0;height:0}.cvp-canvas[data-v-352dd94f]{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;vertical-align:top}.cvp-progress[data-v-c1f46be8]{position:relative;height:30px;background-color:var(--color-13-100)}.cvp-progress-drag[data-v-c1f46be8]{height:100%}.cvp-progress-drag:hover+.cvp-progress-preview[data-v-c1f46be8]{bottom:100%;opacity:1}.cvp-progress-area[data-v-c1f46be8]{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.cvp-progress-area[data-v-c1f46be8]:before{position:absolute;top:10px;right:0;bottom:10px;left:0;background-color:var(--color-14-100);content:""}.cvp-progress-buffer[data-v-c1f46be8]{position:absolute;inset:10px auto;height:10px;background-color:var(--color-11-100);pointer-events:none}.cvp-progress-bar[data-v-c1f46be8]{position:absolute;inset:10px auto;height:10px;background-color:var(--color-05-100);pointer-events:none}.cvp-progress-bar[data-v-c1f46be8]:before{position:absolute;inset:-2px -1px -2px auto;width:2px;background-color:var(--color-00-100);filter:drop-shadow(0 0 3px var(--color-00-100));content:""}.cvp-progress-range[data-v-c1f46be8]{position:absolute;inset:10px auto;height:10px;background-color:#409eff;mix-blend-mode:color;pointer-events:none}.cvp-progress-preview[data-v-c1f46be8]{position:absolute;bottom:50%;width:100px;margin-bottom:10px;padding:5px;border-radius:3px;background-color:var(--color-13-100);transform:translate(-50%);transition:bottom .2s,opacity .2s;pointer-events:none;opacity:0}.cvp-progress-preview-video[data-v-c1f46be8]{visibility:hidden;width:0;height:0}.cvp-progress-preview-canvas[data-v-c1f46be8]{width:100%;height:auto;vertical-align:top}.cvp-progress-preview-time[data-v-c1f46be8]{margin-top:5px;text-align:center;font-size:11px;color:var(--color-05-100)}[data-type=overlay] .cvp-progress[data-v-c1f46be8]{height:10px;background-color:transparent}[data-type=overlay] .cvp-progress-area[data-v-c1f46be8]:before{top:0;right:0;bottom:0;left:0;background-color:var(--color-00-010)}[data-type=overlay] .cvp-progress-buffer[data-v-c1f46be8]{top:0;background-color:var(--color-00-020)}[data-type=overlay] .cvp-progress-bar[data-v-c1f46be8]{top:0;background-color:var(--color-00-050)}[data-type=overlay] .cvp-progress-range[data-v-c1f46be8]{top:0}.cvp-controller[data-v-f2163948]{display:flex;height:30px;gap:5px;background-color:var(--color-14-100)}.cvp-controller-button[data-v-f2163948]{overflow:hidden;display:flex;width:30px;height:30px;padding:0;justify-content:center;align-items:center;border:0;background-color:transparent;opacity:.5;transition:all .2s;cursor:pointer}.cvp-controller-button[data-v-f2163948]:hover,.cvp-controller-button[data-active=true][data-v-f2163948]{opacity:1;filter:drop-shadow(0 0 3px var(--color-00-100))}.cvp-controller-icon[data-v-f2163948]{width:100%;height:100%;stroke:var(--color-00-100)}.cvp-controller-volume[data-v-f2163948]{position:relative}.cvp-controller-volume:hover .cvp-controller-volume-drag[data-v-f2163948]{height:120px;opacity:1}.cvp-controller-volume-drag[data-v-f2163948]{position:absolute;bottom:100%;width:30px;height:0;background-color:var(--color-14-100);opacity:0;transition:all .2s}.cvp-controller-volume-area[data-v-f2163948]{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background-color:var(--color-13-100);cursor:pointer}.cvp-controller-volume-bar[data-v-f2163948]{position:absolute;bottom:0;width:100%;background-color:var(--color-05-100);pointer-events:none}.cvp-controller-playback-rate[data-v-f2163948]{position:relative;display:flex;height:30px;align-items:center;justify-content:center;cursor:pointer}.cvp-controller-playback-rate:hover .cvp-controller-playback-rate-list[data-v-f2163948]{height:150px;line-height:14px;opacity:1}.cvp-controller-playback-rate-text[data-v-f2163948]{overflow:hidden;padding:0 5px;height:30px;font-size:15px;text-align:center;font-weight:100;line-height:28px;color:var(--color-00-100);opacity:.5;transition:all .2s}.cvp-controller-playback-rate-text[data-v-f2163948]:hover{opacity:1;filter:drop-shadow(0 0 3px var(--color-00-100))}.cvp-controller-playback-rate-list[data-v-f2163948]{overflow:hidden;position:absolute;bottom:100%;margin:0;padding:5px 0 0;height:0;list-style:none;background-color:var(--color-14-100);opacity:0;transition:all .2s}.cvp-controller-playback-rate-button[data-v-f2163948]{display:block;padding:5px 10px;color:var(--color-05-100);border:0;background-color:transparent;cursor:pointer;opacity:.5;transition:all .2s}.cvp-controller-playback-rate-button[data-v-f2163948]:hover{opacity:1;filter:drop-shadow(0 0 3px var(--color-05-100))}[data-type=overlay] .cvp-controller[data-v-f2163948]{background-color:transparent}[data-type=overlay] .cvp-controller-volume-drag[data-v-f2163948],[data-type=overlay] .cvp-controller-playback-rate-list[data-v-f2163948]{bottom:calc(100% + 5px);background-color:var(--color-15-030)}[data-type=overlay] .cvp-controller-playback-rate-button[data-v-f2163948]{color:var(--color-03-100)}.cvp-footer[data-v-33a4d776]{display:flex;width:100%;flex-direction:column;height:var(--footer-height)}[data-type=overlay] .cvp-footer[data-v-33a4d776]{position:absolute;inset:auto 0 0;height:50px;gap:5px;background:linear-gradient(var(--color-15-000),var(--color-15-100));transform:translateY(100px);transition:all .5s ease-out}[data-type=overlay] .cvp-footer[data-active=true][data-v-33a4d776]{transform:translateY(0)}.cvp-message[data-v-8fa62035]{position:absolute;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;pointer-events:none}.cvp-message-text[data-v-8fa62035]{padding:5px 10px;border-radius:5px;background-color:var(--color-15-050);color:var(--color-00-100);opacity:0}.cvp-message-text[data-visible=true][data-v-8fa62035]{animation:fadeIn-8fa62035 .5s 1 forwards}.cvp-message-text[data-visible=false][data-v-8fa62035]{animation:fadeOut-8fa62035 .5s 1 forwards}@keyframes fadeIn-8fa62035{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-8fa62035{0%{opacity:1}to{opacity:0}}#vue3-canvas-video-player[data-v-bd75ab9b]{--header-height: 30px;--footer-height: 60px;--color-00-100: rgba(0, 0, 0, 1);--color-00-090: rgba(0, 0, 0, .9);--color-00-080: rgba(0, 0, 0, .8);--color-00-070: rgba(0, 0, 0, .7);--color-00-060: rgba(0, 0, 0, .6);--color-00-050: rgba(0, 0, 0, .5);--color-00-040: rgba(0, 0, 0, .4);--color-00-030: rgba(0, 0, 0, .3);--color-00-020: rgba(0, 0, 0, .2);--color-00-010: rgba(0, 0, 0, .1);--color-01-100: #111;--color-02-100: #222;--color-03-100: #333;--color-04-100: #444;--color-05-100: #555;--color-06-100: #666;--color-07-100: #777;--color-08-100: #888;--color-09-100: #999;--color-10-100: #aaa;--color-11-100: #bbb;--color-12-100: #ccc;--color-13-100: #ddd;--color-14-100: #eee;--color-15-000: rgba(255, 255, 255, 0);--color-15-010: rgba(255, 255, 255, .1);--color-15-020: rgba(255, 255, 255, .2);--color-15-030: rgba(255, 255, 255, .3);--color-15-040: rgba(255, 255, 255, .4);--color-15-050: rgba(255, 255, 255, .5);--color-15-060: rgba(255, 255, 255, .6);--color-15-070: rgba(255, 255, 255, .7);--color-15-080: rgba(255, 255, 255, .8);--color-15-090: rgba(255, 255, 255, .9);--color-15-100: rgba(255, 255, 255, 1);position:relative;overflow:hidden;display:grid;grid-template-rows:var(--header-height) 1fr var(--footer-height);height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}#vue3-canvas-video-player[data-dark-mode=true][data-v-bd75ab9b]{--color-00-100: rgba(255, 255, 255, 1);--color-00-090: rgba(255, 255, 255, .9);--color-00-080: rgba(255, 255, 255, .8);--color-00-070: rgba(255, 255, 255, .7);--color-00-060: rgba(255, 255, 255, .6);--color-00-050: rgba(255, 255, 255, .5);--color-00-040: rgba(255, 255, 255, .4);--color-00-030: rgba(255, 255, 255, .3);--color-00-020: rgba(255, 255, 255, .2);--color-00-010: rgba(255, 255, 255, .1);--color-01-100: #eee;--color-02-100: #ddd;--color-03-100: #ccc;--color-04-100: #bbb;--color-05-100: #aaa;--color-06-100: #999;--color-07-100: #888;--color-08-100: #777;--color-09-100: #666;--color-10-100: #555;--color-11-100: #444;--color-12-100: #333;--color-13-100: #222;--color-14-100: #111;--color-15-000: rgba(0, 0, 0, 0);--color-15-010: rgba(0, 0, 0, .1);--color-15-020: rgba(0, 0, 0, .2);--color-15-030: rgba(0, 0, 0, .3);--color-15-040: rgba(0, 0, 0, .4);--color-15-050: rgba(0, 0, 0, .5);--color-15-060: rgba(0, 0, 0, .6);--color-15-070: rgba(0, 0, 0, .7);--color-15-080: rgba(0, 0, 0, .8);--color-15-090: rgba(0, 0, 0, .9);--color-15-100: rgba(0, 0, 0, 1)}#vue3-canvas-video-player[data-type=overlay][data-v-bd75ab9b]{display:block}.cvp-block[data-v-bd75ab9b]{position:absolute;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;color:var(--color-07-100);background-color:var(--color-15-050)}