.ytl{aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--c-bg-dark);isolation:isolate;color:inherit;display:block;position:relative;overflow:hidden}.ytl__thumb{object-fit:cover;width:100%;height:100%;transition:transform var(--m-img) var(--ease-out);display:block;position:absolute;inset:0}.ytl__veil{background:linear-gradient(to top, color-mix(in srgb, var(--c-bg-dark) 55%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.ytl__play{aspect-ratio:1;border-radius:var(--r-full);background:color-mix(in srgb, var(--c-primary) 92%, transparent);width:clamp(56px,7vw,80px);box-shadow:0 14px 32px -14px color-mix(in srgb, var(--c-bg-dark) 70%, transparent);transition:transform var(--m-small) var(--ease-out);place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ytl__play svg{fill:#fff;width:38%;height:38%;margin-left:6%}.ytl:focus-visible{outline:3px solid var(--c-primary);outline-offset:3px}@media (hover:hover) and (pointer:fine){.ytl:hover .ytl__thumb{transform:scale(1.04)}.ytl:hover .ytl__play{transform:translate(-50%,-50%)scale(1.08)}}.ytl iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ytl__thumb,.ytl__play{transition:none}}