.published-videos{padding:0 24px 24px}.playable-video-grid{columns:260px 3;column-gap:16px;margin-top:20px}.playable-video{position:relative;width:100%;margin:0 0 16px;page-break-inside:avoid;break-inside:avoid;overflow:hidden;border-radius:16px;background:#000;color:#fff}.playable-video video{display:block;width:100%;height:100%;object-fit:cover}.playable-video video:-webkit-full-screen{width:100%;height:100%;object-fit:contain;background:#000}.playable-video video:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}.video-poster-title{position:absolute;left:12px;right:12px;bottom:12px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:7px 10px;border-radius:8px;background:rgba(8,12,10,.68);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);color:#fff;font:900 14px/1.2 var(--display);pointer-events:none}.video-poster-play{position:absolute;inset:0;margin:auto;width:68px;height:48px;display:grid;place-items:center;border:0;border-radius:12px;background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.2)}.video-poster-play svg{margin-left:3px}.video-poster-play:hover{background:rgba(0,0,0,.76)}.video-poster-play:focus-visible{outline:3px solid white;outline-offset:3px}.video-load-error{position:absolute;inset:auto 8px 8px;margin:0;padding:8px;background:#222;color:white;font-size:12px}@media(max-width:760px){.published-videos{padding:0 10px 20px}.playable-video-grid{column-count:2;column-gap:8px}.playable-video{margin-bottom:8px}.video-poster-play{width:54px;height:38px}.video-poster-play svg{width:20px;height:20px}.video-poster-title{left:7px;right:7px;bottom:7px;max-width:calc(100% - 14px);padding:5px 7px;font-size:10px}}