.wz-video{cursor:pointer}
.wz-lightbox{

  --wz-lb-h: min(80vh, calc(100vh - 108px));

  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;
  justify-content:center;background:rgba(12,8,10,.88);

  padding:72px 24px 24px}
.wz-lightbox[hidden]{display:none}

.wz-lightbox__frame{position:relative;width:var(--wz-lb-w,min(960px,100%));
  max-height:100%;margin-inline:auto}
.wz-lightbox video{width:100%;height:auto;max-height:var(--wz-lb-h);
  border-radius:10px;background:#000;display:block}

.wz-lightbox video[hidden]{display:none}

.wz-lightbox__embed{position:relative;width:100%;
  aspect-ratio:var(--wz-lb-aspect,1.7778);
  border-radius:10px;overflow:hidden;
  background:#000 center/cover no-repeat}
.wz-lightbox__embed[hidden]{display:none}
.wz-lightbox__embed iframe{display:block;width:100%;height:100%;border:0}

.wz-lightbox__load{position:absolute;inset:0;z-index:1;
  display:grid;place-content:center;justify-items:center;gap:12px;

  background:rgba(12,8,10,.60);
  color:#fff;font-family:var(--wz-ui-font);font-size:14px;font-weight:600}
.wz-lightbox__embed:not(.is-loading) .wz-lightbox__load{display:none}

.wz-lightbox__spin{width:34px;height:34px;border-radius:50%;
  border:3px solid rgba(255,255,255,.32);border-top-color:#fff;
  animation:wz-lb-spin .8s linear infinite}
@keyframes wz-lb-spin{to{transform:rotate(360deg)}}

@media (max-width:600px){
  .wz-lightbox{--wz-lb-h:min(80vh, calc(100vh - 96px));padding:64px 16px 16px}
}

@media (prefers-reduced-motion: reduce){

  .wz-lightbox__spin{animation:none;border-top-color:rgba(255,255,255,.32)}
}