/* Full-size feedback image popup. */
body.feedback-lightbox-open{overflow:hidden}
.feedback-lightbox{
  position:fixed;
  z-index:2100;
  inset:0;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(2,9,27,.86);
  backdrop-filter:blur(9px);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
.feedback-lightbox[hidden]{display:none!important}
.feedback-lightbox.is-open{opacity:1;pointer-events:auto}
.feedback-lightbox__dialog{
  position:relative;
  display:grid;
  place-items:center;
  width:min(1120px,100%);
  max-height:calc(100dvh - 56px);
  outline:0;
  transform:scale(.965) translateY(10px);
  transition:transform .2s cubic-bezier(.2,.8,.2,1);
}
.feedback-lightbox.is-open .feedback-lightbox__dialog{transform:scale(1) translateY(0)}
.feedback-lightbox__image{
  display:block;
  max-width:100%;
  max-height:calc(100dvh - 56px);
  border:1px solid rgba(214,229,255,.42);
  border-radius:18px;
  box-shadow:0 28px 74px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.08) inset;
  object-fit:contain;
}
.feedback-lightbox__close{
  position:absolute;
  z-index:1;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.6);
  border-radius:50%;
  background:rgba(7,19,43,.74);
  box-shadow:0 6px 16px rgba(0,0,0,.28);
  color:#fff;
  font:400 31px/1 Arial,sans-serif;
  cursor:pointer;
}
.feedback-lightbox__close:hover{background:#fff;color:#07132b}
.feedback-lightbox__close:focus-visible{outline:3px solid #a8e9dc;outline-offset:3px}
@media(max-width:640px){
  .feedback-lightbox{padding:16px}
  .feedback-lightbox__dialog{max-height:calc(100dvh - 32px)}
  .feedback-lightbox__image{max-height:calc(100dvh - 32px);border-radius:14px}
  .feedback-lightbox__close{top:9px;right:9px;width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.feedback-lightbox,.feedback-lightbox__dialog{transition:none}}