@import '../../content/diff/diff';

.tox {
  .diff-content(
    tinymceai,
    @added-background-color,
    @modified-background-color,
    @removed-background-color,
    @selected-outline-color,
    @selected-box-shadow
  );

  .tox-ai__scroll {
    .tox-ai__review-sidebar-container {
      scrollbar-gutter: stable;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      gap: 12px;

      .tox-card-list {
        gap: @pad-sm;
      }

      .tox-ai__review-initializing {
        padding: var(--tox-private-pad-md, @pad-md);
      }

      .tox-ai__review-description {
        padding-bottom: var(--tox-private-pad-sm, @pad-sm);
        font-size: var(--tox-private-font-size-sm, @font-size-sm);
      }

      .tox-ai__review-input-container {
        margin-bottom: 12px;

        button.tox-ai__review-input-button {
          width: 100%;
          background-color: var(--tox-private-background-color, @background-color);
          display: flex;
          justify-content: space-between;
          align-items: center;
          border: 1px solid @border-color;
          border-radius: @control-border-radius;
          box-sizing: border-box;
        }

        .tox-ai__review-dropdown-content {
          width: anchor-size(width);
        }
      }
    }
  }
}