/**
 * Дефолты тегов на канве конструктора (видимость, минимальные размеры).
 * Держите в синхроне с svarog-publish-tag-defaults.css (скоуп другой).
 */
#template-target-zone a {
  cursor: text;
  text-decoration: underline;
}

#template-target-zone a:hover {
  background-color: rgba(33, 128, 141, 0.1);
}

#template-target-zone a,
#template-target-zone button,
#template-target-zone span,
#template-target-zone q,
#template-target-zone abbr,
#template-target-zone dfn,
#template-target-zone data,
#template-target-zone time,
#template-target-zone var,
#template-target-zone samp,
#template-target-zone kbd,
#template-target-zone bdi,
#template-target-zone bdo,
#template-target-zone ruby,
#template-target-zone label,
#template-target-zone output,
#template-target-zone map {
  display: inline-block;
  min-height: 15px;
  padding: 3px 5px;
}

#template-target-zone img[src=""],
#template-target-zone img:not([src]) {
  display: inline-block;
  min-width: 70px;
  min-height: 50px;
  background: linear-gradient(135deg, #f5f5f5 25%, transparent 25%),
    linear-gradient(225deg, #f5f5f5 25%, transparent 25%),
    linear-gradient(45deg, #f5f5f5 25%, transparent 25%),
    linear-gradient(315deg, #f5f5f5 25%, #e0e0e0 25%);
  background-position: 10px 0, 10px 0, 0 0, 0 0;
  background-size: 17px 17px;
  background-repeat: repeat;
  border: 2px dashed rgba(33, 128, 141, 0.4);
  position: relative;
  cursor: pointer;
}

#template-target-zone img[src=""]::before,
#template-target-zone img:not([src])::before {
  content: "🖼️";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  opacity: 0.5;
  pointer-events: none;
}

#template-target-zone img[src=""]:hover,
#template-target-zone img:not([src]):hover {
  background-color: rgba(33, 128, 141, 0.05);
  border-color: rgba(33, 128, 141, 0.6);
}

#template-target-zone img[src]:not([src=""]) {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

#template-target-zone *:not(progress):not(meter) {
  min-width: 22px;
  min-height: 22px;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  cursor: default;
}

#template-target-zone b,
#template-target-zone strong,
#template-target-zone i,
#template-target-zone u,
#template-target-zone del,
#template-target-zone sup,
#template-target-zone sub,
#template-target-zone small,
#template-target-zone code,
#template-target-zone mark {
  border: none;
}

#template-target-zone > * {
  line-height: initial;
  min-height: 24px;
}

#template-target-zone hr {
  min-height: 0 !important;
  border: 2px #777 solid !important;
}

#template-target-zone label[class*="block-"] {
  user-select: text;
  -webkit-user-select: text;
  cursor: text;
  min-width: 2ch;
}