html {
    scroll-behavior: auto
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

body {
    opacity: 0
}

.has-scroll-init body {
    opacity: 1
}

[data-scroll-direction=vertical] [data-scroll-wrapper] {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll
}

[data-scroll-direction=horizontal] [data-scroll-wrapper] {
    height: 100vh;
    overflow-x: scroll;
    width: 100vw
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-flex;
    height: 100%;
    min-width: var(--scrollContainerWidth)
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    flex-shrink: 0;
    height: 100vh
}