@media (orientation: landscape), (min-width: 901px) {
  .modal:not(:has(.tutorial)) {
    width: min(560px, 88vw);
    max-width: 560px;
  }
}

html.phone-preview .modal:not(:has(.tutorial)) {
  width: min(520px, calc(100% - 24px));
  max-width: 520px;
  max-height: 378px;
  padding: 13px 16px;
  border-radius: 18px;
  overflow: auto;
}

html.phone-preview .modal:not(:has(.tutorial)) h2 {
  margin-bottom: 7px;
  font-size: 22px;
}

html.phone-preview .modal:not(:has(.tutorial)) .primary,
html.phone-preview .modal:not(:has(.tutorial)) .secondary {
  min-height: 38px;
  margin-top: 5px;
  padding: 8px 12px;
  border-radius: 11px;
}