Makes the server sidebar hidden until mouse hover and it shows a floating one
-# There's probably a better way to do this but it works !!
nav[aria-label="Servers sidebar"]::-webkit-scrollbar {
display: none !important;
}
nav[aria-label="Servers sidebar"] {
--paddingY: 15px;
position: absolute;
z-index: 100;
top: 50%;
max-height: 70vh;
overflow-y: auto;
transform: translate(-90%, -50%) !important;
transition: transform 0.3s ease;
border-radius: 20px;
padding-top: var(--paddingY);
padding-bottom: var(--paddingY);
border: 2.2px solid #242424;
box-shadow: rgba(0, 0, 0, 0.4) 5px 5px, rgba(0, 0, 0, 0.3) 10px 10px, rgba(0, 0, 0, 0.2) 15px 15px, rgba(0, 0, 0, 0.1) 20px 20px, rgba(0, 0, 0, 0.05) 25px 25px;
}
nav[aria-label="Servers sidebar"]:hover {
transform: translate(0%, -50%) !important;
}