.image-zoom-trigger{display:none}
.image-lightbox{
  position:fixed;
  z-index:5000;
  inset:0;
  display:grid;
  place-items:center;
  padding:34px;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s,visibility .25s
}
.image-lightbox.is-open{opacity:1;visibility:visible}
.image-lightbox-backdrop{
  position:absolute;
  inset:0;
  background:#080706e8;
  backdrop-filter:blur(12px)
}
.image-lightbox-figure{
  position:relative;
  z-index:1;
  margin:0;
  max-width:min(1500px,94vw);
  max-height:90vh;
  padding:9px;
  border:1px solid #c8923b70;
  border-radius:18px;
  background:#12100e;
  box-shadow:0 40px 140px #000b
}
.image-lightbox-figure img{
  display:block;
  max-width:calc(94vw - 20px);
  max-height:calc(90vh - 20px);
  width:auto;
  height:auto;
  border-radius:11px
}
.image-lightbox-close{
  position:absolute;
  z-index:2;
  top:-17px;
  inset-inline-end:-17px;
  width:42px;
  height:42px;
  border:1px solid #ffffff2b;
  border-radius:50%;
  background:#24201b;
  color:#fff;
  font:300 27px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 10px 30px #0008
}
.zoom-open{overflow:hidden}

@media(min-width:761px){
  .module-dashboard,.insight-screen{position:relative}
  .image-zoom-trigger{
    position:absolute;
    z-index:6;
    inset-inline-end:20px;
    bottom:20px;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 14px;
    border:1px solid #ffffff30;
    border-radius:10px;
    background:#11100edb;
    color:#fff;
    font:800 11px inherit;
    cursor:pointer;
    box-shadow:0 10px 30px #0006;
    backdrop-filter:blur(10px);
    transition:transform .2s,background .2s
  }
  .image-zoom-trigger:hover{transform:translateY(-2px);background:#b47a25}
  .image-zoom-trigger:focus-visible{outline:3px solid #d7ac6580;outline-offset:3px}
  .image-zoom-trigger i{font-style:normal;font:700 18px/1 Arial}
}

@media(max-width:760px){
  .image-lightbox{display:none!important}
}
