.youtube-video-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem}.youtube-video{margin:0;background:rgb(20 20 20/.88);border:1px solid rgb(251 252 201/.32)}.youtube-video__button{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#111;cursor:pointer;overflow:hidden}.youtube-video__button img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:opacity .2s,transform .2s}.youtube-video__button:hover img,.youtube-video__button:focus-visible img{opacity:1;transform:scale(1.025)}.youtube-video__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:4rem;height:2.75rem;transform:translate(-50%,-50%);border-radius:.5rem;background:#f00;color:#fff;font:700 .8rem/1 system-ui,sans-serif}.youtube-video__title{min-height:3.2em;margin:0;padding:.8rem 1rem;color:#fbfcc9;font:400 1rem/1.35 Philosopher,Georgia,serif}.youtube-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.youtube-video--loading .youtube-video__title{opacity:.75}@media(prefers-reduced-motion:reduce){.youtube-video__button img{transition:none}}
