/* HVA_GLOBAL_BACK_TOP_V1 */

.hva-global-back-top {
    position: fixed !important;

    right: 26px !important;
    bottom: 26px !important;

    width: 58px !important;
    height: 58px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 1px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 18px !important;

    border:
        1px solid
        rgba(93, 174, 255, .48) !important;

    background:
        linear-gradient(
            145deg,
            rgba(18, 38, 60, .92) 0%,
            rgba(7, 18, 30, .96) 56%,
            rgba(5, 12, 21, .98) 100%
        ) !important;

    color: #f4fbff !important;

    box-shadow:
        0 18px 45px rgba(0, 0, 0, .32),
        0 0 0 1px rgba(255,255,255,.025),
        0 0 24px rgba(47, 128, 255, .16),
        inset 0 1px 0 rgba(255,255,255,.08) !important;

    backdrop-filter:
        blur(16px)
        saturate(135%) !important;

    -webkit-backdrop-filter:
        blur(16px)
        saturate(135%) !important;

    text-decoration: none !important;

    cursor: pointer !important;

    z-index: 999 !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translate3d(
            0,
            18px,
            0
        )
        scale(.92) !important;

    transition:
        opacity .26s ease,
        visibility .26s ease,
        transform .32s cubic-bezier(.22,.75,.26,1),
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;

    -webkit-tap-highlight-color:
        transparent !important;

    user-select: none !important;
}


.hva-global-back-top.is-visible {
    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translate3d(
            0,
            0,
            0
        )
        scale(1) !important;
}


.hva-global-back-top:hover {
    border-color:
        rgba(127, 202, 255, .90) !important;

    background:
        linear-gradient(
            145deg,
            rgba(39, 104, 174, .72) 0%,
            rgba(13, 43, 75, .96) 54%,
            rgba(6, 18, 31, .98) 100%
        ) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.36),
        0 0 0 6px rgba(47,128,255,.07),
        0 0 30px rgba(47,128,255,.27),
        inset 0 1px 0 rgba(255,255,255,.12) !important;

    transform:
        translate3d(
            0,
            -3px,
            0
        )
        scale(1.025) !important;
}


.hva-global-back-top:active {
    transform:
        translate3d(
            0,
            -1px,
            0
        )
        scale(.97) !important;
}


.hva-global-back-top:focus-visible {
    outline:
        2px solid
        rgba(117, 197, 255, .94) !important;

    outline-offset:
        4px !important;
}


.hva-global-back-top__arrow {
    display: block !important;

    font-size: 21px !important;

    font-weight: 500 !important;

    line-height: 18px !important;

    letter-spacing: 0 !important;

    color: #9fdcff !important;

    text-shadow:
        0 0 14px
        rgba(82, 176, 255, .55) !important;

    transform:
        translateY(1px);
}


.hva-global-back-top__label {
    display: block !important;

    font-family:
        inherit !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 11px !important;

    letter-spacing: .13em !important;

    color:
        rgba(238, 249, 255, .92) !important;
}


/*
 * Hide any duplicate legacy back-to-top controls
 * that the global controller identifies.
 */
.hva-global-back-top-duplicate {
    display: none !important;
}


/*
 * Tablet.
 */
@media (max-width: 1024px) {

    .hva-global-back-top {
        right: 20px !important;
        bottom: 20px !important;

        width: 54px !important;
        height: 54px !important;

        border-radius: 17px !important;
    }

}


/*
 * Mobile.
 */
@media (max-width: 640px) {

    .hva-global-back-top {
        right:
            max(
                13px,
                env(safe-area-inset-right)
            ) !important;

        bottom:
            max(
                15px,
                env(safe-area-inset-bottom)
            ) !important;

        width: 49px !important;
        height: 49px !important;

        border-radius: 15px !important;
    }

    .hva-global-back-top__arrow {
        font-size: 19px !important;
        line-height: 17px !important;
    }

    .hva-global-back-top__label {
        font-size: 8px !important;
        line-height: 9px !important;
    }

}


/*
 * Reduced motion.
 */
@media (prefers-reduced-motion: reduce) {

    .hva-global-back-top {
        transition:
            opacity .01ms linear,
            visibility .01ms linear !important;
    }

}


/* HVA_GLOBAL_BACK_TOP_LIME_V2 */

.hva-global-back-top {
    border-color: rgba(168, 255, 0, .52) !important;

    background:
        linear-gradient(
            145deg,
            rgba(31, 45, 12, .92) 0%,
            rgba(11, 20, 7, .97) 55%,
            rgba(5, 12, 8, .99) 100%
        ) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.025),
        0 0 24px rgba(168,255,0,.15),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.hva-global-back-top__arrow {
    color: #a8ff00 !important;

    text-shadow:
        0 0 14px rgba(168,255,0,.58),
        0 0 28px rgba(168,255,0,.24) !important;
}

.hva-global-back-top__label {
    color: rgba(222,255,162,.96) !important;
}

.hva-global-back-top:hover {
    border-color: rgba(168,255,0,.95) !important;

    background:
        linear-gradient(
            145deg,
            rgba(79, 112, 18, .78) 0%,
            rgba(33, 55, 10, .97) 52%,
            rgba(8, 18, 7, .99) 100%
        ) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.38),
        0 0 0 6px rgba(168,255,0,.07),
        0 0 32px rgba(168,255,0,.30),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.hva-global-back-top:hover .hva-global-back-top__arrow {
    color: #c7ff57 !important;

    text-shadow:
        0 0 16px rgba(168,255,0,.78),
        0 0 32px rgba(168,255,0,.36) !important;
}

.hva-global-back-top:focus-visible {
    outline-color: #a8ff00 !important;
}