.inputoptions[data-v-5d50d35d] {
    border: none;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 20px 0
}

.inputoptions legend[data-v-5d50d35d] {
    position: absolute;
    width: 30px;
    height: 30px;
    opacity: 0;
    display: block
}

.sp-circles .group__options[data-v-5d50d35d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.sp-circles .group__options .radios[data-v-5d50d35d] {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sp-circles .group__options .radios .sp-radio[data-v-5d50d35d] {
    display: block;
    position: relative;
    margin: 0
}

.sp-circles .group__options .radios .sp-radio.is--disabled[data-v-5d50d35d] {
    pointer-events: none
}

.sp-circles .group__options .radios .sp-radio input[type=radio][data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio .radio__tick[data-v-5d50d35d] {
    border-radius: 50%
}

.sp-circles .group__options .radios .sp-radio input[type=radio][data-v-5d50d35d] {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.sp-circles .group__options .radios .sp-radio input[type=radio]:disabled~.radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio input[type=radio]:disabled:hover~.radio__tick[data-v-5d50d35d] {
    box-shadow: none
}

.sp-circles .group__options .radios .sp-radio input[type=radio]:disabled~.radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio input[type=radio]:disabled:hover~.radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio input[type=radio]:disabled~.radio__label[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio input[type=radio]:disabled:hover~.radio__label[data-v-5d50d35d] {
    opacity: .5
}

.sp-circles .group__options .radios .sp-radio .radio__tick[data-v-5d50d35d] {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .2s ease-in-out;
    margin: 0;
    width: 26px;
    height: 26px;
    border-width: 2px;
    border-style: solid
}

.sp-circles .group__options .radios .sp-radio.is--checked .radio__icon[data-v-5d50d35d] {
    display: inline-flex
}

.sp-circles .group__options .radios .sp-radio:hover .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.is--checked .radio__tick[data-v-5d50d35d] {
    box-shadow: none
}

.sp-circles .group__options .radios .sp-radio.agree .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--green .radio__tick[data-v-5d50d35d] {
    border-color: #33a474
}

.sp-circles .group__options .radios .sp-radio.agree:hover .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--green:hover .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.agree.is--checked .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--green.is--checked .radio__tick[data-v-5d50d35d] {
    background-color: #33a474
}

.sp-circles .group__options .radios .sp-radio.neutral .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--neutral .radio__tick[data-v-5d50d35d] {
    border-color: #9b9faa
}

.sp-circles .group__options .radios .sp-radio.neutral:hover .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--neutral:hover .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.neutral.is--checked .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--neutral.is--checked .radio__tick[data-v-5d50d35d] {
    background-color: #9b9faa
}

.sp-circles .group__options .radios .sp-radio.neutral .radio__icon[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--neutral .radio__icon[data-v-5d50d35d] {
    width: 16px;
    height: 16px
}

.sp-circles .group__options .radios .sp-radio.disagree .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--purple .radio__tick[data-v-5d50d35d] {
    border-color: #88619a
}

.sp-circles .group__options .radios .sp-radio.disagree:hover .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--purple:hover .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.disagree.is--checked .radio__tick[data-v-5d50d35d],
.sp-circles .group__options .radios .sp-radio.color--purple.is--checked .radio__tick[data-v-5d50d35d] {
    background-color: #88619a
}

.sp-circles .captions--desktop[data-v-5d50d35d] {
    display: none
}

.sp-circles .captions--mobile[data-v-5d50d35d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: flex-start;
    flex-grow: 1;
    margin-top: 10px
}

.sp-circles .captions--mobile .caption[data-v-5d50d35d] {
    max-width: 47%
}

@media (min-width: 768px) {
    .sp-circles .group__options[data-v-5d50d35d] {
        flex-wrap: nowrap
    }

    .sp-circles .group__options .radios[data-v-5d50d35d] {
        flex-basis: auto;
        margin: 0 30px;
        gap: 30px
    }

    .sp-circles .group__options .radios.len--7[data-v-5d50d35d] {
        flex-basis: 100%;
        flex-shrink: 1;
        gap: unset;
        min-width: 318px;
        max-width: 438px
    }

    .sp-circles .captions--desktop[data-v-5d50d35d] {
        display: inline-flex
    }

    .sp-circles .captions--mobile[data-v-5d50d35d] {
        display: none
    }
}

@media (min-width: 1200px) {
    .sp-circles .group__options[data-v-5d50d35d] {
        width: auto
    }

    .sp-circles .group__options .radios[data-v-5d50d35d] {
        margin: 0 60px;
        gap: 40px
    }

    .sp-circles .group__options .radios.len--7[data-v-5d50d35d] {
        flex-basis: auto;
        gap: 40px;
        min-width: 0;
        max-width: none
    }

    .sp-circles .group__options .radios .sp-radio .radio__tick[data-v-5d50d35d] {
        width: 36px;
        height: 36px;
        border-width: 3px
    }
}