@layer components{.radio{appearance:none;border:1px solid var(--color-neutral-stroke-default,#c9ced6);background:var(--color-neutral-surface-default,#fff);vertical-align:middle;border-radius:9999px;width:20px;height:20px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-block;position:relative}.radio:after{content:"";background:#fff;border-radius:9999px;width:10px;height:10px;transition:transform .12s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.radio:checked{border-color:var(--color-positive-stroke-default,#00a223);background:var(--color-positive-stroke-default,#00a223)}.radio:checked:after{transform:translate(-50%,-50%)scale(1)}.radio:disabled{border-color:var(--color-neutral-stroke-default,#c9ced6);background:var(--color-neutral-surface-disable,#c9ced6);cursor:not-allowed}.radio:disabled:after{opacity:.7;background:#fff}}