body {
	background-color: #181818;
	color: var(--bs-gray-200);
	padding: 20pt;
	font-size: 12pt;
	font-family: Poppins;
}

div.thumbnail-col {
    background-color: #202020;
    width: 160pt;
}

div.thumbnail {
    padding: 8pt;
}

div.thumbnail.selected {
    background-color: #505050;
}

div.thumbnail img {
    max-width:100%;
    height: auto;
}

div.thumbnail > div.title {
    margin-top: 2pt;
    font-size: 10pt;
}

div.thumbnail-col {
    height: 92vh;
    overflow-y: auto;
}

/* Works on Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #C0C0C0 #181818;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6pt;
}

*::-webkit-scrollbar-track {
  background: #181818;
}

*::-webkit-scrollbar-thumb {
  background-color: #C0C0C0;
  border-radius: 2pt;
  border: 0px solid #C0C0C0;
}