.richtext {
  visibility: hidden;
}

.ProseMirror-loader {
  border: 1px solid var(--Input-borderColor);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;

  &.hide {
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s var(--ease-out);
  }

  &::after {
    .Icon;

    animation: spin var(--time-xl) infinite ease-in-out;
    color: var(--color-black);
    content: 'autorenew';
    left: calc(50% - var(--Icon-size) / 2);
    position: absolute;
    top: calc(50% - var(--Icon-size) / 2);
    z-index: 10;
  }
}
