.highlighter-container {
  padding-left: 4px;
  padding-right: 4px;
}

.field-editmode-on .highlighter-container {
  cursor: pointer;
  position: relative;
}
.field-editmode-on .field-highlighter {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: repeating-conic-gradient(#000 0 20%, #dfdfdf 0 50%) 0 0/8px 9px
    round;
  mask: linear-gradient(to right, #000 8px, transparent 8px) repeat-x,
    linear-gradient(to bottom, #000 8px, transparent 8px) repeat-y,
    linear-gradient(to right, #000 8px, transparent 8px) repeat-x 0 100%,
    linear-gradient(to bottom, #000 8px, transparent 8px) repeat-y 100% 0;
  mask-size: 8px 1px, 1px 8px, 8px 1px, 1px 8px;
  -webkit-mask-size: 8px 1px, 1px 8px, 8px 1px, 1px 8px;
}

.field-editmode-on .field-highlighter:hover {
  background: repeating-conic-gradient(#000 0 20%, #ff4aff 0 50%) 0 0/8px 10px
    round;
}
