.__dbg,
.__dbg_element {
  outline: 1px dashed red !important;
}

.__dbg_element_1 {
  outline: 1px dashed red !important;
  background-color: #ffcccc;
}

.__dbg_element_2 {
  outline: 1px dashed dodgerblue !important;
  background-color: #d2e9ff;
}

.__dbg_element_3 {
  outline: 1px dashed yellowgreen !important;
  background-color: #ebf5d6;
}

.__dbg_element_4 {
  outline: 1px dashed #ffc107 !important;
  background-color: #fff3cd;
}

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

.__img_placeholder {
  display: inline-block; /* mimic <img> */
  width: 100%;
  opacity: 0.7;
  background-color: #ccc;
}

.__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;
}

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