.group-radio-button__native.group-focused{outline:2px solid blue;outline-offset:2px}.group-radio-button{display:block;position:relative;flex:0 0 100%}@media screen and (min-width: 769px),print{.group-radio-button--column-2{flex:0 0 calc(50% - var(--group-space-normal)*1/2)}.group-radio-button--column-3{flex:0 0 calc(33.3333333333% - var(--group-space-normal)*2/3)}.group-radio-button--column-4{flex:0 0 calc(25% - var(--group-space-normal)*3/4)}}@media screen and (max-width: 768px){.group-radio-button--column-mobile-2{flex:0 0 calc(50% - var(--group-space-normal)*1/2)}.group-radio-button--column-mobile-3{flex:0 0 calc(33.3333333333% - var(--group-space-normal)*2/3)}.group-radio-button--column-mobile-4{flex:0 0 calc(25% - var(--group-space-normal)*3/4)}}@media screen and (min-width: 769px),print{.group-radio-button--column-tablet-2{flex:0 0 calc(50% - var(--group-space-normal)*1/2)}.group-radio-button--column-tablet-3{flex:0 0 calc(33.3333333333% - var(--group-space-normal)*2/3)}.group-radio-button--column-tablet-4{flex:0 0 calc(25% - var(--group-space-normal)*3/4)}}@media screen and (min-width: 1024px){.group-radio-button--column-2{flex:0 0 calc(50% - var(--group-space-normal)*1/2)}.group-radio-button--column-3{flex:0 0 calc(33.3333333333% - var(--group-space-normal)*2/3)}.group-radio-button--column-4{flex:0 0 calc(25% - var(--group-space-normal)*3/4)}}.group-radio-button__native{display:block;width:100%;height:100%;background:rgba(0,0,0,0);border-style:solid;border-radius:var(--group-radius-normal);border-width:var(--group-border-width-normal);border-color:var(--group-color-border);padding:var(--group-text-size-medium);cursor:pointer;user-select:none}.group-radio-button__native--checked{border-color:var(--group-color-base-core-primary)}.group-radio-button__native:disabled,.group-radio-button__native--disabled{background:var(--group-color-base-neutral-2);border-color:var(--group-color-base-neutral-5);cursor:default}.group-radio-button__native--invalid{border-color:var(--group-color-base-error-default-1)}@media(hover: hover)and (pointer: fine){.group-radio-button__native:hover:not(:disabled):not(.group-radio-button__native--colored){background:var(--group-color-grey-1);border-color:var(--group-color-base-neutral-4)}}.group-radio-button__native:active:not(:disabled){border-color:var(--group-color-base-neutral-3)}@media(hover: hover)and (pointer: fine){.group-radio-button__native--invalid:hover:not(:disabled){border-color:var(--group-color-base-error-default-2)}.group-radio-button__native--invalid:active:not(:disabled){border-color:var(--group-color-base-error-default-2)}}