.navbar {
  width: 48px;
  height: 100%;
  background: #fff;
  border-right: 1px solid var(--borderColor);
}

.navbar-button {
  position: relative;
  color: var(--colorDarkGray);
  transition: all 0.14s linear;
}

.navbar-button:hover {
  color: var(--colorBlue);
  background: var(--colorGrayA01);
  transition-duration: 0s;
}

.navbar-button:active {
  background: var(--colorGrayA02);
  transition-duration: 0.14s;
}

.navbar-button.active {
  color: var(--colorBlue);
}

.navbar-button.active::before {
  content: '';
  position: absolute;
  left: 0;
  height: 100%;
  width: 2px;
  background: var(--colorBlue);
}

.navbar-button svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}