html,
body,
#root {
  width: 100%;
  min-height: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

@media (max-width: 1279px) {
  :where(button, [role="button"], a) {
    min-height: 44px;
  }
}

@media (max-width: 768px) {
  :where(button, [role="button"], input, select, textarea) {
    font-size: 16px;
  }

  :where(table) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  :where(pre, code) {
    white-space: pre-wrap;
    word-break: break-word;
  }

  :where(img, svg, canvas, video, iframe) {
    max-width: 100%;
    height: auto;
  }
}