Cannot use the Role feature to change CSS

What I’m trying to do:
I am trying to apply borders and other pretty stuff to my repeating panels. I have followed Anvil documentation but I cannot get it to work. What am I missing?
What I’ve tried and what’s not working:
I created a new Role “rajeevpanelitems” in the Roles section and gave it unrestricted access for now. I also appended the CSS file with the following:
border: 4px solid;

But it doesn’t work. The component looks the same as . If i change it to some other role (example: tonal or raised) it works, but if i change it to the role I have created, everything stays the same. I have no idea what I am doing wrong as i am following the docs 100%. I have attached a clone with this message. Thank you.

Code Sample:

# this is a formatted code snippet.
# paste your code between ``` 

Clone link:
share a copy of your app