/* HUSSEIN_RESULTS_VIEWER_CSS_V1 */

.results-real__figure .results-zoom-trigger {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  cursor:zoom-in;
}

.results-real__figure .results-zoom-trigger img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
}

.results-zoom-trigger:focus-visible {
  outline:3px solid #a24766;
  outline-offset:-5px;
}

.results-viewer {
  position:fixed;
  inset:0;
  width:min(1060px,96vw);
  max-width:96vw;
  max-height:94dvh;
  margin:auto;
  padding:12px;
  border:1px solid #816878;
  background:#1b171d;
  color:#faf5f2;
  box-sizing:border-box;
}

.results-viewer::backdrop {
  background:rgba(8,5,10,.91);
}

.results-viewer__inner {
  display:flex;
  flex-direction:column;
  min-height:0;
}

.results-viewer__close {
  align-self:flex-end;
  width:44px;
  height:44px;
  min-height:44px;
  border:1px solid #837681;
  background:#372b36;
  color:white;
  font-size:27px;
  cursor:pointer;
  margin-bottom:9px;
}

.results-viewer__image {
  display:block;
  margin:auto;
  max-width:100%;
  max-height:calc(94dvh - 125px);
  width:auto;
  height:auto;
  object-fit:contain;
}

.results-viewer__caption {
  margin:10px 0 0;
  text-align:center;
  font-size:14px;
  line-height:1.7;
  color:#eee0e4;
}

@media(max-width:600px) {
  .results-viewer {
    width:98vw;
    max-width:98vw;
    padding:8px;
  }

  .results-viewer__image {
    max-height:calc(94dvh - 110px);
  }
}