.knepper-yt{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden;border-radius:8px;background:#000}
.knepper-yt-play{display:block;position:relative;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#000}
.knepper-yt-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85;transition:opacity .2s}
.knepper-yt-play:hover img{opacity:1}
.knepper-yt-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background:rgba(0,0,0,.75);border-radius:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.knepper-yt-play:hover .knepper-yt-btn{background:#f00}
.knepper-yt-btn svg{width:24px;height:24px;fill:#fff}
.knepper-yt-note{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;font-size:.75rem;line-height:1.3;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85));text-align:left;pointer-events:none}
.knepper-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}