Update

1 files changed, 4 insertions, 14 deletions

diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index 5f461ce..12dc6ca 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -48,16 +48,6 @@
         margin-inline:  calc(-1 * fn.dim(--pad-i)) calc(fn.dim(--spacing-sibling) - fn.dim(--pad-i));
         padding-block:  fn.dim(--pad-b);
         padding-inline: fn.dim(--pad-i);
-
-        @include iro.bem-elem('bg') {
-            display:        block;
-            position:       absolute;
-            z-index:        -1;
-            inset-block:    0;
-            inset-inline:   0;
-            border-radius:  fn.dim(--rounding);
-            pointer-events: none;
-        }
     
         @include iro.bem-elem('circle') {
             display:            block;
@@ -89,7 +79,9 @@
         }
     
         @include iro.bem-elem('native') {
+            appearance:         none;
             position:           absolute;
+            z-index:            -1;
             inset-block-start:  0;
             inset-inline-start: 0;
             inline-size:        100%;
@@ -97,7 +89,7 @@
             margin:             0;
             padding:            0;
             overflow:           hidden;
-            opacity:            .0001;
+            border-radius:      fn.dim(--rounding);
     
             &:hover {
                 @include iro.bem-sibling-elem('label') {
@@ -132,9 +124,7 @@
             }
 
             &:focus-visible {
-                @include iro.bem-sibling-elem('bg') {
-                    background-color: fn.color(--key-focus --bg);
-                }
+                background-color: fn.color(--key-focus --bg);
 
                 @include iro.bem-sibling-elem('label') {
                     color: fn.color(--key-focus --label);