.mfp-bg {
  background: rgba(12, 12, 15, 0.92);
}

.mfp-content {
  max-width: 640px;
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden;
}

.mfp-container {
  padding: 32px 16px;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: translateY(0);
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  transform: translateY(12px);
}

.mfp-close {
  color: #ffffff;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close-btn-in .mfp-close {
  color: #fff;
}