::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}
body.light ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.03);
}
::-webkit-scrollbar-thumb {
    background: #a855f7;
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: padding-box;
}
body.light ::-webkit-scrollbar-thumb {
    background: #8b5cf6;
}
::-webkit-scrollbar-thumb:hover {
    background: #9333ea;
}
body.light ::-webkit-scrollbar-thumb:hover {
    background: #7c3aed;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #a855f7 rgba(0, 0, 0, 0.05);
}
body.light * {
    scrollbar-color: #8b5cf6 rgba(0, 0, 0, 0.03);
}
html {
    scroll-behavior: smooth;
}
@media (max-width: 480px) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }
}
@media (max-width: 360px) {
    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }
}