.__dbg,
.__dbg_element {
  outline: 1px dashed rgb(255, 0, 102) !important;
}

.__dbg_element_1 {
  outline: 1px dashed rgb(255, 0, 102) !important;
  background-color: rgba(255, 0, 102, 0.15);
}

.__dbg_element_2 {
  outline: 1px dashed rgb(30, 144, 255) !important;
  background-color: rgba(30, 144, 255, 0.15);
}

.__dbg_element_3 {
  outline: 1px dashed rgb(154, 205, 50) !important;
  background-color: rgba(154, 205, 50, 0.15);
}

.__dbg_element_4 {
  outline: 1px dashed rgb(255, 193, 7) !important;
  background-color: rgba(255, 193, 7, 0.15);
}

.__dbg_pad {
  min-height: 1000px;
  background-color: #f2f2f2;
}

.__box_placeholder,
.__img_placeholder {
  display: inline-block; /* mimic <img> */
  width: 100%;
  opacity: 0.7;
  background-color: #ddd;
  min-height: 5rem;
}

.__img_placeholder::before {
  content: "image placeholder";
  display: block;
  padding: 2rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 70%;
  letter-spacing: 2px;
}

.debug-info {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.15rem 0.4rem;
  line-height: 1.2;
  outline: 1px dashed rgb(255, 0, 102);
  border-radius: 0.25rem;
  color: rgb(255, 0, 102);
  vertical-align: top;
  white-space: nowrap;
}

/*# sourceMappingURL=debug.css.map */