.yt{aspect-ratio:16/9;border-radius:var(--radius);background:#000;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000c}.yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.yt__poster{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.yt__poster img{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s, transform .8s var(--ease)}.yt__poster:hover img{opacity:1;transform:scale(1.03)}.yt__play{background:var(--accent);width:76px;height:76px;color:var(--accent-ink);box-shadow:0 0 0 10px rgba(var(--accent-rgb), .25);transition:transform .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt__poster:hover .yt__play{transform:translate(-50%,-50%)scale(1.08)}.yt__note{color:#fffc;text-align:left;background:linear-gradient(#0000,#000000bf);padding:.6rem 1rem;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}