.youtube-video{aspect-ratio:16/9;background:#000;display:block;position:relative}.youtube-video .video-placeholder{cursor:pointer;height:100%;position:absolute;top:0;left:0;width:100%;z-index:2;transition:opacity .3s ease}.youtube-video .video-placeholder .play{background:var(--backdrop);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:background .3s ease;width:5.5rem;height:5.5rem;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}.youtube-video .video-placeholder .play svg use{transition:fill .3s ease;fill:var(--action)}.youtube-video .video-placeholder img{display:block;height:100%;object-fit:cover;width:100%}.youtube-video .video-placeholder:hover .play,.youtube-video .video-placeholder:focus .play,.youtube-video .video-placeholder .play:focus,.youtube-video .video-placeholder .play:hover{background:var(--action)}.youtube-video .video-placeholder:hover .play svg use,.youtube-video .video-placeholder:focus .play svg use,.youtube-video .video-placeholder .play:focus svg use,.youtube-video .video-placeholder .play:hover svg use{fill:var(--white)}.youtube-video .ytplayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.youtube-video.video-playing .video-placeholder{pointer-events:none;opacity:0}/*# sourceMappingURL=youtube.css.map */