.text-editor {
  .codeBoxHolder {
    background: transparent;
    padding: 0;
  }
  pre {
    border-style: none;
  }

  .ce {
    &-paragraph {
      line-height: inherit;
    }

    &-inline-toolbar {
      @include themes(color, color-text-dark);
    }

    &-settings {
      background-color: transparent;
      border-width: 0;

      @include box-shadow(none);

      &__button--delete {
        .ce-settings__button--confirm {
          background-color: $brand-danger;
        }
      }

      &__default-zone {
        padding: 0;

        .ce-settings__button {
          margin-right: 0;

          @include border-radius(0);

          &:first-child {
            @include border-radius-left($border-radius-base);
          }

          &:last-child {
            @include border-radius-right($border-radius-base);
          }

          @include themes(background-color, editor-js-toolbar-bg);
          @include themes(color, btn-default-color);

          &:hover {
            @include themes(background-color, btn-default-bg-hover);
            @include themes(color, btn-default-color);
          }
        }
      }
    }

    &-toolbar {
      &__settings-btn,
      &__plus {
        @include border-radius($border-radius-base);
        @include themes(background-color, editor-js-toolbar-bg);
        @include themes(color, btn-default-color);

        &:hover {
          @include themes(background-color, btn-default-bg-hover);
          @include themes(color, btn-default-color);
        }
      }
    }

    &-block__content {
      margin: 0;
    }

    &-toolbox {
      @include border-radius($border-radius-base);
      @include themes(background-color, editor-js-toolbar-bg);
      @include themes(color, btn-default-color);

      &__button {
        &:first-child {
          @include border-radius-left($border-radius-base);
        }

        &:last-child {
          @include border-radius-right($border-radius-base);
        }

        &:hover {
          @include themes(background-color, btn-default-bg-hover);
          @include themes(color, btn-default-color);
        }
      }
    }

    &-block--selected .ce-block__content {
      @include border-radius($border-radius-base);
      @include themes(background-color, editor-js-block-selected);
    }
  }

  .cdx {
    &-checklist {
      &__item {
        &-checkbox {
          display: inline-block;
          width: $abc-checkbox-size;
          height: $abc-checkbox-size;
          border-radius: $border-radius-base;
          margin-top: ceil(($grid-unit-y * 4 - $abc-checkbox-size) * 0.5);

          @include themes(background-color, input-bg);
          @include themes-border(color-text-light, $width: $abc-border-width);

          @include transition(
            border 0.15s ease-in-out,
            color 0.15s ease-in-out
          );

          &:hover {
            @include themes(background-color, abc-checkbox-hover);
          }

          &:after {
            content: $abc-check-icon;
            display: inline-block;
            position: absolute;
            width: $abc-checkbox-size - 1;
            height: $abc-checkbox-size - 1;
            left: 1px;
            top: -6px;
            padding-left: 0;
            padding-top: 0;
            font-size: 10px;
            font-family: $abc-font-family-icon;
            font-weight: 600;
            border-width: 0;

            @include themes(color, color-text-dark);

            @include transform(none);
          }
        }

        &-text {
          padding: $padding-xs-vertical 0;
        }
      }
    }
  }

  .tc-toolbar {
    background: $brand-primary;

    &__plus {
      circle {
        fill: $brand-primary;
      }
    }
  }

  .embed-tool__caption {
    border: none;
  }

  &-drag-element {
    background-color: transparent !important;
    height: 2px;
    border: none;
    cursor: grab;
  }
}