.video-card{aspect-ratio:16/9;width:100%;max-width:520px;box-shadow:var(--shadow-card);cursor:pointer;background:#000;border-radius:28px;margin-top:28px;display:block;position:relative;overflow:hidden}.video-card.yt-facade:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.video-card img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.video-card .play{z-index:1;background:linear-gradient(#0000001a 40%,#000000a6 100%);justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;position:absolute;inset:0}.video-card:hover .play{background:linear-gradient(to bottom, #0000000d 40%, var(--black-a75) 100%)}.video-card .play svg{transition:transform .2s cubic-bezier(.16,1,.3,1)}.video-card:hover .play svg{transform:scale(1.08)}.video-card .caption{text-align:center;color:var(--white);text-shadow:0 1px 3px #0009;z-index:2;font-size:14px;font-weight:500;position:absolute;bottom:16px;left:16px;right:16px}.video-card.wide{width:100%;max-width:680px}.video-card.yt-active{aspect-ratio:16/9;cursor:default;isolation:isolate;border-radius:20px}.video-card iframe{z-index:0;pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.yt-controls{background:linear-gradient(to top, var(--black-a75) 0%, #0000004d 70%, transparent);z-index:5;opacity:0;pointer-events:none;border-radius:0 0 20px 20px;align-items:center;gap:10px;padding:10px 16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.yt-controls.visible,.video-card.yt-active:hover .yt-controls,.video-card.yt-active:focus-within .yt-controls{opacity:1;pointer-events:auto}@media (hover:none){.video-card.yt-active .yt-controls{opacity:1;pointer-events:auto}}.yt-end-screen,.yt-blocked{z-index:4;opacity:0;visibility:hidden;pointer-events:none;background-color:#1d1d1f;place-items:center;transition:opacity .2s,visibility 0s linear .2s;display:grid;position:absolute;inset:0}.yt-end-screen.visible,.yt-blocked.visible{opacity:1;visibility:visible;pointer-events:auto}.yt-replay,.yt-blocked-play{z-index:1;border-radius:var(--radius-pill);background:var(--white-a95);min-height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 4px 16px #0000003d}.yt-btn{background:var(--white-a20);width:34px;height:34px;color:var(--white);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.yt-captions[aria-pressed=true]{background:var(--green);color:var(--ink);box-shadow:inset 0 -3px}.yt-captions:disabled{opacity:.45;cursor:default}.yt-btn:focus-visible{outline-offset:2px;outline:2px solid}.yt-time,.yt-duration{color:var(--white);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.yt-progress{background:var(--white-a25);cursor:pointer;border-radius:3px;flex:1;height:6px;position:relative}.yt-progress-buf{background:var(--white-a30);border-radius:3px;width:0;position:absolute;inset:0}.yt-progress-bar{background:var(--green);border-radius:3px;width:0;position:absolute;inset:0}.yt-progress-seek{opacity:0;cursor:pointer;appearance:none;width:100%;height:18px;position:absolute;inset:-6px 0}
