.kpd-yt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:2rem 0}.kpd-yt-card{all:unset;display:flex;flex-direction:column;cursor:pointer;box-sizing:border-box;font-family:inherit}.kpd-yt-card:focus-visible .kpd-yt-card__thumb{outline:3px solid #4a9eff;outline-offset:2px}.kpd-yt-card__thumb{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:#000;border-radius:4px}.kpd-yt-card__thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 300ms ease,opacity 200ms ease}.kpd-yt-card:hover .kpd-yt-card__thumb img,.kpd-yt-card:focus-visible .kpd-yt-card__thumb img{transform:scale(1.04)}.kpd-yt-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;opacity:.75;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .4));transition:opacity 200ms ease,transform 200ms ease;pointer-events:none}.kpd-yt-card:hover .kpd-yt-card__play,.kpd-yt-card:focus-visible .kpd-yt-card__play{opacity:1;transform:translate(-50%,-50%) scale(1.08)}.kpd-yt-card__play svg{width:100%;height:100%;display:block}.kpd-yt-card__meta{display:flex;flex-direction:column;gap:4px;padding:10px 2px 0}.kpd-yt-card__title{font-weight:500;font-size:.95rem;line-height:1.35;color:inherit}.kpd-yt-empty{text-align:center;padding:2rem;opacity:.6}.kpd-yt-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center}.kpd-yt-modal[hidden]{display:none}.kpd-yt-modal__backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .85);animation:kpd-yt-fade 180ms ease}.kpd-yt-modal__inner{position:relative;width:min(92vw, 1280px);max-height:92vh;display:flex;flex-direction:column;animation:kpd-yt-pop 200ms ease}.kpd-yt-modal__title{color:#fff;font-size:1rem;font-weight:500;margin:0 0 10px;padding-right:40px;line-height:1.3}.kpd-yt-modal__frame{aspect-ratio:16 / 9;background:#000;width:100%;overflow:hidden;border-radius:4px}.kpd-yt-modal__frame iframe{width:100%;height:100%;border:0;display:block}.kpd-yt-modal__close{position:absolute;top:-6px;right:0;width:40px;height:40px;border:0;background:#fff0;color:#fff;font-size:32px;line-height:1;cursor:pointer;padding:0;opacity:.85;transition:opacity 160ms ease}.kpd-yt-modal__close:hover,.kpd-yt-modal__close:focus-visible{opacity:1}body.kpd-yt-open{overflow:hidden}@media (max-width:600px){.kpd-yt-grid{grid-template-columns:1fr;gap:16px}.kpd-yt-modal__inner{width:96vw}.kpd-yt-modal__title{font-size:.9rem}.kpd-yt-card__play{width:40px;height:40px}}@keyframes kpd-yt-fade{from{opacity:0}to{opacity:1}}@keyframes kpd-yt-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}