html, body, #root {
  height: 100svh;
  max-height: 100svh;
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: auto;
}
body {
  min-height: 100svh;
}
#root {
  display: flex;
  flex-direction: column;
}
#root > div {
  height: 100svh;
  max-height: 100svh;
  min-height: 0;
  overflow: hidden;
  touch-action: auto;
}
#root .h-\[100dvh\],
#root .min-h-\[100dvh\],
#root .max-h-\[100dvh\] {
  height: 100svh !important;
  min-height: 0 !important;
  max-height: 100svh !important;
}
#root .max-w-\[430px\].flex.flex-col {
  min-height: 0;
}
#root main,
#root [class*="overflow-y-auto"],
#root [class*="overflow-auto"],
#root [class*="overflow-y-scroll"],
#root [class*="overflow-scroll"] {
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  touch-action: pan-y;
  min-height: 0;
  flex: 1 1 auto;
}
#root canvas {
  touch-action: none !important;
}
#root [style*="height: 280px"] {
  touch-action: none !important;
}
.min-h-screen {
  min-height: 100svh !important;
}
@supports not (height: 100svh) {
  html, body, #root, #root > div {
    height: 100dvh;
    max-height: 100dvh;
  }
}