@use "../../../../../../../node_modules/locomotive-scroll/dist/locomotive-scroll";
@use "../abstracts/variables";

html {
    &.has-scroll-smooth {
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    &.has-scroll-dragging {
        user-select: none;
    }
}

.c-scrollbar{
    z-index: 10;

    &_thumb{
        background: #999;
    }
}

.pageProgress{
    position: fixed;
    z-index: 99;
    top: 0; left: 0;
    width: 100%;
    height: 5px;
    background-color: variables.$cPrimary;
    transform: scaleX(0);
    transform-origin: center left;
    transition: transform 0.2s variables.$Power4EaseOut;
}