/* line 6, source/sass/image-picker.scss */
ul.thumbnails.image_picker_selector {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin: 0px auto;
  text-align: center;
}
/* line 15, source/sass/image-picker.scss */
ul.thumbnails.image_picker_selector ul {
  overflow: auto;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin: 0px auto;
  text-align: center;
}
/* line 25, source/sass/image-picker.scss */
ul.thumbnails.image_picker_selector li.group_title {
  float: none;
}
/* line 30, source/sass/image-picker.scss */
ul.thumbnails.image_picker_selector li {
  flex: 1;
  /* flex-grow: 1; */
  /* margin: 0px 12px 12px 0px; */
  /* display: inline-block; */
  cursor: pointer;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}
/* line 35, source/sass/image-picker.scss */
ul.thumbnails.image_picker_selector li .thumbnail {
  height: 100%;
  padding: 12px;
  background-color: rgba(255, 255, 255, 0.7);
  border: 3px solid #ddd;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
ul.thumbnails.image_picker_selector li .thumbnail p {
  margin-top: 10px;
  line-height: 16px;
}
/* line 42, source/sass/image-picker.scss */
ul.thumbnails.image_picker_selector li .thumbnail img {
  -webkit-user-drag: none;
  max-width: 100%;
}
/* line 48, source/sass/image-picker.scss */
ul.thumbnails.image_picker_selector li .thumbnail.selected {
  /* background: rgba(0, 56, 163, 1); */
  background-color: #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-width: 3px;
  border-color: rgba(0, 56, 163, 0.8);
}