*,
*::before,
*::after {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.5;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
} @supports (-webkit-touch-callout: none) and (not (translate: none)) { html, body {
display: flex;
flex-direction: column;
height: 100%;
}
#root, #app {
flex-grow: 1;
display: flex;
flex-direction: column;
} html {
height: -webkit-fill-available;
} body {
position: relative;
} button, input, textarea, select {
font: inherit;
color: inherit;
background: transparent;
border: 1px solid currentColor;
outline: none;
} @media screen and (max-width: 1024px) {
html {
min-height: -webkit-fill-available;
}
}
} _::-webkit-full-page-media, _:future, :root body { display: flex;
flex-direction: column;
} @supports (-webkit-appearance: none) {
button {
appearance: none;
-webkit-appearance: none;
border: none;
background: none;
cursor: pointer;
padding: 0;
}
} @supports (-webkit-overflow-scrolling: touch) {
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
::-webkit-scrollbar-track {
background: transparent;
}
}