.lbaic-settings-radio {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;

  &-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }

  &-i {
    position: relative;
    width: 16px;
    height: 16px;
    background-color: var(--lbaic-settings-radio-bg);
    border: 2px solid var(--lbaic-settings-radio-border);
    border-radius: 50%;

    &:before {
      content: '';
      position: absolute;
      top: 3px;
      right: 3px;
      bottom: 3px;
      left: 3px;
      background-color: var(--lbaic-settings-radio-active-bg);
      border-radius: 50%;
      opacity: 0;
    }
  }

  &-label {
    padding-inline-start: 10px;
    font-size: var(--lbaic-settings-fs-12);
    font-weight: var(--lbaic-settings-fw-500);
    color: var(--lbaic-settings-checkbox-color);
    line-height: var(--lbaic-settings-lh-22);
  }

  &.active {
    cursor: unset;

    .lbaic-settings-radio-i {
      border-color: var(--lbaic-settings-radio-active-border);

      &:before {
        opacity: 1;
      }
    }
  }

  &.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
}