1. #PersonalToolbar{
2.   background-color: rgb(0, 94, 148) !important;
3.   --uc-bm-height: 20px;
4.   --uc-bm-padding: 4px;
5.   --uc-autohide-toolbar-delay: 50ms;
6.  
7.  
8.   --uc-autohide-toolbar-focus-rotation: 0deg;
9.   --uc-autohide-toolbar-hover-rotation: 0deg;
10.   opacity:0.5;
11.   transition: opacity 0.3s;
12. }
13.  
14. #PersonalToolbar:hover{
15.   opacity:1 !important;
16. }
17.  
18. :root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
19. :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 7px }
20.  
21. #PersonalToolbar:not([customizing]){
22.   position: relative;
23.   margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
24.   transform: rotateX(90deg);
25.   transform-origin: top;
26.   transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
27.   z-index: 1;
28. }
29.  
30. #PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; }
31.  
32. #nav-bar:focus-within + #PersonalToolbar{
33.   transition-delay: 100ms !important;
34.   transform: rotateX(var(--uc-autohide-toolbar-focus-rotation,0));
35. }
36.  
37. #navigator-toolbox:hover > #PersonalToolbar{
38.   transition-delay: 100ms !important;
39.   transform: rotateX(var(--uc-autohide-toolbar-hover-rotation,0));
40. }
41.  
42. #navigator-toolbox:hover > #nav-bar:focus-within + #PersonalToolbar {  
43.   transform: rotateX(0);
44. }