@charset 'utf-8';

.formItem-radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.formRadio_label {
    position: relative;
    width: fit-content;
    margin-right: 2rem;
    font-size: 1.4rem;
    white-space: nowrap;
}

.formItem-radio.full .formRadio_label {
    width: 100%;
    margin: 0;
}

.formItem-radio.full .formRadio_label + .formRadio_label {
    margin-top: 0.65rem;
}

.formRadio {
    display: none;
}

.formRadio_text {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 2rem;
    font-size: 1.4rem;
}

.formRadio_text::before,
.formRadio_text::after {
    display: block;
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    transform: translate(0, -50%);
    content: "";
}

.formRadio_text::before {
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    border: 0.1rem solid var(--color-border);
    background-color: var(--color-light);
}

.formRadio_text::after {
    left: 0.3rem;
    width: 0.9rem;
    height: 0.9rem;
    background-color: transparent;
}

.formRadio:checked + .formRadio_text::after {
    background-color: var(--color-primary);
}

.formRadio.is-invalid .formRadio_text::before {
    border-color: var(--color-danger-bg);
}

.formRadio:disabled + .formRadio_text::after,
.formRadio:disabled:checked + .formRadio_text::after {
    background-color: var(--color-radio-disabled) !important;
}