.fl-scrolls {
  overflow: auto;
  position: fixed
}

  .fl-scrolls div {
    overflow: hidden;
    pointer-events: none
  }

    .fl-scrolls div:before {
      content: "\A0"
    }

  .fl-scrolls, .fl-scrolls div {
    font-size: 1px;
    line-height: 0;
    margin: 0;
    padding: 0
  }

.fl-scrolls-hidden div:before {
  content: "\A0\A0"
}

.fl-scrolls-viewport {
  position: relative
}

.fl-scrolls-body {
  overflow: auto
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity .5s .3s
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px
}

  .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
    height: 1px
  }

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px
}

  .fl-scrolls[data-orientation=vertical] div {
    width: 1px
  }

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0
}
