.video-lightbox-overlay{place-items:center;padding:20px;display:grid;container:video-lightbox/size}@media (min-width:980px){.video-lightbox-overlay{padding:80px}}.video-lightbox-panel{width:min(100cqw, calc(100cqh * var(--video-lightbox-ar-w) / var(--video-lightbox-ar-h)));max-width:100cqw;max-height:100cqh;aspect-ratio:var(--video-lightbox-ar-w) / var(--video-lightbox-ar-h);background:oklch(var(--palette-white) / 50%);height:auto;padding:4px}.video-lightbox-shell{border-radius:calc(var(--radius-lg) - 4px);background-color:#0000;width:100%;height:100%;position:relative;overflow:hidden}.video-lightbox-shell:before{content:"";z-index:1;pointer-events:none;background:oklch(var(--palette-black) / 25%);position:absolute;inset:0}.video-lightbox-player{z-index:2;--media-primary-color:#fff;--media-secondary-color:transparent;--media-font-family:inherit;--media-control-background:transparent;--media-control-hover-background:transparent;--media-control-padding:0;--media-range-track-height:2px;--media-range-track-border-radius:20px;--media-range-track-background:#ffffff40;--media-time-range-buffered-color:#ffffff59;--media-range-thumb-height:10px;--media-range-thumb-width:10px;--media-range-thumb-border-radius:4px;--media-range-thumb-transform:scale(1);--media-range-padding:0;background:0 0;width:100%;height:100%;display:block;position:relative}.video-lightbox-player video{object-fit:cover;width:100%;height:100%}.video-lightbox-control-bar{background:linear-gradient(#0000 0%,#0000001a 35%,#00000047 65%,#00000080 100%);align-items:center;gap:16px;width:100%;padding:48px 16px 16px;transition:opacity .25s}media-controller.video-lightbox-player[userinactive]:not([mediapaused]) .video-lightbox-control-bar{opacity:0;pointer-events:none}.video-lightbox-control-bar media-mute-button,.video-lightbox-control-bar media-fullscreen-button{border-radius:var(--radius-lg);opacity:.95;flex-shrink:0;width:48px;height:48px;transition:opacity .15s}.video-lightbox-control-bar media-mute-button:hover,.video-lightbox-control-bar media-fullscreen-button:hover{opacity:1}.video-lightbox-control-bar media-time-range{flex:1;height:48px}