/* Each sidebar cover can be replaced later with an uploaded image URL. */
.list-panel .circle-image {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  overflow: hidden;
  font-size: 0;
  background-color: #d9dde3;
  background-image: var(--cover-image, none);
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
}

#circles > a:nth-of-type(1) .circle-image { --cover-image: linear-gradient(135deg,#26425f,#91b8c8); }
#circles > a:nth-of-type(2) .circle-image { --cover-image: linear-gradient(135deg,#c9824a,#f1d2a5); }
#circles > a:nth-of-type(3) .circle-image { --cover-image: linear-gradient(135deg,#315f4c,#b8d7ae); }
#circles > a:nth-of-type(4) .circle-image { --cover-image: linear-gradient(135deg,#453c64,#c6b6df); }
#circles > a:nth-of-type(5) .circle-image { --cover-image: linear-gradient(135deg,#92555c,#f0b7a8); }
#topics > a:nth-of-type(1) .circle-image { --cover-image: linear-gradient(135deg,#366781,#b8d7e9); }
#topics > a:nth-of-type(2) .circle-image { --cover-image: linear-gradient(135deg,#6a6c35,#dce0a3); }
#topics > a:nth-of-type(3) .circle-image { --cover-image: linear-gradient(135deg,#654d86,#d9caed); }
#topics > a:nth-of-type(4) .circle-image { --cover-image: linear-gradient(135deg,#4a4f55,#ced3d5); }