/* BizCapsule: the icons on the blue left bar of the chat are white (Element colors them with the
   same dark color as text on white). Added to Element's index.html by `capsule up`. */
.mx_SpacePanel { color: #fff; }
.mx_SpacePanel .mx_SpaceButton:not(.mx_SpaceButton_active) .mx_SpaceButton_icon::before,
.mx_SpacePanel .mx_SpaceButton_new .mx_SpaceButton_icon::before,
.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_menuButton::before,
.mx_SpacePanel .mx_SpaceButton .mx_SpaceButton_toggleCollapse,
.mx_SpacePanel .mx_QuickSettingsButton::before { background-color: #fff !important; }
.mx_SpacePanel .mx_QuickSettingsButton, .mx_SpacePanel .mx_QuickSettingsButton_icon,
.mx_SpacePanel .mx_ThreadsActivityCentreButton, .mx_SpacePanel .mx_ThreadsActivityCentreButton_Text,
.mx_SpacePanel .mx_SpaceButton_name, .mx_SpacePanel .mx_SpacePanel_contextMenu_separatorLabel { color: #fff !important; }
.mx_SpacePanel .mx_ThreadsActivityCentreButton_Icon, .mx_SpacePanel .mx_ThreadsActivityCentreButton svg { fill: #fff !important; color: #fff !important; }
.mx_SpacePanel .mx_SpaceButton_new .mx_SpaceButton_icon { background-color: rgba(255, 255, 255, .14) !important; }
.mx_SpacePanel .mx_UserMenu { border-bottom-color: rgba(255, 255, 255, .35) !important; }
.mx_SpacePanel .mx_QuickSettingsButton:not(.expanded):hover,
.mx_SpacePanel .mx_ThreadsActivityCentreButton:not(.expanded):hover { background-color: rgba(255, 255, 255, .18) !important; }
.mx_SpacePanel .capsule-home { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;
  margin: 10px auto 2px; border-radius: 10px; color: #fff; }
.mx_SpacePanel .capsule-home:hover { background: rgba(255, 255, 255, .18); }