@layer common{.vpwc-video-container{box-sizing:border-box;isolation:isolate;background-color:#000;border-radius:16px;max-width:100%;display:flex;position:relative;container-type:inline-size}@media screen and (width<=640px){.vpwc-video-container{border-radius:8px}}.vpwc-video-container video{backface-visibility:hidden;border-radius:inherit;width:100%;display:block;transform:translateZ(0)}.vpwc-video-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--rs-color-black-t60);border:1px solid var(--rs-color-white-t5);box-sizing:border-box;opacity:1;z-index:10;border-radius:28px;align-items:center;gap:8px;padding:8px 28px;transition:opacity .3s;display:flex;position:absolute;bottom:12px;left:24px;right:24px;box-shadow:0 4px 24px #0003}@media screen and (width<=640px){.vpwc-video-controls{padding:8px;left:8px;right:8px}}.vpwc-video-controls.vpwc-video-controls_hide{opacity:0;pointer-events:none}.vpwc-video-controls button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.vpwc-video-controls svg{fill:var(--rs-color-white);width:24px;height:24px}.vpwc-video-controls .vpwc-progress-area{cursor:pointer;border-radius:24px;outline:none;flex-grow:1;align-items:center;height:12px;padding:14px 24px;transition:background-color .3s;display:flex}@media screen and (width<=640px){.vpwc-video-controls .vpwc-progress-area{padding:14px 12px}}.vpwc-video-controls .vpwc-progress-area:hover{background-color:var(--rs-color-white-t10)}.vpwc-video-controls .vpwc-progress-bar{background:var(--rs-color-white-t50);width:100%;height:4px;transition:height .1s;position:relative}.vpwc-video-controls .vpwc-progress-filled{background:var(--rs-color-white);border-radius:2px;width:0;height:100%;position:relative}.vpwc-video-controls .vpwc-progress-filled:after{background:var(--rs-color-white);content:"";border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-6px}.vpwc-video-controls .vpwc-time-display{color:var(--rs-color-white);cursor:pointer;font-variant-numeric:tabular-nums;text-align:center;-webkit-user-select:none;user-select:none;min-width:45px;padding:8px 0;font-size:14px}.vpwc-video-controls .vpwc-play-pause{cursor:pointer;border-radius:24px;outline:none;justify-content:center;align-items:center;padding:8px;transition:background-color .3s;display:flex}.vpwc-video-controls .vpwc-play-pause:hover{background-color:var(--rs-color-white-t10)}.vpwc-video-controls input[type=range]{--progress:50%;appearance:none;background:linear-gradient(to right,var(--rs-color-white) 0,var(--rs-color-white) var(--progress),#fff0 var(--progress),#fff0 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 4px;width:100%;height:12px;margin:0}.vpwc-video-controls input[type=range]:focus{outline:none}.vpwc-video-controls input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--rs-color-white);cursor:pointer;opacity:0;border-radius:50%;width:12px;height:12px;margin-top:-4px;display:none}.vpwc-video-controls input[type=range]::-moz-range-thumb{background-color:var(--rs-color-white);cursor:pointer;opacity:0;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;display:none}.vpwc-video-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--rs-color-white-t70) 0,var(--rs-color-white-t70) 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 4px;border-radius:0;width:100%;height:4px}.vpwc-video-controls input[type=range]::-moz-range-track{background:linear-gradient(to right,var(--rs-color-white-t70) 0,var(--rs-color-white-t70) 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 4px;border:none;border-radius:0;outline:none;width:100%;height:8px}.vpwc-volume-block{cursor:pointer;border-radius:24px;outline:none;align-items:center;gap:0;padding:8px;transition:background-color .3s,gap .3s;display:flex;position:relative}.vpwc-volume-block:focus-within,.vpwc-volume-block:hover{background-color:var(--rs-color-white-t10);gap:8px}.vpwc-volume-block:focus-within .vpwc-volume-slider-container,.vpwc-volume-block:hover .vpwc-volume-slider-container{width:40px}.vpwc-volume-block:focus-within input[type=range]::-webkit-slider-thumb{opacity:1;display:block}.vpwc-volume-block:hover input[type=range]::-webkit-slider-thumb{opacity:1;display:block}.vpwc-volume-block:focus-within input[type=range]::-moz-range-thumb{opacity:1;width:12px;height:12px;display:block}.vpwc-volume-block:hover input[type=range]::-moz-range-thumb{opacity:1;width:12px;height:12px;display:block}.vpwc-volume-slider-container{align-items:center;width:0;transition:width .3s;display:flex}.vpwc-volume-slider{accent-color:var(--rs-color-white);cursor:pointer;width:40px;height:6px}.vpwc-fullscreen-toggle{cursor:pointer;border-radius:24px;outline:none;padding:8px;transition:background-color .3s}.vpwc-fullscreen-toggle:hover{background-color:var(--rs-color-white-t10)}.vpwc-progress-area:focus-visible,.vpwc-time-display:focus-visible,.vpwc-video-controls button:focus-visible,.vpwc-video-controls input[type=range]:focus-visible{outline:2px solid var(--rs-color-primary-light-theme);outline-offset:3px}}