.lbaic-settings-cb {
  &-qs {
    &-row {

    }

    &-input {
      position: relative;

      @include min-width($lbaic-settings-wp-breakpoint) {
        --lbaic-settings-input-pie: 150px;
      }

      &-action {
        @include min-width($lbaic-settings-wp-breakpoint) {
          position: absolute;
          top: 50%;
          right: 8px;
          transform: translate3d(0, -50%, 0);
        }

        .lbaic-settings-button-minimal {
          --lbaic-settings-button-pi-start: 12px;
          --lbaic-settings-button-pi-end: 12px;

          margin-inline-start: auto;
        }
      }
    }

    &-question {
      min-height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding-block: 7px;
      text-align: left;
      background-color: rgba(var(--lbaic-settings-white-rgb), 1);
      border: 1px solid var(--lbaic-settings-cb-ais-question-border);
      border-radius: 18px;

      &-label {
        padding-inline: 16px;
        font-size: var(--lbaic-settings-fs-12);
        font-weight: var(--lbaic-settings-fw-500);
        color: var(--lbaic-settings-cb-ais-question-color);
        line-height: var(--lbaic-settings-lh-20);
      }
    }

    &-draggable {
      &-container {

      }

      & {
        display: flex;
        align-items: center;

        &:not(:last-child) {
          padding-block-end: 10px;
        }
      }

      &-holder {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        cursor: grab;

        &-i {
          width: 100%;
          height: auto;
          display: block;
          fill: rgba(var(--lbaic-settings-black-rgb), 0.2);
        }
      }

      &-row {
        padding-inline: 16px;
      }

      &-remove {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;

        &-i {
          width: 100%;
          height: auto;
          display: block;
          fill: rgba(var(--lbaic-settings-black-rgb), 0.8);
        }
      }
    }
  }
}