.hb-sv{position:relative;aspect-ratio:16/9;background:#101d1f;background:#101d1f radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--sv,#0E7F89) 45%,#0b1416),#0b1416);border-radius:14px;overflow:hidden;cursor:pointer;display:grid;place-items:center}
.hb-sv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.hb-sv-play{position:relative;z-index:2;width:74px;height:74px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--sv,#0E7F89);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .15s;padding:0}
.hb-sv:hover .hb-sv-play{transform:scale(1.06)}
.hb-sv-play svg{margin-inline-start:4px}
.hb-sv-badge{position:absolute;z-index:2;top:10px;right:10px;background:var(--sv,#0E7F89);color:#fff;font-size:12px;font-weight:700;border-radius:10px;padding:3px 10px}
.hb-sv.loading .hb-sv-play{animation:hbsvp 1s ease-in-out infinite}
@keyframes hbsvp{50%{transform:scale(.88);opacity:.7}}
.hb-sv-fail{cursor:default}
.hb-sv-msg{position:relative;z-index:2;background:rgba(0,0,0,.65);color:#fff!important;border-radius:12px;padding:10px 14px;margin:12px;text-align:center;font-size:14px;text-decoration:none}
.embed.hb-sv{padding-top:0}
.hb-sv-on:not(.embed) video{width:100%;max-height:80vh;background:#000;border-radius:14px;display:block}
.embed.hb-sv-tall{padding-top:0;background:#fff}
.hb-video.hb-sv-tall iframe{position:static;aspect-ratio:auto;height:min(78vh,640px);width:100%;border:0;background:#fff;border-radius:14px}