@layer vapor.components{.radio-zkm0pt1{--radio-border-width-zkm0pt0:.0625rem;justify-content:center;align-items:center;gap:var(--vapor-size-space-100);border:var(--radio-border-width-zkm0pt0)solid var(--vapor-color-border-normal);background-color:var(--vapor-color-background-canvas-100);cursor:pointer;padding:var(--vapor-size-space-000);border-radius:9999px;flex-shrink:0;display:flex;position:relative}.radio-zkm0pt1[data-checked]{background-color:var(--vapor-color-background-primary-200)}.radio-zkm0pt1[data-disabled]:before{opacity:0}.radio-zkm0pt1[data-disabled]{opacity:.32;pointer-events:none}.radio-zkm0pt1[data-readonly]{background-color:var(--vapor-color-gray-200)}.radio-zkm0pt1[data-readonly]:active:before{opacity:.08}.radio-zkm0pt1[data-invalid]{border-color:var(--vapor-color-border-danger)}.radio-zkm0pt2{width:var(--vapor-size-dimension-200);height:var(--vapor-size-dimension-200)}.radio-zkm0pt3{width:var(--vapor-size-dimension-300);height:var(--vapor-size-dimension-300)}.radio-zkm0pt9{background-color:var(--vapor-color-white);width:calc(50% - var(--radio-border-width-zkm0pt0));height:calc(50% - var(--radio-border-width-zkm0pt0));border:none;border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-zkm0pt9[data-readonly]{background-color:var(--vapor-color-foreground-hint-100)}}