.vp{--vp-accent: #fff;--media-primary-color: #fff;--media-secondary-color: transparent;--media-icon-color: #fff;--media-control-background: transparent;--media-control-hover-background: rgb(255 255 255 / 12%);--media-font-family: var(--font-sans);--media-font-size: 12.5px;--media-font-weight: 500;--media-text-color: #fff;--media-button-icon-width: 18px;--media-button-icon-height: 18px;--media-control-padding: 7px;--media-control-height: 20px;--media-range-padding: 8px;--media-range-track-height: 3px;--media-range-track-border-radius: 3px;--media-range-track-background: rgb(255 255 255 / 22%);--media-time-range-buffered-color: rgb(255 255 255 / 34%);--media-range-bar-color: var(--vp-accent);--media-range-thumb-width: 12px;--media-range-thumb-height: 12px;--media-range-thumb-background: #fff;--media-range-thumb-box-shadow: 0 1px 4px rgb(0 0 0 / 40%);--media-range-thumb-opacity: 0;--media-tooltip-background-color: rgb(24 25 29 / 94%);--media-tooltip-border-radius: 8px;--media-tooltip-padding: 5px 8px;--media-tooltip-arrow-display: none;--media-tooltip-distance: 10px;--media-focus-box-shadow: inset 0 0 0 2px rgb(255 255 255 / 70%);--media-preview-time-background: rgb(24 25 29 / 94%);--media-preview-time-border-radius: 6px;--media-preview-time-padding: 3px 6px;--media-loading-indicator-icon-height: 44px;display:block;width:100%;container-type:inline-size}.vp-video{display:block;width:100%;height:100%;object-fit:contain}.vp-bar{gap:4px;align-items:center;padding:28px 8px 6px;background:linear-gradient(transparent,#0000009e)}.vp-button{border-radius:8px}.vp-range{flex:1;min-width:40px;--media-control-hover-background: transparent}.vp-range:hover{--media-range-thumb-opacity: 1;--media-range-track-height: 4px}.vp-time{padding:0 6px;font-variant-numeric:tabular-nums}.vp-loading{position:absolute;inset:0;width:fit-content;height:fit-content;margin:auto}.vp-center-play{width:64px;height:64px;padding:0;border:1px solid rgb(255 255 255 / 22%);border-radius:50%;background:#13182094;backdrop-filter:blur(12px);--media-button-icon-width: 26px;--media-button-icon-height: 26px;--media-control-hover-background: rgb(19 24 32 / 78%);transition:transform .15s,background-color .15s}.vp-center-play:hover{transform:scale(1.06)}.vp:not([mediapaused]) .vp-center-play,.vp[medialoading]:not([mediapaused]) .vp-center-play{display:none}@container (max-width: 300px){.vp-time{display:none}.vp-center-play{width:52px;height:52px;--media-button-icon-width: 22px;--media-button-icon-height: 22px}}@container (max-width: 200px){.vp-bar media-fullscreen-button{display:none}}@media (prefers-reduced-motion: reduce){.vp-center-play{transition:none}}