/* 3.10.5: responsive, full-width first-party video overlays (Direct/House). */
.sms-activity-card__native>.sms-video-ad-overlay,
.sms-activity-card--immersive>.sms-video-ad-overlay {
  position:absolute; z-index:24; bottom:58px; left:50%;
  transform:translateX(-50%); width:min(480px,calc(100% - 24px));
  box-sizing:border-box; pointer-events:auto; isolation:isolate;
}
.sms-video-ad-overlay[hidden]{display:none!important}
.sms-video-ad-overlay .sms-ad-slot--video-overlay {
  position:relative; width:100%; margin:0; padding:0;
  background:rgba(14,19,27,.95); border:1px solid rgba(255,255,255,.25);
  box-shadow:0 6px 28px rgba(0,0,0,.42); overflow:hidden; border-radius:9px;
}
.sms-video-ad-overlay .sms-ad-slot--video-overlay .sms-ad-slot__label {
  display:block; padding:4px 38px 0 8px; min-height:12px;
  font:600 10px/1.2 system-ui,sans-serif; letter-spacing:.02em;
  text-transform:none; color:#e2e8f0;
}
/* Let the actual creative span the banner instead of squeezing a wide picture
   into the old 52/64px-high thumbnail. The image sets its own aspect ratio;
   very tall artwork is safely cropped rather than stretched/distorted. */
.sms-video-ad-overlay .sms-ad-slot--video-overlay .sms-ad-slot__creative {
  display:block; width:100%; padding:3px 7px 7px;
  box-sizing:border-box; line-height:0; overflow:hidden;
}
.sms-video-ad-overlay .sms-ad-slot--video-overlay .sms-ad-slot__creative img {
  display:block; width:100%; max-width:100%; height:auto;
  min-height:64px; max-height:118px;
  object-fit:cover; object-position:center; border:0; border-radius:5px;
}
/* A full-screen viewer has room for a larger, readable landscape creative. */
.sms-activity-card--immersive>.sms-video-ad-overlay .sms-ad-slot--video-overlay .sms-ad-slot__creative img {
  max-height:min(200px,24dvh);
}
.sms-video-ad-overlay__close {
  position:absolute; top:4px; right:5px; z-index:2;
  display:grid; place-items:center; width:30px; height:30px; padding:0;
  background:rgba(17,24,39,.9); color:#fff; border:1px solid rgba(255,255,255,.5);
  border-radius:7px; font:24px/1 system-ui,sans-serif; cursor:pointer;
}
.sms-video-ad-overlay__close:focus-visible{outline:3px solid #c4b5fd;outline-offset:2px}
/* In immersive mode the video is in a lower stacking context than the caption,
 * reaction buttons and controls. Attach the ad to the card itself. */
.sms-video-immersive .sms-activity-card--immersive>.sms-video-ad-overlay {
  z-index:30; width:min(410px,calc(100% - 112px)); left:calc(50% - 19px);
  bottom:max(68px,calc(env(safe-area-inset-bottom) + 58px));
}
@media(max-width:600px){
  .sms-activity-card__native>.sms-video-ad-overlay{bottom:55px;width:calc(100% - 18px)}
  .sms-activity-card__native>.sms-video-ad-overlay .sms-ad-slot--video-overlay .sms-ad-slot__creative img{max-height:95px}
  .sms-activity-card--immersive>.sms-video-ad-overlay .sms-ad-slot--video-overlay .sms-ad-slot__creative img{max-height:min(180px,24dvh)}
  .sms-video-immersive .sms-activity-card--immersive>.sms-video-ad-overlay{
    width:calc(100% - 105px);left:calc(50% - 27px);
  }
  .sms-video-ad-overlay__close{width:32px;height:32px}
}