media-controller{--video-on-canvas:rgb(245 245 245);--media-control-background:transparent;--media-control-hover-background:rgb(255 255 255/0.14);--media-control-padding:0;--media-primary-color:var(--primary);--media-secondary-color:rgb(255 255 255/0.6);--media-text-color:var(--video-on-canvas);--media-icon-color:var(--video-on-canvas);--media-loading-icon-color:var(--video-on-canvas);--media-range-track-background:color-mix(in oklab,white 28%,transparent);--media-range-track-border-radius:9999px;--media-range-track-height:4px;--media-range-track-pointer-background:color-mix(in oklab,white 12%,transparent);--media-range-bar-color:var(--primary);--media-range-thumb-background:var(--primary);--media-range-thumb-border-radius:9999px;--media-range-thumb-width:12px;--media-range-thumb-height:12px;--media-range-thumb-opacity:0;--media-range-thumb-transition:opacity 0.15s ease;--media-font-family:inherit;--media-font-size:12px;display:block;position:relative;width:100%}media-controller .media-control-square::part(button){width:100%;height:100%}.video-player__control{color:var(--video-on-canvas,rgb(245 245 245));border-radius:.375rem;transition:background-color .15s ease}.video-player__control:hover{background-color:rgb(255 255 255/.14)}.video-player__time{color:rgb(255 255 255/.72)}media-control-bar{background:transparent}.vp-center-play{--media-control-background:rgb(0 0 0/0.55);--media-control-hover-background:rgb(0 0 0/0.7);width:64px;height:64px;padding:0;border-radius:9999px;color:rgb(255 255 255);backdrop-filter:blur(2px);box-shadow:0 4px 16px rgb(0 0 0/.35);transition:opacity .2s ease,transform .2s ease;cursor:pointer}.vp-center-play svg{width:28px;height:28px}media-controller:not([mediapaused]) .vp-center-play{opacity:0;transform:scale(.9);pointer-events:none}media-gesture-receiver{position:absolute;inset:0;z-index:0}.video-player__control-bar,.vp-center-play{z-index:2}media-airplay-button::part(tooltip),media-captions-button::part(tooltip),media-cast-button::part(tooltip),media-fullscreen-button::part(tooltip),media-mute-button::part(tooltip),media-pip-button::part(tooltip),media-play-button::part(tooltip),media-playback-rate-button::part(tooltip),media-seek-backward-button::part(tooltip),media-seek-forward-button::part(tooltip){display:none!important}.video-player__control-bar{opacity:1;transition:opacity .3s ease-out}media-controller[mediapaused] .video-player__control-bar,media-controller[userinactive]:not([mediapaused]) .video-player__control-bar{opacity:0;pointer-events:none}media-time-range{--media-preview-background:var(--popover);--media-preview-border-radius:6px;--media-text-color:var(--popover-foreground);--media-focus-box-shadow:none}media-time-range:focus-within,media-time-range:hover{--media-range-thumb-opacity:1}media-time-range:focus-within{--media-range-thumb-box-shadow:0 0 0 2px var(--ring)}media-time-range::part(preview-box){display:none}media-time-range::part(current-box){display:none}vimeo-video iframe,youtube-video iframe{pointer-events:auto}