v
/*
  ICONPICKER
*/

.iconpicker {
  position: relative;
}

.iconpicker .icon-preview {
  display: flex;
  border: 1px solid var(--cc-blue-color);
  border-radius: 0.25rem;
  padding: .375rem .75rem;
  cursor: pointer;
	vertical-align: middle;
}

.iconpicker .icon-preview i {
  font-size: 24px;
  content: "";
  display: inline-block;
  margin: auto 0;
}


.iconpicker #icons .icon_block {
  cursor: pointer;
}

.iconpicker .theme_icons{
	display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.iconpicker .theme_icons .icon_block{
	margin-bottom: 10px;
  display: block;
}


.iconpicker #icons {
  border: 1px solid var(--cc-blue-color);
  padding: 10px;
  width: 200px;
  background-color: var(--cc-bg-color);
  position: absolute;
  z-index: 999;
}

.iconpicker #icons .theme_title{
	margin-bottom: 10px;
	margin-left: -5px;
	font-weight: bold;
	display: inline-block;
}

.iconpicker #icons:not(.show) {
  display: none;
}