html,
body,
#root {
    -webkit-user-select: none; /* Safari/Chrome on iOS */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    -moz-user-select: none; 
    -webkit-touch-callout: none;
}

#root :where(*:not(input):not(textarea):not([contenteditable="true"]):not([contenteditable="plaintext-only"]):not([role="textbox"])) {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

input,
textarea,
[contenteditable="true"],
[contenteditable="plaintext-only"],
[role="textbox"] {
    -webkit-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
}

#root [contenteditable="true"] *,
#root [contenteditable="plaintext-only"] *,
#root [role="textbox"] * {
    -webkit-user-select: text;
    user-select: text;
    -webkit-touch-callout: default;
}


.visually-hidden {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


/* html,body{
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
} */