.DocAudioPlayer-LeftControlBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 26px;
  gap: 18px;
  span {
    outline-width: 0px;
  }
  .no-select {
    user-select: none;
  }
  .icon {
    cursor: pointer;
    color: var(--Text_Primary);

    &:hover {
      color: var(--Text_Primary);
    }
    &:active {
      color: var(--Text_Primary);
    }
  }

  .docAudioloading {
    color: var(--Text_Brand_Light) !important;
    cursor: default !important;
  }
  .docAudioloadingPlays {
    background: var(--Fill_Tertiary) !important;
  }

  .ant-tooltip {
    top: -10px !important;
    .ant-tooltip-inner {
      height: 28px;
      padding: 0;
      border-radius: 4px;
      padding: 4px 8px;
      font-size: 12px;
      line-height: 20px;
      display: flex;
      align-items: center;

      .icon {
        width: 15px;
        margin: 1px 0 0 2px;
      }
    }

    .ant-tooltip-arrow {
      display: none;
    }
  }

  .playIcon {
    min-width: 56px;
    min-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--Fill_Secondary);
    border-radius: 50%;
    cursor: pointer;
    // padding-left: 1px;

    // &:hover {
    //   background: #7470e7;
    // }
    // &:active {
    //   background: #5b57ce;
    // }
  }
}
