.inline_diff_current {
  background-color: var(--editorIndentGuide-activeBackground);
}

.inline_diff_added_range {
  background-color: var(--aiNative-inlineDiffAddedRange);

  &.hide {
    visibility: hidden;
  }
}

.inline_diff_remove_zone_widget_container {
  width: calc(100% + 10px);

  .inline_diff_remove_zone_fixed_box {
    overflow: hidden;
    height: 100%;
    position: relative;

    .inline_diff_remove_zone {
      background-color: var(--aiNative-inlineDiffRemovedRange);
      height: inherit;
    }
  }
}

.inline_diff_pending_range {
  background-color: var(--editorWidget-background);
}

.accept_partial_edit_widget_id {
  pointer-events: none;
  width: 1e6px;
}

@line-height: 18px;

.inline_diff_accept_partial_widget_container {
  width: 100%;

  .content {
    float: right;
    display: flex;
    flex-direction: row;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
    margin-right: 12px;
    max-height: @line-height;
    height: @line-height;
    align-items: center;
    opacity: 0.8;
  }

  .btn {
    display: flex;
    pointer-events: auto;
    border: none;
    font-size: 10px;
    cursor: pointer;
    padding: 2px 6px;
    align-items: center;
    gap: 4px;

    > span {
      opacity: 1;
    }

    &.accept_btn {
      background-color: var(--aiNative-inlineDiffAcceptPartialEdit);
      color: var(--aiNative-inlineDiffAcceptPartialEdit-foreground);
    }

    &.discard_btn {
      background-color: var(--aiNative-inlineDiffDiscardPartialEdit);
      color: var(--aiNative-inlineDiffAcceptPartialEdit-foreground);
    }
  }
}
