.youtube-embed{position:relative;width:100%;max-width:100%;background:#000;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 20px #00000026;aspect-ratio:16 / 9}.youtube-embed:hover:not(.youtube-embed--loaded){transform:translateY(-2px);box-shadow:0 8px 30px #0003}.youtube-embed:before{content:"";display:block;padding-top:56.25%}.youtube-embed__content{position:absolute;top:0;left:0;width:100%;height:100%}.youtube-embed__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,filter .3s ease}.youtube-embed:hover .youtube-embed__thumbnail{filter:brightness(.9)}.youtube-embed__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#181818e5;border-radius:50%;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;z-index:2}.youtube-embed:hover .youtube-embed__play{background:var(--play-color ,rgba(255, 0, 0, 1));transform:translate(-50%,-50%) scale(1.1)}.youtube-embed__play:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-left:24px solid white;border-top:14px solid transparent;border-bottom:14px solid transparent}.youtube-embed--loading .youtube-embed__play{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.youtube-embed--loaded{cursor:default}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0}}