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