.yt-facade{background:var(--color-ink);cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.yt-facade__poster{object-fit:cover;object-position:center 55%;transition:transform .6s var(--ease-out)}.yt-facade__scrim{transition:background var(--dur-base) var(--ease-out);background:#0b1b2b38;position:absolute;inset:0}.yt-facade__disc{background:var(--color-brass);width:72px;height:72px;color:var(--color-navy);transition:transform var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #0b1b2b47,0 10px 28px #0b1b2b59}.yt-facade__disc svg{margin-left:3px}.yt-facade:hover .yt-facade__scrim,.yt-facade:focus-visible .yt-facade__scrim{background:#0b1b2b1a}.yt-facade:hover .yt-facade__poster{transform:scale(1.03)}.yt-facade:hover .yt-facade__disc,.yt-facade:focus-visible .yt-facade__disc{background:var(--color-brass-lift);transform:translate(-50%,-50%)scale(1.06)}.yt-facade:focus-visible{outline:2px solid var(--color-brass);outline-offset:-6px}@media (max-width:800px){.yt-facade__disc{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.yt-facade__poster,.yt-facade__scrim,.yt-facade__disc{transition:none}.yt-facade:hover .yt-facade__poster{transform:none}.yt-facade:hover .yt-facade__disc,.yt-facade:focus-visible .yt-facade__disc{transform:translate(-50%,-50%)}}