@layer m3-components{.m3-radio{--_t:var(--md-sys-size-touch);--_layer:var(--md-sys-size-state-layer);--_c:var(--md-sys-color-on-surface-variant);--_c-layer:var(--md-sys-color-on-surface);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:4px;display:inline-flex}.m3-radio__target{width:max(var(--_t),var(--_layer));height:max(var(--_t),var(--_layer));flex:none;place-items:center;display:grid;position:relative}.m3-radio__input{appearance:none;opacity:0;width:100%;height:100%;cursor:inherit;z-index:1;margin:0;position:absolute;inset:0}.m3-radio__layer{width:var(--_layer);height:var(--_layer);background:var(--_c-layer);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-t-state);border-radius:50%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}@media (hover:hover){.m3-radio:hover .m3-radio__layer{opacity:var(--md-sys-state-hover-opacity)}.m3-radio:hover{--_c:var(--md-sys-color-on-surface)}}.m3-radio__input:focus-visible~.m3-radio__layer{opacity:var(--md-sys-state-focus-opacity);outline:var(--md-sys-focus-width) solid var(--md-sys-focus-color)}.m3-radio:active .m3-radio__layer{opacity:var(--md-sys-state-pressed-opacity)}.m3-radio:has(.m3-radio__input:checked){--_c:var(--md-sys-color-primary);--_c-layer:var(--md-sys-color-primary)}.m3-radio__ring{width:20px;height:20px;box-shadow:inset 0 0 0 2px var(--_c);transition:box-shadow var(--md-sys-motion-t-fx-micro);border-radius:50%;position:relative}.m3-radio__ring:after{content:"";background:var(--_c);opacity:0;scale:calc(1 - .6 * var(--md-sys-motion-travel));transition:opacity var(--md-sys-motion-dur-micro-out) linear,scale var(--md-sys-motion-t-micro-out);border-radius:50%;position:absolute;inset:5px}.m3-radio__input:checked~.m3-radio__ring:after{opacity:1;transition:opacity var(--md-sys-motion-t-fx-micro),scale var(--md-sys-motion-t-micro);scale:1}.m3-radio[data-disabled]{cursor:default;pointer-events:none;--_c:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-radio[data-disabled] .m3-radio__label{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)}@media (forced-colors:active){.m3-radio__ring{box-shadow:none;border:2px solid canvastext}.m3-radio__ring:after{background:canvastext;inset:3px}}}