.change_color_page {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  -webkit-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: background-color;
}

body:not(.smooth-disabled) .scroll-viewport {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

body:not(.smooth-disabled) .scrollbar-test {
  position: absolute;
  visibility: hidden;
  overflow: scroll;
  width: 100px;
  height: 100px;
  top: -99999px;
  left: -99999px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

body:not(.smooth-disabled) .fixed-content {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: var(--scrollbar-size, 0px);
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}

body:not(.smooth-disabled) .scroll-container {
  position: absolute;
  overflow: hidden;
  z-index: 10;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width: 100%;
  will-change: transform;
}

body:not(.smooth-disabled) .scroll-content {
  overflow: hidden;
  position: relative;
  width: 100%;
}

body:not(.smooth-disabled) *[data-depth], body:not(.smooth-disabled) *[data-depth-hor] {
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

@media screen and (max-width: 1024px) {
  .smooth-disabled .scroll-viewport {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
  }
  *[data-depth] {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    will-change: transform;
  }
}
/*# sourceMappingURL=smoothScroll.css.map */