@media (max-width: 600px) {
  .ReactModal__Content:has(.user-settings) {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: calc(100dvh - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    margin: 12px !important;
    overflow: hidden !important;
  }

  .ReactModal__Content:has(.user-settings) > .user-settings,
  .ReactModal__Content:has(.user-settings) .user-settings {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  .ReactModal__Content:has(.user-settings) .user-settings__menu,
  .ReactModal__Content:has(.user-settings) .user-settings__section {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    border-right: 0 !important;
  }

  .ReactModal__Content:has(.user-settings) .user-settings__section {
    min-height: min-content;
  }
}