.lok-responsive-modal-overlay {
  padding: 0.125rem;
}

.lok-responsive-modal-dialog {
  width: min(42rem, 99.2vw);
  max-width: 99.2vw;
  height: min(560px, calc(100dvh - 1rem));
  max-height: calc(100dvh - 1rem);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 640px) {
  .lok-responsive-modal-overlay {
    padding: 1rem;
  }

  .lok-responsive-modal-dialog {
    width: min(42rem, calc(100vw - 2rem));
    max-width: 42rem;
    height: min(560px, calc(100dvh - 2rem));
    max-height: calc(100dvh - 2rem);
  }
}