[data-media-open]{overflow:hidden}
.media-video-dialog{width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#0c1020;color:#fff;overflow:auto;overscroll-behavior:contain}
.media-video-dialog[open]{display:flex;flex-direction:column}
.media-video-dialog::backdrop{background:#0c1020}
.media-viewer-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5;background:#171d35;color:#fff;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));font-size:14px}
.media-viewer-top button{display:grid;place-items:center;min-width:48px;min-height:48px;flex:none;font:400 30px/1 sans-serif!important;color:#fff;background:#343858;border:1px solid #abb1cf;border-radius:50%;cursor:pointer}
.media-video-dialog video,.timeline-player .media-video-dialog video{flex:1;min-height:80px;width:100%;height:0;max-height:none;object-fit:contain;background:#0c1020}
.media-video-dialog .timeline-player-chrome{flex:none;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.media-video-dialog :focus-visible{outline:3px solid #fff;outline-offset:-3px}
.public-media-player{position:relative}
.public-media-expand{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;margin:8px 0;padding:8px 14px;border:1px solid #8f83aa;border-radius:10px;color:#fff;background:#453475;font:600 14px/1.3 sans-serif;cursor:pointer}
.public-media-expand:focus-visible{outline:3px solid #5144ed;outline-offset:3px}
.public-photo-link{display:block}
.public-photo-link:focus-visible{outline:3px solid #5144ed;outline-offset:-3px}
.public-photo-dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#0c1020;color:#fff}
.public-photo-dialog[open]{display:flex;flex-direction:column}
.public-photo-dialog img{flex:1;min-height:0;width:100%;height:0;object-fit:contain}
.public-photo-dialog p{flex:none;margin:0;padding:12px 16px max(16px,env(safe-area-inset-bottom));font-size:14px;color:#fff;overflow-wrap:anywhere}
.public-photo-dialog::backdrop{background:#0c1020}