﻿.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
}
