.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list),
.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) {
  max-width: 276px;
  padding: 7px 5px;
  overflow: initial;
}
.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button,
.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button {
  display: block;
  position: relative;
  float: left;
  text-indent: -9999px;
  height: 20px;
  width: 20px;
  border: 1px solid #333;
  padding: 0;
  margin: 2px;
}
.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button:hover::after, .trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button:focus::after,
.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button:hover::after,
.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button:focus::after {
  content: " ";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 27px;
  height: 27px;
  background: inherit;
  border: 1px solid #fff;
  box-shadow: #000 0 0 2px;
  z-index: 10;
}

.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button) {
  position: relative;
  color: #fff !important;
}
.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button):hover::after, .trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button):focus::after {
  content: " ";
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #fff;
}

/*# sourceMappingURL=trumbowyg.colors.scss.map */