@layer components{input[type=checkbox]{appearance:none;cursor:pointer;border-radius:.25rem;width:1rem;height:1rem;position:relative;border:1px solid var(--color-checkbox-border)!important;background-color:var(--color-checkbox-background)!important}input[type=checkbox]:checked{background-color:var(--color-checkbox-checked-background)!important;border-color:var(--color-checkbox-checked-border)!important}input[type=checkbox]:checked:after{content:"✓";pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-checkbox-checked-mark)!important}}