.radio{--radio-opacity: 1;--radio-color: inherit;--radio-pseudo-content: none;--radio-field-background: var(--color-white);--radio-field-border-color: var(--color-gray-medium);--radio-field-outline: none;--radio-field-before-content: none;--radio-field-before-background: var(--color-white);display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--radio-color);opacity:var(--radio-opacity)}.radio:where([data-focus-visible]){--radio-field-border-color: var(--color-primary-darkest);--radio-field-outline: .125rem solid var(--color-primary-darkest)}.radio:where([data-selected]){--radio-field-background: var(--color-primary-darkest);--radio-field-border-color: var(--color-primary-darkest);--radio-field-before-content: "";--radio-field-before-background: url(/icons/checkbox.svg)}.radio:where([data-required]){--radio-pseudo-content: "*"}.radio:where([data-required][data-invalid]){--radio-color: var(--color-danger);--radio-field-border-color: var(--color-danger)}.radio:where([data-disabled]){--radio-opacity: .5}.radio__field{position:relative;min-height:0;border-radius:50%;width:1.125rem;height:1.125rem;background:var(--radio-field-background);border:.0625rem solid var(--radio-field-border-color);outline:var(--radio-field-outline);flex-shrink:0;margin:.25em 0 0;outline-offset:.125rem;align-self:flex-start}.radio__field:before{content:var(--radio-field-before-content);background:var(--radio-field-before-background) no-repeat center;background-size:70%;position:absolute;top:0;right:0;bottom:0;left:0}
