.bpf-control__gallery {
  margin: 6px -6px 6px 0;
}

.bpf-control__gallery:after {
  clear: both;
  content: '';
  display: table;
}

.bpf-control__gallery li {
  display: block;
  float: left;
  margin: 6px 6px 0 0;
  position: relative;
  display: block;
  width: calc((100% / 3) - 6px);
}

.bpf-control__gallery li:hover .bpf-control__image {
  opacity: 1;
}

.bpf-control__gallery li:hover .bpf-control__replace,
.bpf-control__gallery li:hover .bpf-control__remove {
  visibility: visible;
}

.bpf-control__gallery:hover .bpf-control__image {
  opacity: 0.8;
}

.bpf-control__add {
  margin: 6px 0 0 0 !important;
}

.bpf-control__image {
  cursor: move;
  position: relative;
  transition: opacity 0.15s ease-in-out;
  display: block;
  width: 100%;
}

.bpf-control__replace, .bpf-control__remove {
  background-color: currentColor;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  text-decoration: none;
  top: 3px;
  visibility: hidden;
  height: 20px;
  position: absolute;
  width: 20px;
}

.bpf-control__replace .dashicons, .bpf-control__remove .dashicons {
  color: #ffffff;
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  width: 18px;
}

.bpf-control__replace {
  right: 26px;
}

.bpf-control__remove {
  right: 3px;
}

/*# sourceMappingURL=gallery-backend.css.map */