.dia-youtube-card{position:relative;overflow:hidden;border-radius:20px;background-color:#f3f3f3;cursor:pointer;aspect-ratio:16/9;width:100%}.dia-youtube-card--short{max-width:360px;margin:0 auto;aspect-ratio:9/16}.dia-youtube-card__content{position:absolute;inset:0;width:100%;height:100%}.dia-youtube-card__thumbnail-wrapper{position:absolute;inset:0;margin:0;z-index:2;transition:opacity .35s ease}.dia-youtube-card__thumbnail{position:absolute;inset:0;width:100%;height:100% !important;object-fit:cover;object-position:center center;display:block;transition:transform .5s ease}.dia-youtube-card--short .dia-youtube-card__thumbnail{object-position:center top}.dia-youtube-card:hover .dia-youtube-card__thumbnail{transform:scale(1.02)}.dia-youtube-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.1);transition:background-color .3s ease,opacity .3s ease;z-index:3}.dia-youtube-card:hover .dia-youtube-card__overlay{background-color:rgba(0,0,0,.28)}.dia-youtube-card__icon{width:40px;height:40px;color:#e12b2b;filter:drop-shadow(0 10px 25px rgba(0,0,0,.18));transition:opacity .25s ease}.dia-youtube-card__loader{position:absolute;width:46px;height:46px;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:dia-spin 1s linear infinite;opacity:0;pointer-events:none;transition:opacity .25s ease}.dia-youtube-card.loading .dia-youtube-card__icon{opacity:0}.dia-youtube-card.loading .dia-youtube-card__loader{opacity:1}.dia-youtube-card.loaded .dia-youtube-card__thumbnail-wrapper{opacity:0;pointer-events:none}.dia-youtube-card.loaded .dia-youtube-card__overlay{opacity:0;pointer-events:none}.dia-youtube-card__iframe{position:absolute;inset:0;width:100%;height:100%;border:none;border-radius:20px;z-index:1}.dia-youtube-card--short .dia-youtube-card__tag{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:rgba(0,0,0,.6);border-radius:999px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:4}.dia-youtube-card--short .dia-youtube-card__tag:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#e12b2b;animation:dia-pulse 1.4s ease-in-out infinite}@keyframes dia-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes dia-spin{to{transform:rotate(360deg)}}