/* for colorPicker fieldview */
.colorSwatch,
.colorInput,
.checkerboard {
  width: 22px;
  height: 22px;
  border-radius: 3px;
  position: absolute;
  margin: 8px;
}
.checkerboard{
  background-position: 0 0, 11px 11px;
  background-size: 22px 22px;
  background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc 100%),linear-gradient(45deg, #ccc 25%, white 25%, white 75%, #ccc 75%, #ccc 100%);
  z-index: 1;
}
.colorSwatch {
  box-shadow: inset 0 0 3px 1px #0002;
  border: none;
  z-index: 2;
}
.colorInput {
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.textInput {
  padding-left: 36px;
}