@import '~scss/variables';
@import '~scss/mixins';

.editorWrapper {
  margin-top: 12px;
  padding: 12px;
  border-radius: $border-radius;
  background-color: $light-color01;
}

.editor {
  padding: 8px;
  border-radius: $border-radius;
  border: solid 1px $light-color06;
  background-color: #ffffff;
}

.editorTitle {
  margin: 4px 0 12px 0;
  @include TypographyTitleH6($dark-color07);
  :global .icon {
    margin-right: 8px;
  }

  & > span {
    display: inline-block;
    vertical-align: middle;
  }
}

.tip {
  margin-top: 12px;
  padding: 12px;
  border-radius: $border-radius;
  border: solid 1px $border-color;
  background-color: $card-bg-color;
  @include TypographyParagraph;
}

.link {
  float: right;
  color: $blue-color04;

  &:hover {
    color: $blue-color04;
  }
}
