/* stylelint-disable no-descending-specificity */
.FormRadio {
    align-items: center;
    display: flex;
    padding-left: 0;
    gap: var(--padding-medium-small);

    .form-check {
        &-input {
            height: 16px;
            width: 16px;
            margin: 0;
            background-color: #fff;
            border: 1px solid var(--form-elements-base-active);
            border-radius: 50%;
            appearance: none;
            color-adjust: exact;
            position: initial;

            &:checked {
                background-color: var(--white);
                border-width: 5px;
            }

            &:invalid {
                border-color: var(--error-650);

                &:checked {
                    background-color: var(--error-650);
                }
            }

            &:disabled {
                pointer-events: none;
                filter: none;
                border-color: var(--gray-500);

                &:checked {
                    background-color: var(--gray-150);
                }
            }
        }

        &-label {
            @include text-body;

            text-transform: none;
        }
    }
}