@capgeminiuk/dcx-react-library/dist/design-system/radio-button-group.css

[](https://circleci.com/gh/Capgemini/dcx-react-library)

.dcx-radio-button-group.dcx-radio-button-group--error .dcx-error-message{color:var(--dcx-color-text-formcontrol_error,#f44336);font-size:var(--dcx-font-formcontrol_error-size,13px);line-height:var(--dcx-font-formcontrol_error-line-height,18px)}.dcx-radio-button-group .dcx-hint{color:var(--dcx-color-text-formcontrol_hint,#666);font-size:var(--dcx-font-formcontrol_hint-size,13px);line-height:var(--dcx-font-formcontrol_hint-line-height,18px)}.dcx-radio-button-group fieldset{border:none;display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--dcx-spacing-x-formcontrol,15px)}.dcx-radio-button-group fieldset legend{color:var(--dcx-color-text-body,#000);padding:var(--dcx-spacing-x-formcontrol,15px) 0}.dcx-radio-button-group fieldset legend h1{color:var(--dcx-color-text-heading-level_1,#000);margin:0;padding:0}.dcx-radio-button-group fieldset legend h2{color:var(--dcx-color-text-heading-level_2,#000);margin:0;padding:0}.dcx-radio-button-group fieldset legend h3{color:var(--dcx-color-text-heading-level_3,#000);margin:0;padding:0}.dcx-radio-button-group fieldset legend h4{color:var(--dcx-color-text-heading-level_4,#000);margin:0;padding:0}.dcx-radio-button-group fieldset legend h5{color:var(--dcx-color-text-heading-level_5,#000);margin:0;padding:0}.dcx-radio-button-group fieldset legend h6{color:var(--dcx-color-text-heading-level_6,#000);margin:0;padding:0}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios{color:var(--dcx-color-text-body,#000);display:flex;flex-direction:column;row-gap:var(--dcx-spacing-x-formcontrol,15px)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div{column-gap:var(--dcx-spacing-y-formcontrol,15px);display:flex;flex-wrap:wrap}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div .dcx-hint{color:var(--dcx-color-text-formcontrol_hint,#666);font-size:var(--dcx-font-formcontrol_hint-size,13px);line-height:var(--dcx-font-formcontrol_hint-line-height,18px);padding-left:calc(var(--dcx-font-formcontrol_label-line-height, 20px) + var(--dcx-spacing-y-formcontrol, 15px))}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div label{background:var(--dcx-color-background-formcontrol_label,transparent);color:var(--dcx-color-text-formcontrol_label,#000);font-size:var(--dcx-font-size-formcontrol_label,16px);font-weight:var(--dcx-font-weight-formcontrol_label,normal)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]{appearance:none;background-color:var(--dcx-color-background-formcontrol,transparent);border-color:var(--dcx-border-color-formcontrol,#000);border-radius:50%;border-style:solid;border-width:var(--dcx-border-width-formcontrol,1px);color:currentColor;cursor:pointer;display:grid;height:var(--dcx-font-formcontrol_label-line-height,20px);margin:0;place-content:center;width:var(--dcx-font-formcontrol_label-line-height,20px)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:checked,.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:focus,.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:hover{border-color:var(--dcx-color-outline-formcontrol,#3f51b5);border-width:calc(var(--dcx-border-width-formcontrol, 1px)*2)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:hover{opacity:.8}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:before{background-color:var(--dcx-color-outline-formcontrol,#3f51b5);border-radius:50%;content:"";height:.8em;transform:scale(0);transform-origin:bottom left;transition:transform .12s ease-in-out;width:.8em}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:checked:before{transform:scale(1)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div input[type=radio]:disabled:hover{border-color:var(--dcx-border-color-formcontrol,#000);border-style:solid;border-width:var(--dcx-border-width-formcontrol,1px);opacity:.5}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div:has(input:disabled){cursor:not-allowed;opacity:.5}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div .dcx-conditional-input{flex-basis:100%}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div .dcx-conditional-input div{display:flex;flex-direction:column;padding-left:calc(var(--dcx-font-formcontrol_label-line-height, 20px) + var(--dcx-spacing-y-formcontrol, 15px)*2)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div .dcx-conditional-input div label{background:var(--dcx-color-background-formcontrol_label,transparent);color:var(--dcx-color-text-formcontrol_label,#000);font-size:var(--dcx-font-size-formcontrol_label,16px);line-height:var(--dcx-font-formcontrol_label-line-height,20px)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div .dcx-conditional-input div input{background:var(--dcx-color-background-formcontrol,transparent);border-radius:var(--dcx-border-radius-formcontrol,4px);box-sizing:border-box;color:var(--dcx-color-text-formcontrol,#000);font-size:var(--dcx-font-formcontrol-size,16px);line-height:var(--dcx-font-formcontrol-line-height,20px);margin:var(--dcx-color-outline-formcontrol,#3f51b5);max-width:400px;padding-left:var(--dcx-spacing-x-formcontrol,15px);padding-right:var(--dcx-spacing-x-formcontrol,15px)}.dcx-radio-button-group fieldset .dcx-radio-button-group-radios div .dcx-hint{flex-basis:100%}