@layer components{input[type=checkbox][is-=checkbox]{--placeholder-content: "[ ]";--placeholder-background: var(--background1);--placeholder-color: var(--foreground2);--checked-content: "✓";--checked-background: transparent;--checked-color: var(--foreground0);appearance:none;-webkit-appearance:none;-moz-appearance:none;display:inline-block;position:relative;width:3ch;min-width:initial;vertical-align:text-top;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);outline:none}input[type=checkbox][is-=checkbox]:before,input[type=checkbox][is-=checkbox]:after{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;width:3ch;height:1lh}input[type=checkbox][is-=checkbox]:before{content:var(--placeholder-content);background-color:var(--placeholder-background);color:var(--placeholder-color)}input[type=checkbox][is-=checkbox]:checked:after{content:var(--checked-content);background-color:var(--checked-background);color:var(--checked-color)}input[type=checkbox][is-=checkbox]:disabled:before,input[type=checkbox][is-=checkbox]:disabled:after{color:var(--placeholder-color);text-decoration:line-through;text-decoration-color:var(--placeholder-foreground)}input[type=checkbox][is-=checkbox]:focus,input[type=checkbox][is-=checkbox]:focus:before,input[type=checkbox][is-=checkbox]:focus:after{text-decoration:underline}}