@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

[contenteditable][contenteditable=true]:after {
  display: inline-block;
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-decoration: none;
  -webkit-font-smoothing: antialiased; }

[contenteditable] {
  transition-duration: .15s;
  transition-property: color, padding, border-color;
  position: relative;
  display: inline-block;
  padding: 6px 0 4px;
  border-bottom: 2px solid transparent;
  white-space: nowrap; }
  [contenteditable][contenteditable=true], [contenteditable].ce-toggler-hover {
    margin-right: 1.5em; }
  [contenteditable][contenteditable=true] {
    cursor: pointer; }
    [contenteditable][contenteditable=true]:focus {
      padding: 6px 10px 4px;
      border-color: #FC4A6A;
      background-color: #FFFFFF;
      color: #000000;
      outline: none;
      cursor: text; }
    [contenteditable][contenteditable=true].ce-toggler-hover:after {
      display: none; }
    [contenteditable][contenteditable=true]:after {
      transition: all .2s;
      content: 'mode_edit';
      position: absolute;
      right: -1.2em;
      top: 50%;
      margin-top: -.4em;
      padding-left: 8px;
      font-size: 100%;
      cursor: pointer;
      opacity: .2; }
    [contenteditable][contenteditable=true]:hover:after {
      display: inline;
      color: #FC4A6A;
      opacity: 1; }
    [contenteditable][contenteditable=true]:focus:after {
      display: inline;
      color: #FC4A6A;
      opacity: 1; }