/* Front-end media affordances; the WordPress editing canvas stays unchanged. */
.sigma-media-target { cursor:zoom-in; }
.sigma-media-target:focus-visible { outline:3px solid #087f8c; outline-offset:4px; }
.sigma-block-content .wp-block-image .lightbox-trigger { display:none!important; }
html.sigma-media-viewing { overflow:hidden; }
.sigma-media-dialog {
  position:fixed; inset:0; width:calc(100% - 48px); max-width:1184px;
  height:fit-content; max-height:calc(100dvh - 40px); margin:auto;
  padding:52px 16px 16px; border:1px solid #547581; border-radius:8px;
  background:#102c3a; color:#d7e7ec; box-shadow:0 24px 100px #06121e80;
  overflow:auto; overscroll-behavior:contain;
}
.sigma-media-dialog::backdrop { background:#091722d9; backdrop-filter:blur(5px); }
.sigma-media-dialog__close {
  position:absolute; top:6px; right:9px; display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; min-height:40px; margin:0; padding:0;
  border:0; border-radius:4px; background:transparent; color:#e1f1f4;
  font:300 30px/1 Inter,system-ui,sans-serif; cursor:pointer;
}
.sigma-media-dialog__close:hover { background:#284955; color:#fff; }
.sigma-media-dialog__close:focus { background:#284955; color:#fff; }
.sigma-media-dialog__close:focus-visible { outline:2px solid #9de2d7; outline-offset:0; }
.sigma-media-dialog__stage { display:flex; justify-content:center; align-items:center; min-width:0; }
.sigma-media-dialog__stage > img,.sigma-media-dialog__stage > video {
  display:block; width:auto; height:auto; max-width:100%; max-height:calc(100dvh - 160px);
  margin:0; border:0; border-radius:3px; object-fit:contain; background:#e8eff3;
}
.sigma-media-dialog .sigma-media-dialog__caption {
  max-width:100%; margin:12px 0 0; padding:0; color:#c0d6df;
  font:400 12px/1.5 Inter,system-ui,sans-serif; text-align:center;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.sigma-media-dialog__canvas { position:relative; flex-shrink:0; }
.sigma-media-dialog .sigma-media-dialog__graphic {
  position:absolute; top:0; left:0; box-sizing:border-box; margin:0; min-height:0;
  border:0; border-radius:3px; transform-origin:top left;
}
.sigma-media-dialog .sigma-media-dialog__graphic--card { display:flex; flex-direction:column; }
.sigma-media-dialog .sigma-media-dialog__graphic--card .sigma-builder-graphic__gaze-scene { flex:1; min-height:0; }
@media (max-width:620px) {
  .sigma-media-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 16px); padding:48px 10px 12px; border-radius:6px; }
  .sigma-media-dialog__stage > img,.sigma-media-dialog__stage > video { max-height:calc(100dvh - 144px); }
  .sigma-media-dialog .sigma-media-dialog__caption { font-size:11px; }
}

.sigma-builder-graphic.is-paused *,.sigma-builder-graphic.is-paused *::before,.sigma-builder-graphic.is-paused *::after { animation-play-state:paused!important; }