249 HatButton {

   250 text-align: left;

   251 }

   252 

   253 #hatList, #hatList:hover {

   254 border-color: #F6CB1C;

   255 }

   256 

   257 #hatList QScrollBar {

   258 background-color: #130F2A;

   259 border-top-right-radius: 10px;

   260 border-bottom-right-radius: 10px;

   261 }

   262 

   263 #hatList {

   264 border-color: #F6CB1C;

   265 border-width: 3px;

   266 border-style: solid;

   267 border-radius: 10px;

   268 border-top-left-radius: 0px;

   269 }

   270 

   271 #hatList::item {

   272 background-color: #11084A;

   273 padding: 4px;

   274 border-radius: 10px;

   275 color: #ffcc00 !important;

   276 font: 8px;

   277 border-width: 2px;

   278 border-color: #11084A;

   279 }

   280 

   281 #hatList::item:hover {

   282 background-color: #150A61;

   283 }

   284 

   285 #hatList::item:selected {

   286 background-color: #150A61;

   287 }