.login-hero .lock-box {
  width: 64px !important;
  height: 64px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 20px !important;
  border-radius: 18px !important;
  background: #081120 !important;
  box-shadow: 0 22px 40px rgba(42, 56, 80, .24) !important;
}

.login-hero .lock-icon {
  display: block !important;
}

.brand-title {
  width: auto !important;
  height: auto !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  background: none !important;
  color: var(--text) !important;
  font-size: 24px !important;
  font-weight: 950 !important;
}

.brand-title span {
  display: inline !important;
}

.sidebar-collapsed .brand-title {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: var(--card-strong) !important;
  color: var(--text) !important;
  font-size: 0 !important;
}

.sidebar-collapsed .brand-title::before {
  content: "O" !important;
  font-size: 17px !important;
  font-weight: 950 !important;
}

.sidebar-collapsed .brand-title span {
  display: none !important;
}

.sidebar-collapsed #collapseButton {
  justify-self: center !important;
  margin: 0 auto !important;
}