Anyone know what's wrong with my scrollbar style code?

[Rani_Sofya]

So I’m using f’n Sweet’s scrollbar styling extension and I styled my body scroll like so:

/*width*/
body::-webkit-scrollbar {
width:5px;
}
/*track*/
body::-webkit-scrollbar-track {
background:rgba(0, 0, 0, 0.11);
}
/*thumb*/
body::-webkit-scrollbar-thumb {
background:rgb(0, 0, 0);
border-radius:0px;
}

and this works fine but when I try to add a style to my “website preview” class, it doesn’t work, here’s the code for that:

/*width*/
.Website-Preview::-webkit-scrollbar {
width:2px;
}
/*track*/
.Website-Preview::-webkit-scrollbar-track {
background:rgba(255, 255, 255, 0);
border-color:rgba(255, 255, 255, 0);
}
/*thumb*/
.Website-Preview::-webkit-scrollbar-thumb {
background:rgb(0, 0, 0);
}

both codes are inside the home page head and both are in one style tag.

---

Here is my site Read-Only Link