:root {
    scrollbar-color: rgba(103, 142, 224, .78) rgba(5, 10, 29, .42);
    scrollbar-width: thin;
}

* {
    scrollbar-color: rgba(103, 142, 224, .78) rgba(5, 10, 29, .42);
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: rgba(5, 10, 29, .42);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    min-width: 28px;
    min-height: 28px;
    border: 2px solid transparent;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(118, 153, 236, .92), rgba(72, 104, 185, .88)) padding-box;
    box-shadow: inset 0 0 0 1px rgba(185, 208, 255, .12);
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(143, 177, 255, .98), rgba(91, 128, 218, .96)) padding-box;
}

*::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #a8c3ff, #6f92ec) padding-box;
}

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

@media (pointer: coarse) {
    *::-webkit-scrollbar {
        width: 7px;
        height: 7px;
    }
}