.os-radio{font-size:var(--os-radio-font-size);cursor:pointer;display:inline-flex;line-height:1;align-items:flex-start;padding:.6em 0;min-height:2.2em}.os-radio input{display:none}.os-radio.is-disabled{cursor:not-allowed}.os-radio{--os-radio-font-size: var(--os-heading8);--os-radio-color: var(--os-color-neutral-3);--os-radio-checked-color: var(--os-color-primary);--os-radio-disabled-color: var(--os-color-neutral-3);--os-radio-checked-disabled-color: var(--os-color-neutral-4)}.os-radio-large{--os-radio-font-size: var(--os-heading7)}.os-radio-mini{--os-radio-font-size: var(--os-heading9)}.os-radio-input{display:inline-flex;align-items:center}.os-radio-input-box{display:inline-flex;overflow:hidden;border-radius:100%;padding:2px;background-color:transparent;border:1px solid currentColor;color:var(--os-radio-color);justify-content:center;align-items:center}.os-radio-input-box:after{width:.6em;height:.6em;border-radius:100%;content:"";transition:.2s all;background-color:currentColor;opacity:0}input:checked+.os-radio-input-box{color:var(--os-radio-checked-color)}input:checked+.os-radio-input-box:after{opacity:1}input:disabled+.os-radio-input-box{color:var(--os-radio-disabled-color);background-color:var(--os-color-neutral-1)}input:checked:disabled+.os-radio-input-box{color:var(--os-radio-checked-disabled-color)}.os-radio-label{margin-left:var(--os-space-xs)}.os-radio-group-mode-button{display:flex}.os-radio-group-mode-button .os-radio{position:relative;padding-left:1em;padding-right:1em;border:1px solid var(--os-radio-color)}.os-radio-group-mode-button .os-radio:first-child{border-top-left-radius:var(--os-border-radius-base);border-bottom-left-radius:var(--os-border-radius-base)}.os-radio-group-mode-button .os-radio:last-child{border-top-right-radius:var(--os-border-radius-base);border-bottom-right-radius:var(--os-border-radius-base)}.os-radio-group-mode-button .os-radio:not(:first-child){margin-left:-1px}.os-radio-group-mode-button .os-radio.is-disabled{color:var(--os-radio-disabled-color);border-color:var(--os-radio-disabled-color)}.os-radio-group-mode-button .os-radio.is-checked{color:var(--os-radio-checked-color);border-color:var(--os-radio-checked-color);z-index:1}.os-radio-group-mode-button .os-radio-input{display:none}.os-radio-group-mode-button .os-radio-label{margin-left:0}.os-radio-group-mode-button[class*=radio-group-type-] .os-radio.is-checked{color:var(--os-color-neutral-0);border-color:var(--os-checked-border-color);background-color:var(--os-checked-background-color)}.os-radio-group-mode-button.os-radio-group-type-primary{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-primary);--os-checked-background-color: var(--os-color-primary)}.os-radio-group-mode-button.os-radio-group-type-success{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-success);--os-checked-background-color: var(--os-color-success)}.os-radio-group-mode-button.os-radio-group-type-warning{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-warning);--os-checked-background-color: var(--os-color-warning)}.os-radio-group-mode-button.os-radio-group-type-danger{--os-checked-color: var(--os-color-neutral-0);--os-checked-border-color: var(--os-color-danger);--os-checked-background-color: var(--os-color-danger)}
