radio.json

{
    "rules": {
        "merge": ["input"]
    },
    "base": ["m-form-radio cursor-pointer group"],
    "wrapper": ["m-form-radio-wrap", "flex items-center space-x-8"],
    "label": ["m-form-radio-label", "f-body-1 inline-flex relative"],
    "check": [
        "m-form-radio-check",
        "w-24 h-24 rounded-full relative",
        "before:absolute before:content-['']",
        "before:w-12 before:h-12 before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2",
        "before:rounded-full",
        "before:transition-colors before:duration-300 before:ease--out",
        "before:border-[1px] before:border-[#989EA3]",
        "peer-checked:before:bg-[black] peer-checked:before:border-[black]",
        "group-hover:before:border-[black]",
        "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2"
    ],
    "input": [
        "absolute w-1 h-1",
        "border-0 p-0 -m-1",
        "overflow-hidden whitespace-nowrap",
        "peer",
        "focus:outline-none",
        "[clip:rect(0,0,0,0)]"
    ],
    "hint": ["m-form-radio-hint", "f-ui-2 text-secondary"]
}