.lbaic-settings-tooltip {
  &-wrapper {
    position: relative;
    display: inline-flex;
  }

  & {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;

    &:not(.no-hover-bg):hover {
      background-color: var(--lbaic-settings-button-bg-hover);
    }
  }

  &-i {
    width: var(--lbaic-settings-chats-action-i-w, 18px);
    height: var(--lbaic-settings-chats-action-i-w, 18px);
    display: block;
    fill: var(--lbaic-settings-tooltip-fill);

    &.lbaic-settings-chats-tooltip-i {
      --lbaic-settings-chats-action-i-w: 10.5px;
    }
  }

  &-content {
    position: fixed;
    top: var(--lbaic-settings-tooltip-t, unset);
    right: var(--lbaic-settings-tooltip-r, unset);
    bottom: var(--lbaic-settings-tooltip-b, unset);
    left: var(--lbaic-settings-tooltip-l, unset);
    transform: var(--lbaic-settings-tooltip-transform, none);
    transition: opacity 240ms ease-in-out, transform 240ms ease-in-out;
    z-index: 501;

    &-in {
      position: relative;
      width: var(--lbaic-settings-tooltip-width, 146px);
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-block: 8px;
      padding-inline: 10px;
      background-color: var(--lbaic-settings-tooltip-bg);
      border-radius: 6px;
      text-align: center;
      filter: var(--lbaic-settings-tooltip-shadow);

      &:before {
        content: '';
        position: absolute;
        top: var(--lbaic-settings-tooltip-arrow-t, unset);
        right: var(--lbaic-settings-tooltip-arrow-r, unset);
        bottom: var(--lbaic-settings-tooltip-arrow-b, unset);
        left: calc(var(--lbaic-settings-tooltip-arrow-l, unset) + var(--lbaic-settings-tooltip-arrow-l-move, unset));
        width: 18px;
        height: 18px;
        background-color: var(--lbaic-settings-tooltip-bg);
        border-radius: 2px;
        transform: var(--lbaic-settings-tooltip-arrow-transform, none) rotate(45deg);
        z-index: -1;
      }
    }

    &-label {
      font-size: var(--lbaic-settings-fs-12);
      color: var(--lbaic-settings-tooltip-color);
      line-height: var(--lbaic-settings-lh-18);
      white-space: pre-wrap;
      word-break: break-word;

      &:first-child:last-child {
        margin: auto;
      }

      & a {
        display: inline-flex;
        align-items: center;
      }
    }
  }

  &-top {
    --lbaic-settings-tooltip-transform: translate3d(-50%, 0, 0);

    --lbaic-settings-tooltip-arrow-t: 100%;
    --lbaic-settings-tooltip-arrow-l: 50%;
    --lbaic-settings-tooltip-arrow-transform: translate3d(-50%, -14px, 0);
  }

  .lbaic-settings-recovery-button {
    width: 24px;
    height: 24px;
    display: flex;

    .lbaic-settings-tooltip-i {
      width: 16px;
      height: 16px;
      margin: auto;
    }
  }
}