.checkbox-component input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}input:checked+label .checkbox-component-icon{background-color:var(--blue-500);border:1px solid var(--blue-500);color:var(--white)}.checkbox-component{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);align-items:center;margin-bottom:0;display:inline-flex}.checkbox-component label{cursor:pointer;align-items:center;margin:0;font-weight:400;display:flex}.checkbox-component-icon{background-color:var(--white);border:1px solid var(--gray-400);color:#0000;border-radius:4px;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;transition:background-color .3s;display:flex}.checkbox-component-icon svg{color:var(--white)}.checkbox-component-invalid{color:var(--red-500)}.checkbox-component-invalid .checkbox-icon{border:1px solid var(--red-500)}