/* WebKit / Blink (Chrome, Safari, Edge, Opera) */
*::-webkit-scrollbar {
    width: .3125rem;
    height: .3125rem;
}

*::-webkit-scrollbar-track {
    background: #e7e7e77e;
    border-radius: 3.125rem;
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(260deg, #467efe 5.26%, #61cafd 100%);
    border-radius: 3.125rem;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}

/* Firefox only — it can't render gradients on scrollbars */
@supports not selector(::-webkit-scrollbar) {
    * {
        scrollbar-width: thin;
        scrollbar-color: #54A4FE #e7e7e77e;
    }
}