.actions-panel {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column; }

.actions-history-list {
  margin-top: 10px;
  padding-right: 5px;
  overflow-y: auto;
  flex: 1 1 auto; }
  .actions-history-list .action-record-container {
    display: flex; }
    .actions-history-list .action-record-container .action-record {
      flex: 1 1 auto;
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 5px; }
      .actions-history-list .action-record-container .action-record .action-record-header {
        display: flex;
        align-items: center;
        background-color: rgba( 218, 218, 218 ,  1 );
        background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
        padding: 5px 10px;
        font-size: 16px;
        cursor: pointer;
        user-select: none; }
        .actions-history-list .action-record-container .action-record .action-record-header .action-record-icon {
          font-size: 12px;
          margin-right: 10px;
          transition: transform 100ms linear; }
          .actions-history-list .action-record-container .action-record .action-record-header .action-record-icon.action-record-icon--expanded {
            transform: rotate(90deg); }
        .actions-history-list .action-record-container .action-record .action-record-header .action-record-header-text {
          flex: 1 1 auto; }
      .actions-history-list .action-record-container .action-record .action-record-content {
        border-left:  2px solid;
        border-left-color: rgba( 218, 218, 218 ,  1 );
        border-left-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
        border-right:  2px solid;
        border-right-color: rgba( 218, 218, 218 ,  1 );
        border-right-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
        border-bottom:  2px solid;
        border-bottom-color: rgba( 218, 218, 218 ,  1 );
        border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
        overflow-x: auto;
        padding: 5px; }
        .actions-history-list .action-record-container .action-record .action-record-content .object-tree-chevron {
          margin-right: 5px;
          font-size: 12px;
          transition: transform 100ms linear; }
          .actions-history-list .action-record-container .action-record .action-record-content .object-tree-chevron.object-tree-chevron--expanded {
            transform: rotate(90deg); }
    .actions-history-list .action-record-container .action-record-timeline {
      position: relative;
      display: flex;
      align-items: center; }
      .actions-history-list .action-record-container .action-record-timeline:before {
        position: absolute;
        left: calc(50% - 1.5px);
        top: 0px;
        width: 3px;
        background: #c8c8c8;
        content: "";
        height: 100%;
        display: block; }
      .actions-history-list .action-record-container .action-record-timeline .action-record-timeline-bubble {
        width: 16px;
        height: 16px;
        background-color: #71afe5;
        border-radius: 100%;
        z-index: 1; }
    .actions-history-list .action-record-container .action-record-timeline--empty {
      position: relative;
      height: 20px; }
      .actions-history-list .action-record-container .action-record-timeline--empty:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #c8c8c8; }

.actions-history-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 10px; }