#sideBar {
  width: 150px;
  height: 100vh;

  z-index: 10;
  position: fixed;
  top: 0;
  left: -150px;

  padding-top: 50px;

  background-color: rgba(75, 73, 88, 0.5);
}

.barSelectable {
  width: 150px;
  height: 60px;

  position: relative;

  display: flex;
  align-items: center;
  gap: 5px;

  cursor: pointer;
}

.barSelectable > * { /* Targets ALL direct children of .barSelectable */
    margin: 0; 
    padding: 0;
    padding-left: 5px;
    line-height: 60px; /* Centers the text vertically */
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none;     /* IE 10 and IE Edge */
    user-select: none;         /* Standard syntax */

    font-family: 'Inter', sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.barSelectable img { 
    width: 16px;
    height: auto;
}


#menuIcon {
  width: 16px;
  height: 16px;

  position: fixed;
  top: 20px; 
  left: 15px;
  z-index: 9999;
  cursor: pointer;
}