.atom-virtual-scroller {
    position: relative;
    touch-action: pan-x;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;

    &__body {
        position: relative;
        width: 100%;
        user-select: none;
        transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    &__bar {
        position: absolute;
        z-index: 9999;
        display: inline-block;
        background: rgba($black, 0.5);
        transition: top 500ms;
        transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
        &--x {
            left: 0;
            bottom: 1px;
            height: 2px;
        }

        &--y {
            top: 0;
            right: 1px;
            width: 2px;
        }
    }
}