.scroll-indicator {
    -webkit-transition: top.3s ease-out;
    -moz-transition: top.3s ease-out;
    -o-transition: top.3s ease-out;
    transition: top.3s ease-out
}
@media(min-width:1024px) {
    .scroll-indicator {
        top: max(120px, -webkit-calc(15% - var(--scroll-offset, 0px)*.15));
        top: max(120px, -moz-calc(15% - var(--scroll-offset, 0px)*.15));
        top: max(120px, calc(15% - var(--scroll-offset, 0px)*.15))
    }
}
@-webkit-keyframes float-y {

    0%,
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-10px);
        transform: translatey(-10px)
    }
}

@-moz-keyframes float-y {

    0%,
    100% {
        -moz-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -moz-transform: translatey(-10px);
        transform: translatey(-10px)
    }
}

@-o-keyframes float-y {

    0%,
    100% {
        -o-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -o-transform: translatey(-10px);
        transform: translatey(-10px)
    }
}

@keyframes float-y {

    0%,
    100% {
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px)
    }
}

@-webkit-keyframes float-indicator {

    0%,
    100% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-5px);
        transform: translatey(-5px)
    }
}

@-moz-keyframes float-indicator {

    0%,
    100% {
        -moz-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -moz-transform: translatey(-5px);
        transform: translatey(-5px)
    }
}

@-o-keyframes float-indicator {

    0%,
    100% {
        -o-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -o-transform: translatey(-5px);
        transform: translatey(-5px)
    }
}

@keyframes float-indicator {

    0%,
    100% {
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0)
    }

    50% {
        -webkit-transform: translatey(-5px);
        -moz-transform: translatey(-5px);
        -o-transform: translatey(-5px);
        transform: translatey(-5px)
    }
}

.animate-float-y {
    -webkit-animation: float-y 4s ease-in-out infinite;
    -moz-animation: float-y 4s ease-in-out infinite;
    -o-animation: float-y 4s ease-in-out infinite;
    animation: float-y 4s ease-in-out infinite;
    will-change: transform
}

.animate-float-indicator {
    -webkit-animation: float-indicator 2s ease-in-out infinite;
    -moz-animation: float-indicator 2s ease-in-out infinite;
    -o-animation: float-indicator 2s ease-in-out infinite;
    animation: float-indicator 2s ease-in-out infinite;
    will-change: transform
}

[data-tool-date] {
    contain: layout style paint;
    will-change: transform;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.hide-scrollbar::-webkit-scrollbar {
    display: none
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}