@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}.media-viewer{--media-viewer-controls-inset-x:24px;--media-viewer-controls-inset-y:12px;--media-viewer-controls-direction:row-reverse;--media-viewer-controls-gap:16px;--media-viewer-control-size:52px;--media-viewer-control-padding:14px;--media-viewer-control-border-radius:50%;--media-viewer-control-background:#2f2d2d80;--media-viewer-control-background-hover:#2f2d2dcc;--media-viewer-control-icon-color:var(--rs-color-white);--media-viewer-controls-position:var(--media-viewer-controls-inset-x);border-radius:16px;position:relative;overflow:hidden}@media screen and (width<=640px){.media-viewer{height:auto}}.media-viewer__container{container:media-viewer/inline-size}.media-viewer__img{box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;width:100%;height:auto;position:relative}@media screen and (width<=640px){.media-viewer__img{-o-object-position:top left;object-position:top left;width:100%;height:100%}}.media-viewer__gif [class*=_buttons_]{bottom:var(--media-viewer-controls-inset-y);flex-direction:var(--media-viewer-controls-direction);gap:var(--media-viewer-controls-gap);left:unset;right:var(--media-viewer-controls-inset-x)}.media-viewer__gif [class*=_button_]{border-radius:var(--media-viewer-control-border-radius)!important;height:var(--media-viewer-control-size)!important;padding:var(--media-viewer-control-padding)!important;width:var(--media-viewer-control-size)!important}.media-viewer__controls{bottom:var(--media-viewer-controls-inset-y);flex-direction:var(--media-viewer-controls-direction);gap:var(--media-viewer-controls-gap);left:unset;right:var(--media-viewer-controls-inset-x);z-index:2;display:flex;position:absolute}.media-viewer__control-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--media-viewer-control-background);border-radius:var(--media-viewer-control-border-radius);box-sizing:border-box;cursor:pointer;height:var(--media-viewer-control-size);padding:var(--media-viewer-control-padding);width:var(--media-viewer-control-size);border:none;justify-content:center;align-items:center;transition:background-color .3s;display:flex}.media-viewer__control-button:hover{background-color:var(--media-viewer-control-background-hover)}.media-viewer__control-button:focus-visible{outline:solid 4px var(--rs-color-primary-t-dim-light-theme)}@media screen and (width<=640px){.media-viewer__control-button_zoom{display:none}}.media-viewer__control-button svg{fill:var(--media-viewer-control-icon-color);width:24px;height:24px}.wt-popup.media-viewer__popup{width:1200px;max-width:90vw}.wt-popup.media-viewer__popup .wt-popup__loading-icon{fill:#fff}.media-viewer__popup-img{width:auto;max-width:100%}@container media-viewer (width<600px){.media-viewer__control-button,.media-viewer__gif [class*=_button_]{--media-viewer-control-size:40px;--media-viewer-control-padding:8px}}@container media-viewer (width<400px){.media-viewer__controls,.media-viewer__gif [class*=_buttons_]{--media-viewer-controls-inset-x:16px;--media-viewer-controls-gap:12px}.media-viewer__control-button,.media-viewer__gif [class*=_button_]{--media-viewer-control-size:32px;--media-viewer-control-padding:4px}}}
