/* Fix issue with sidebar padding & conflict with bootstrap 5 */
#sidebar{
    font-size: 14px!important;
}
ol, ul {
    padding-left: 0;
}

/* ---- Sidebar pin button ---- */
.pin-btn{
  padding: 5px 7px;
  border: none;
  background: none;
  cursor: pointer;
  color: rgba(255,255,255,0.3);
  font-size: 0.9rem;
  line-height: 1;
  transition: color 150ms ease, background-color 150ms ease;
  flex-shrink: 0;
  border-radius: .3em;
}
.pin-btn:hover{
  color: rgba(255,255,255,0.75);
  background-color: rgba(255,255,255,0.08);
}
.pin-btn.active{
  color: rgba(255,255,255,1);
}
#sidebar.close .pin-btn{
  display: none;
}