/* Keep every instance of the two videos consistent, including rich-text pages. */
.video-launch.branded-video{display:block;aspect-ratio:16/9;border:1px solid #34324f;border-radius:14px;isolation:isolate;cursor:pointer;box-shadow:0 16px 42px #18213b20;text-align:left;transition:box-shadow .2s,border-color .2s}
.video-launch.branded-video>img{display:block;width:100%;height:100%;margin:0;border-radius:0;opacity:1;object-fit:contain;aspect-ratio:16/9}
.branded-video .play-button{left:80.47%;top:47.22%;width:12%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);background:linear-gradient(115deg,#df3797,#8953d3);color:white;box-shadow:0 0 0 8px #ffffff0b;transition:box-shadow .2s,scale .2s}
.branded-video .play-button svg{width:32%;height:32%;margin-left:5%;fill:currentColor;display:block}
.branded-video.interropol-cover .play-button{background:linear-gradient(115deg,#00a8df,#7352e5)}
.branded-video .video-label{left:5%;right:5%;bottom:6.8%;padding:0;background:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Mulish,Arial,sans-serif;font-size:clamp(11px,1.15vw,16px);font-weight:700;line-height:1.3;letter-spacing:0;color:#fff}
.branded-video .video-label>span{font-size:clamp(10px,1vw,13px);font-weight:600;color:#d7ddeb;white-space:nowrap;border:1px solid #ffffff30;border-radius:30px;padding:5px 10px}
.branded-video:hover{border-color:#9b73c8;box-shadow:0 20px 48px #18213b30}
.branded-video:hover .play-button{box-shadow:0 0 0 12px #ffffff12}
.branded-video:focus-visible{outline:3px solid #9b55cf;outline-offset:5px}
@media(max-width:480px){.branded-video .video-label{font-size:11px}.branded-video .video-label>span{font-size:10px;padding:3px 7px}.branded-video .play-button{box-shadow:0 0 0 5px #ffffff0b}.video-launch.branded-video{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.video-launch.branded-video,.branded-video .play-button{transition:none}}
