@layer components{.radio{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.radio[data-disabled]{cursor:not-allowed}.radio__disc{box-sizing:border-box;border-radius:var(--radius-full);background:var(--surface-default);width:18px;height:18px;box-shadow:inset 0 0 0 var(--border-width-thin) var(--border-default);transition:background-color var(--duration-press) ease, box-shadow var(--duration-press) ease, opacity var(--duration-press) ease;flex-shrink:0;display:block}.radio[data-checked] .radio__disc{box-shadow:inset 0 0 0 6px var(--border-focus)}.radio:is(:has(:focus-visible),:focus-visible):not(.radio[data-checked]) .radio__disc{box-shadow:0 0 0 2px #080a0b3d, inset 0 0 0 var(--border-width-thin) var(--border-focus)}.radio[data-checked]:is(:has(:focus-visible),:focus-visible) .radio__disc{box-shadow:0 0 0 1.5px #080a0b26, var(--elevation-raised), inset 0 0 0 6px var(--border-focus)}.radio[aria-invalid=true]:not(.radio[data-checked]) .radio__disc{box-shadow:0 0 0 1.5px #d2304f40, var(--elevation-raised), inset 0 0 0 var(--border-width-thin) var(--feedback-error-solid)}.radio[data-disabled]:not(.radio[data-checked]) .radio__disc{background:var(--surface-disabled);box-shadow:inset 0 0 0 var(--border-width-thin) var(--border-default)}.radio[data-disabled][data-checked] .radio__disc{opacity:.5}@media (prefers-reduced-motion:reduce){.radio__disc{transition:background-color var(--duration-press) ease, box-shadow var(--duration-press) ease, opacity var(--duration-press) ease;transform:none}}}