Weird checkbox behaviour in Edge

I made a group of checkboxes that look like this in chrome: if you deselect the 3. one, the second one is enabled. this works perfectly in all browsers except for Edge.

In Edge it looks like this:

CSS:

-webkit-backface-visibility:hidden
-webkit-text-size-adjust:auto
-webkit-transition-delay:0s
-webkit-transition-duration:0s
-webkit-transition-property:all
-webkit-transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)
-webkit-user-select:text
background-color:rgba(17, 117, 217, 0.05)
background-image:none
background-position-x:0%
background-position-y:0%
background-repeat:repeat
background-size:auto
border-bottom-left-radius:4px
border-bottom-right-radius:4px
border-top-left-radius:4px
border-top-right-radius:4px
box-shadow:none
box-sizing:border-box
color:rgb(51, 51, 51)
cursor:pointer
display:inline-block
font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
font-size:16px
font-weight:600
height:124px
left:0px
line-height:24px
margin-bottom:0px
padding-bottom:16px
padding-left:52px
padding-right:16px
padding-top:12px
pointer-events:auto
position:relative
text-align:left
top:0px
transition-delay:0s
transition-duration:0s
transition-property:all
transition-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)
width:632px