.bort-video-widget {
  position:fixed; z-index:900; left:max(20px,env(safe-area-inset-left)); bottom:max(25px,env(safe-area-inset-bottom));
  width:125px; font-family:Arial,sans-serif;
}
.bort-video-widget[hidden] { display:none; }
.widget-thumb {
  display:block; position:relative; width:100%; aspect-ratio:9/16; padding:0; border:0;
  border-radius:14px; overflow:hidden; background:#1c1414; cursor:pointer;
}
.widget-thumb img,.widget-thumb video {
  display:block; position:absolute; inset:0; height:100%; width:100%; object-fit:cover;
}
.widget-thumb video { opacity:0; }
.widget-thumb video.is-playing { opacity:1; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .widget-thumb { transition:transform .3s ease; }
  .bort-video-widget:hover .widget-thumb { transform:scale(1.08); }
}
.widget-dismiss,.widget-close {
  display:grid; place-content:center; padding:0; width:29px; height:29px; border:1px solid #ffffff59;
  border-radius:50%; background:#211b1bde; color:white; font:20px/1 Arial,sans-serif; cursor:pointer;
}
.widget-dismiss { position:absolute; top:5px; right:5px; opacity:0; }
.bort-video-widget:hover .widget-dismiss,.bort-video-widget:focus-within .widget-dismiss { opacity:1; }
.bort-video-widget button:focus-visible { outline:3px solid #fff; outline-offset:-3px; }
.widget-dialog {
  position:fixed; inset:0; margin:auto; padding:0; border:0; width:min(430px,92vw,49dvh);
  max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:hidden;
  background:#141010; color:#fff; border-radius:14px;
}
.widget-dialog::backdrop { background:rgb(0 0 0 / .78); }
.widget-dialog video { display:block; width:100%; max-height:calc(100dvh - 32px); aspect-ratio:1080/1926; }
.widget-close { position:absolute; z-index:1; top:10px; right:10px; width:38px; height:38px; font-size:25px; }
@media (max-width:640px) {
  .widget-dismiss { opacity:1; width:23px; height:23px; font-size:16px; }
}
@media (hover:none) { .widget-dismiss { opacity:1; } }