.toolbar {
  &__heading {
    margin-right: 20px;
    border      : none;
    background  : transparent;
    box-shadow  : none;
    font-weight : 600;
    color       : $darkblue;

    display     : block;
  }

  &__html,
  &__iframe,
  &__image,
  &__link,
  &__quote,
  &__remove,
  &__style {
    -webkit-appearance: none;
    border            : none;
    background        : transparent;

    cursor            : pointer;

    width             : 30px;
    height            : 30px;
    border-radius     : 3px;

    g,
    path {
      fill: $darkblue;
    }

    &:focus,
    &:hover {
      background: $white;

      g,
      path {
        fill: $red;
      }

    }
  }

  &__iframe,
  &__link {
    position: relative;
  }

  &__iframeBox,
  &__linkBox {
    position  : absolute;
    top       : 0;
    left      : 0;
    z-index   : 1000;

    background: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width     : 400px;

    padding   : 20px;

    &.hide {
      opacity       : 0;
      pointer-events: none;
    }

  }

  &__iframe__value,
  &__link__value {
    width     : 100%;
    box-shadow: none;

    border    : 1px solid $black;
  }

  &__iframe__submit,
  &__link__submit {
    padding       : 10px 20px;
    background    : $red;
    color         : $white;
    margin-left   : 15px;
    float         : right;
    margin-top    : 20px;
    border        : 1px solid $red;
    width         : auto;
    height        : auto;
    font-size     : 12px;
    font-weight   : 600;
    letter-spacing: 1px;
  }

  &__iframe__cancel,
  &__link__cancel {
    padding       : 10px 20px;
    margin-top    : 20px;
    border        : 1px solid $red;
    color         : $red;
    width         : auto;
    height        : auto;
    font-size     : 12px;
    font-weight   : 600;
    letter-spacing: 1px;
  }

  &__html {
    width      : auto;
    height     : auto;

    padding    : 5px 10px;
    margin-left: 10px;

    border     : transparent;

    background : transparent;
    box-shadow : none;

    font-weight: 600;
    color      : $darkblue;

    &:hover {
      color     : $red;
      background: $white;
    }

    &:focus {
      outline   : none;
      background: transparent;
    }

    &.isActive {
      background: $white;
      color     : $red;
    }
  }
}

.mt-repeater-section {
  .m_editor__toolbar--left {
    margin      : 0;
    border-right: 0;
  }
}