.mfp-bg {
  background: rgba(0,0,0,0.5) !important;
  opacity: unset !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.mfp-wrap .mfp-container {
  padding: unset;
  display: flex;
}
.mfp-wrap .mfp-container:before {
  content: unset;
}

.mfp-wrap .mfp-container .mfp-content {
  display: flex;
}
.mfp-wrap .mfp-container .mfp-content :is(.popup-content, .modal-content) {
  margin: unset;
}

@media (min-width: 768px) {
  .mfp-wrap .mfp-container .mfp-content :is(.popup-content, .modal-content) {
    margin-left: auto;
    width: 600px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 767px) {
  .mfp-wrap .mfp-container .mfp-content :is(.popup-content, .modal-content) {
    margin-top: auto;
    width: 100%;
    padding: var(--gapX6) var(--outsideGap) var(--gapX6);
    border-radius: var(--outsideGap) var(--outsideGap) 0 0;
  }
}