.JS_fontIcons .JS_fontIcon {
  transition: all 0.3s ease-in-out;
  border-radius: .5rem;
  border: 1px solid transparent;
  cursor: pointer; }
  .JS_fontIcons .JS_fontIcon::before {
    display: none; }
  .JS_fontIcons .JS_fontIcon:hover {
    transform: scale(1.1);
    box-shadow: 0 10px 150px 0 rgba(0, 0, 0, 0.4);
    border-color: #e8e8e8;
    background-color: white;
    z-index: 10; }
.JS_fontIcons .JS_fontIcon.hidden {
  display: none;
}
.theme--white, .theme--white .toolbox-modal__item {
  color: #000;
  background: #FFF; }
.theme--black, .theme--black .toolbox-modal__item {
  background: #343434;
  color: #FFF; }
  .theme--black .JS_fontIcon:hover, .theme--black .toolbox-modal__item .JS_fontIcon:hover {
    color: #000;
    background: #FFF; }
.theme--gradient, .theme--gradient .toolbox-modal__item {
  color: #000;
  background: #FFF; }
  .theme--gradient .JS_fontIcon, .theme--gradient .toolbox-modal__item .JS_icon, .theme--gradient .toolbox-modal__item .JS_fontIcon, .theme--gradient .toolbox-modal__item .toolbox-modal__item .JS_icon {
    color: linear-gradient(#e66465, #9198e5);
    background: -webkit-linear-gradient(135deg, #ff3232 0%, #3700ff 100%);
    background: linear-gradient(135deg, #ff3232 0%, #3700ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.theme--colorful, .theme--colorful .toolbox-modal__item {
  background: -webkit-linear-gradient(-45deg, #274e77 0%, #bb1e6b 33%, #cd3f3d 66%, #e6b125 100%);
  background: linear-gradient(135deg, #274e77 0%, #bb1e6b 33%, #cd3f3d 66%, #e6b125 100%);
  color: #FFF; }
  .theme--colorful .JS_fontIcon:hover, .theme--colorful .toolbox-modal__item .JS_fontIcon:hover {
    color: #000;
    background: #FFF; }

.theme--black .toolbox-selector__item {
  color: black;
}