.cbn,.evp{position:relative;margin:22px auto 4px;aspect-ratio:2/1;overflow:hidden;border-radius:20px;border:1px solid rgba(201,182,251,.18);box-shadow:0 18px 44px rgba(0,0,0,.42);background:#170B2E}
.cbn picture,.cbn img,.cbn video,.evp picture,.evp img{display:block;width:100%;height:100%;object-fit:cover}
.cbn video{position:absolute;left:0;top:0;opacity:0;transition:opacity .5s ease}
.cbn.on video{opacity:1}
.cbn-cap{display:none}
.cbn-pp{position:absolute;inset-block-start:10px;inset-inline-end:10px;inline-size:36px;block-size:36px;padding:0;display:grid;place-items:center;border:1px solid rgba(201,182,251,.55);border-radius:50%;background:rgba(23,11,46,.68);color:#fff;cursor:pointer}
.cbn-pp svg{inline-size:16px;block-size:16px;fill:currentColor}
.cbn-pp:hover{background:rgba(23,11,46,.9)}
.cbn-pp:focus-visible{outline:2px solid #E8B95F;outline-offset:2px}
.evp figcaption{position:absolute;inset-block-end:10px;inset-inline-start:12px;padding:3px 10px;border-radius:999px;background:rgba(23,11,46,.72);color:rgba(225,216,245,.92);font-size:12px;line-height:1.4}
@media (max-width:600px){
.cbn,.evp{margin-top:14px;border-radius:14px;box-shadow:0 10px 26px rgba(0,0,0,.4)}
.cbn-cap{display:flex;flex-direction:column;gap:3px;position:absolute;left:0;right:0;bottom:0;padding:38px 14px 10px;color:#fff;background:linear-gradient(to top,rgba(23,11,46,.9),rgba(23,11,46,.55) 58%,rgba(23,11,46,0))}
.cbn-cap b{font-size:21px;line-height:1.15;font-weight:800;text-shadow:0 2px 12px rgba(10,4,26,.7)}
.cbn-cap i{font-style:normal;font-size:11px;line-height:1.2;color:rgba(225,216,245,.72)}
}
@media (prefers-reduced-motion:reduce){.cbn video{display:none}.cbn-pp{display:none}}