:root {
    --padding-ios: 12px;
    --padding-android: 16px;
}

/* These styles make the body full-height */
html,
body,
#root {
    height: 100%;
}

/* These styles disable body scrolling if you are using ScrollView */
body {
    overflow-x: hidden;

    font-family: -apple-system, system-ui, Helvetica Neue, Roboto, sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

/* These styles make the root element full-height */
#root {
    display: flex;
    flex-flow: column;
    user-select: none;
}

input:focus,
textarea:focus {
    outline: none;
}

[data-scroll-snap-type="x"] {
    scroll-snap-type: x proximity;
}

[data-scroll-padding-ios] {
    scroll-padding-left: var(--padding-ios);
    scroll-padding-right: var(--padding-ios);
}

[data-scroll-padding-android] {
    scroll-padding-left: var(--padding-android);
    scroll-padding-right: var(--padding-android);
}

[data-scroll-snap-align="start"] {
    scroll-snap-align: start;
}

[data-scroll-snap-align="center"] {
    scroll-snap-align: center;
}