.radio-group{gap:var(--size-1);border:0;flex-direction:column;margin:0;padding:0;display:flex}@media (width>=768px){.radio-group{gap:var(--size-2)}}.radio-group>legend{margin-bottom:var(--size-1-5)}.radio{--radio-indicator-size:var(--size-2-5);--icon-size:var(--radio-indicator-size);justify-content:flex-start;align-items:center;gap:var(--size-1);color:var(--color-text-primary);cursor:pointer;display:flex;position:relative}.radio[data-disabled=true],.radio[data-readonly]{pointer-events:none}.radio[data-disabled=true]{opacity:var(--opacity-50)}.radio[data-appearance=default]{border:var(--border);border-radius:var(--border-radius-m);padding:var(--size-1-5)}.radio[data-appearance=default]:has(input:checked){background-color:var(--color-surface-info);border-color:var(--color-blue-30)}@media (width>=768px){.radio[data-appearance=default]{border:none;padding:0}.radio[data-appearance=default]:has(input:checked){background-color:#0000}}.radio[data-appearance=card]{background-color:var(--color-surface-00);border:var(--border);border-radius:var(--border-radius-m);padding:var(--size-1-5)}.radio[data-appearance=divider]{border-block-start:var(--border);padding-block:var(--size-2)}.radio-group:has(.radio[data-appearance=divider]){gap:0}.radio[data-appearance=divider]:last-child{border-block-end:var(--border)}.radio[data-appearance=button]{box-sizing:border-box;padding:round(min(.625em, var(--size-2)), 1px) round(min(1em, var(--size-3)), 1px);white-space:nowrap;color:var(--color-interactive-secondary-contrast);background-color:var(--color-interactive-secondary);border-radius:var(--border-radius-m);outline:var(--a11y-outline-width) solid transparent;outline-offset:var(--size-px);transition:scale var(--duration-short), outline-color var(--duration-short), background-color var(--duration-short) var(--ease-in-out);flex:1;justify-content:center}.radio-group:has(.radio[data-appearance=button]){gap:var(--size-1);flex-flow:wrap}@media (hover:hover){.radio[data-appearance=button]:hover{background-color:var(--color-interactive-secondary-hover)}}.radio[data-appearance=button]:active{background-color:var(--color-interactive-secondary-active);scale:.97}.radio[data-appearance=button]:has(input:focus-visible){outline-color:var(--a11y-outline-color)}.radio[data-appearance=button]:has(input:checked){color:var(--color-interactive-info-contrast);background-color:var(--color-interactive-info)}@media (hover:hover){.radio[data-appearance=button]:has(input:checked):hover{background-color:var(--color-interactive-info-hover)}}.radio .radio-indicator{color:var(--color-border-input);background-color:var(--color-surface-10);box-sizing:border-box;height:var(--radio-indicator-size);width:var(--radio-indicator-size);border-radius:var(--border-radius-full);transition:color,outline,background-color;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-in-out);outline-style:solid;outline-color:#0000;position:relative}[data-intent=success] :is(.radio .radio-indicator){color:var(--color-text-positive)}[data-intent=error] :is(.radio .radio-indicator){color:var(--color-text-negative)}.radio>input{clip-path:inset(50%);white-space:nowrap;overflow-wrap:normal;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover){.radio>input:hover+.radio-indicator{background-color:var(--color-surface-00)}}.radio>input:focus-visible+.radio-indicator{outline-width:3px;outline-color:var(--color-border-info)}.radio>input:checked+.radio-indicator{color:var(--color-interactive-info);background-color:var(--color-surface-00)}