/* Overlay element inserted by JS */
.clbw-mark {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + var(--clbw-offset, 0px)));
  width: var(--clbw-size, 28%);
  height: var(--clbw-size, 28%);
  max-width: 220px;
  max-height: 220px;
  min-width: 44px;
  min-height: 44px;
  pointer-events: none;
  z-index: 9;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: var(--clbw-opacity, 1);
  filter: drop-shadow(0 2px 10px rgba(0,0,0,0.35));
}

/* Ensure parent is a positioning context */
.clbw-host {
  position: relative !important;
  display: block;
  overflow: hidden;
}

/* If host is an anchor around an image */
a.clbw-host { display: inline-block; }

/* keep image normal */
.clbw-host img { display:block; width:100%; height:auto; }