.modern-video{background:var(--media-bg);width:100%;color:var(--white);outline:none;position:relative;overflow:hidden}.modern-video:not(.has-loading-poster):not(.media-ready){aspect-ratio:16/9}.modern-video video{aspect-ratio:auto;object-fit:contain;background:0 0;width:100%;max-height:78svh;margin:auto;display:block}.modern-video.has-loading-poster:not(.media-ready):not(.lightbox-video) .video-foreground{height:100%;max-height:none;position:absolute;inset:0}.modern-video.lightbox-video{width:min(1100px,var(--video-ratio-width),calc(100vw - 120px));max-width:100%;height:auto;max-height:100%;aspect-ratio:var(--video-aspect);background:0 0;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #00000057}.modern-video.lightbox-video video{background:0 0;width:100%;height:100%;max-height:none}.modern-video .video-blur-background{z-index:0;filter:blur(22px)saturate(.8);opacity:.58;pointer-events:none;background-position:50%;background-size:cover;width:100%;height:100%;max-height:none;position:absolute;inset:0;transform:scale(1.1)}.modern-video .video-foreground{z-index:1;position:relative}.video-loading-placeholder{z-index:1;background:linear-gradient(110deg,var(--media-bg) 25%,color-mix(in srgb,var(--paper) 12%,var(--media-bg)) 45%,var(--media-bg) 65%);pointer-events:none;opacity:1;background-size:220% 100%;place-items:center;transition:opacity .24s,visibility .24s;animation:1.5s ease-in-out infinite video-placeholder-shimmer;display:grid;position:absolute;inset:0;overflow:hidden}.modern-video.has-loading-poster:not(.media-ready):not(.lightbox-video) .video-loading-placeholder{aspect-ratio:auto;position:relative}.video-loading-placeholder img{object-fit:contain;filter:blur(12px)saturate(.82);opacity:.72;width:100%;max-height:78svh;display:block;transform:scale(1.035)}.lightbox-video .video-loading-placeholder img{width:100%;height:100%;max-height:none}.modern-video.media-ready .video-loading-placeholder{visibility:hidden;opacity:0;animation:none}@keyframes video-placeholder-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.video-center-play{z-index:2;width:68px;height:68px;color:var(--white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;background:#1f1d1a94;border:1px solid #fffdf840;border-radius:50%;place-content:center;padding:0;transition:opacity .2s,transform .2s,background .2s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.88)}.video-center-play svg{font-size:34px}.modern-video.controls-visible .video-center-play{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.modern-video.playing .video-center-play{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.88)}.modern-video.controls-visible .video-center-play:hover{background:#4a4f3ad1}.video-controls{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(#0000,#1f1d1ae6);padding:30px 14px 10px;transition:opacity .2s,transform .2s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.modern-video.controls-visible .video-controls{opacity:1;pointer-events:auto;transform:none}.video-timeline.MuiSlider-root{width:calc(100% - 8px);color:var(--rose);touch-action:none;margin:0 4px -2px;padding:8px 0;display:block}.video-timeline .MuiSlider-rail{color:#fffdf857}.video-timeline .MuiSlider-thumb{width:13px;height:13px;box-shadow:0 0 0 4px #c99b952e}.video-actions{align-items:center;gap:2px;display:flex}.video-actions .MuiIconButton-root{width:36px;height:36px;color:var(--white);background:0 0;border:0}.video-actions .MuiIconButton-root:hover{background:#fffdf81f}.video-actions .MuiIconButton-root.loop-active{color:var(--rose);background:#c99b9529}.volume-slider.MuiSlider-root{width:72px;color:var(--white);margin:0 8px}.volume-slider .MuiSlider-thumb{width:11px;height:11px}.video-time{color:#fffdf8c2;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.video-time i{color:var(--gold);padding:0 3px;font-style:normal}.video-spacer{flex:1}.video-time.is-loading{align-items:center;gap:6px;display:flex}.video-time.is-loading:before{content:"";background:var(--champagne);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite video-loading-pulse}@keyframes video-loading-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (width<=600px){.modern-video.lightbox-video{width:min(calc(100vw - 16px),var(--video-ratio-width));border-radius:12px;height:auto}.video-center-play{width:58px;height:58px}.volume-slider.MuiSlider-root{display:none}.video-time{margin-left:4px}.video-controls{padding-inline:8px}.video-actions .MuiIconButton-root{width:34px;height:34px}}