@media (max-width: 1023px) {
  html.checkoutEditing body.checkoutOpen #bottomNav,
  html.checkoutEditing body.checkoutOpen #bottomNav.isHidden,
  html.checkoutEditing body.checkoutOpen #bottomBar,
  html.checkoutEditing #checkoutModal .checkoutMobileSubmitBar {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  html.checkoutEditing #checkoutModal.checkoutPageModal {
    top: var(--checkout-visible-top, 0px) !important;
    bottom: auto !important;
    height: var(--checkout-visible-height, 100dvh) !important;
    scroll-padding: 20px 0 24px;
  }
  html.checkoutEditing #checkoutModal .checkoutPageCard {
    min-height: 0 !important;
    padding-bottom: 32px !important;
  }
  html.checkoutEditing #checkoutModal .checkoutStickySubmit,
  html.checkoutEditing #checkoutModal .checkoutPageHeader {
    position: static !important;
  }
  html.checkoutEditing #checkoutModal :is(input, textarea) {
    font-size: max(16px, 1em) !important;
    scroll-margin-block: 24px;
  }
}