Update

1 files changed, 4 insertions, 14 deletions

diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index e56b10e..a254ec4 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -49,16 +49,6 @@
         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('box') {
             display:            block;
             position:           relative;
@@ -125,7 +115,9 @@
         }
     
         @include iro.bem-elem('native') {
+            appearance:         none;
             position:           absolute;
+            z-index:            -1;
             inset-block-start:  0;
             inset-inline-start: 0;
             inline-size:        100%;
@@ -133,7 +125,7 @@
             margin:             0;
             padding:            0;
             overflow:           hidden;
-            opacity:            .0001;
+            border-radius:      fn.dim(--rounding);
     
             &:hover {
                 @include iro.bem-sibling-elem('label') {
@@ -188,9 +180,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);