.custom-video-container{--text-color:rgb(255,255,255);--background-color:rgb(var(--background-solid));--control-background:transparent;--icon-color:rgb(255,255,255);--gradient-color:rgba(0,0,0,0.6);--accent-color:#1C4AE6;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;--font-size-base:14px;--font-size-small:12px;--font-weight-medium:500;--transition-fast:0.15s ease;--transition-medium:0.3s ease}.video-frame{border-radius:0;background:var(--background-color);overflow:hidden}.center-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-medium);z-index:10}.center-play-overlay[data-visible=true]{opacity:1;pointer-events:auto}.center-play-button{width:70px;height:70px;border-radius:50%;border:none;background:rgba(0,0,0,.55);color:rgb(255,255,255);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.25);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-medium);backdrop-filter:blur(14px);position:relative}.center-play-button:focus-visible,.center-play-button:hover{transform:scale(1.05);box-shadow:0 22px 48px rgba(0,0,0,.3);outline:none}.center-play-button .overlay-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.center-play-button .overlay-icon svg{width:100%;height:100%}.center-play-button[data-buffering=true]:after{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,#5999FF 0deg,#3075FF 120deg,#1C4AE6 240deg,#5999FF 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:center-play-spinner .9s linear infinite}@keyframes center-play-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-wrapper{position:relative;width:100%}.custom-media-controller{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;--media-primary-color:var(--text-color);--media-secondary-color:transparent;--media-accent-color:var(--accent-color);--media-control-background:transparent;--media-control-hover-background:transparent;--media-font-family:var(--font-family);--media-font-size:var(--font-size-base);--media-font-weight:var(--font-weight-medium);--media-range-track-background:rgba(255,255,255,0.25);--media-time-range-buffered-color:rgba(255,255,255,0.35);--media-range-bar-color:var(--text-color);--media-range-thumb-background:var(--text-color);--media-range-thumb-width:13px;--media-range-thumb-height:13px;--media-range-thumb-border-radius:50%;--media-preview-time-color:var(--text-color);--media-button-icon-transition:none;--media-tooltip-background:var(--control-background);--media-tooltip-color:var(--text-color);transition:opacity var(--transition-medium)}.custom-video,video[slot=media]{opacity:1!important;visibility:visible!important}.custom-video{width:100%;height:100%;object-fit:cover}mux-video[slot=media],video[slot=media]{background:var(--background-color);display:block!important;width:100%!important;height:100%!important;object-fit:contain}media-poster-image{overflow:hidden}.gradient-overlay{display:none!important}.custom-time-range{position:absolute;bottom:60px;left:50%;width:calc(100% - 32px);max-width:calc(100% - 32px);transform:translateX(-50%);height:6px;z-index:100;cursor:pointer;transition:height var(--transition-fast),opacity var(--transition-medium);pointer-events:auto;opacity:0;border-radius:4px;--media-range-thumb-opacity:0;--media-range-thumb-transform:scale(0);--media-range-track-border:none;--media-range-thumb-box-shadow:none;--media-preview-thumbnail-box-shadow:none;--media-range-track-border-radius:4px;--media-range-bar-border-radius:4px;padding:0!important;margin:0!important}.custom-time-range,media-time-range.custom-time-range{overflow:visible!important;box-sizing:border-box!important;border:none!important}media-time-range.custom-time-range{display:block!important;width:100%!important;outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border-radius:4px!important}media-time-range.custom-time-range media-preview-thumbnail{background:rgb(var(--background-solid-elevated))!important;border:4px solid rgb(var(--background-solid-elevated))!important;border-radius:8px 8px 0 0!important;overflow:hidden!important;position:relative!important}media-time-range.custom-time-range media-preview-time-display{background:rgb(var(--background-solid-elevated))!important;color:rgb(var(--label))!important;border:4px solid rgb(var(--background-solid-elevated))!important;border-radius:0 0 8px 8px!important;margin-top:0!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:32px!important}media-time-range.custom-time-range *{box-shadow:none!important}.custom-media-controller:hover .custom-time-range{opacity:1}.custom-time-range:hover{height:8px;--media-range-track-height:8px;--media-range-thumb-height:13px;--media-range-thumb-width:13px;--media-range-thumb-border-radius:50%;--media-range-thumb-opacity:1;--media-range-thumb-transform:scale(1)}.custom-time-preview{display:block!important;text-shadow:none!important;-webkit-text-shadow:none!important;-moz-text-shadow:none!important;min-height:24px!important;line-height:1.2!important;font-size:13px!important;font-weight:500!important;font-family:FS Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace!important;margin-top:0!important}.custom-control-bar{position:absolute;bottom:0;left:0;right:0;width:100%;height:60px;padding:12px 16px;background:transparent;display:flex;align-items:center;gap:12px;z-index:10;border:none;opacity:0;transition:opacity var(--transition-medium);--media-control-bar-border:none;--media-control-bar-border-top:none}.custom-media-controller:hover .custom-control-bar{opacity:1}.custom-control-bar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--gradient-color) 0,transparent 100%);pointer-events:none;z-index:-1;opacity:0;transition:opacity var(--transition-medium)}.custom-media-controller:hover .custom-control-bar:before{opacity:1}.custom-media-controller[mediaisfullscreen] .control-button,.custom-media-controller[mediaisfullscreen] .control-button:hover,.custom-media-controller[mediaisfullscreen] .custom-control-bar,.custom-media-controller[mediaisfullscreen] .custom-play-button,.custom-media-controller[mediaisfullscreen] .custom-play-button:hover,.custom-media-controller[mediaisfullscreen] .custom-time-range{background:transparent!important}.control-button,.custom-time-display[mediaisfullscreen]{background:transparent}.control-button{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--icon-color);position:relative;overflow:visible;backdrop-filter:none!important;padding:0;flex-shrink:0}media-fullscreen-button svg,media-pip-button svg,media-play-button svg{width:20px;height:20px}media-fullscreen-button svg path,media-pip-button svg path,media-play-button svg path{fill:rgb(255,255,255)!important}.custom-time-display{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-color);font-family:FS Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;white-space:nowrap;padding:0 8px;background:transparent!important;width:100%;text-align:center}.custom-pip-button:not([mediapipavailable]){display:none}@media (max-width:640px){.custom-control-bar{bottom:0;height:50px;left:0;right:0;width:100%;padding:8px 12px;gap:8px}.control-button{width:36px;height:36px}.custom-play-button{width:42px;height:42px}.custom-icon{width:18px;height:18px}.custom-time-range{bottom:50px;left:50%;width:calc(100% - 24px);max-width:calc(100% - 24px);transform:translateX(-50%)}.custom-time-display{font-size:var(--font-size-small)}}.custom-media-controller[mediaisfullscreen]{--font-size-base:16px;--font-size-small:14px}.custom-media-controller[mediaisfullscreen] .custom-control-bar{bottom:6px;height:80px}.custom-media-controller[mediaisfullscreen] .custom-time-range{bottom:66px;left:50%;width:100%;max-width:100%;transform:translateX(-50%);height:8px}.custom-media-controller[mediaisfullscreen] mux-video,.custom-media-controller[mediaisfullscreen] video{max-height:none!important}.custom-video-container[data-controls-visible=false] .custom-control-bar,.custom-video-container[data-controls-visible=false] .custom-time-range{opacity:0!important;pointer-events:none}.custom-video-container[data-controls-visible=true] .custom-control-bar,.custom-video-container[data-controls-visible=true] .custom-time-range{opacity:1;pointer-events:auto}.custom-video-container .center-play-overlay,.custom-video-container .custom-control-bar,.custom-video-container .custom-time-range{transition:opacity .3s ease}