Odd chrome focus styles

blue-outline.css

background-color: rgba(0, 0, 0, 0);
border-bottom-color: rgb(0, 0, 0);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 0);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(0, 0, 0);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(0, 0, 0);
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
clip: auto;
color: rgb(0, 0, 0);
cursor: pointer;
display: block;
font-family: system-ui;
font-size: 11px;
font-stretch: 100%;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-weight: 400;
height: 12px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 2px;
margin-top: 3px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
text-align: start;
text-indent: 0px;
text-rendering: auto;
text-shadow: none;
text-size-adjust: 100%;
text-transform: none;
width: 12px;
word-spacing: 0px;
writing-mode: horizontal-tb;
-webkit-appearance: checkbox;
-webkit-rtl-ordering: logical;
-webkit-border-image: none;

grey-outline.css

background-color: rgba(0, 0, 0, 0);
initialinput[type="radio" i], input[type="checkbox" i]user agent stylesheet
whiteinputuser agent stylesheet
border-bottom-color: rgb(0, 0, 0);
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(0, 0, 0);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(0, 0, 0);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(0, 0, 0);
border-top-style: none;
border-top-width: 0px;
box-sizing: border-box;
clip: auto;
color: rgb(0, 0, 0);
cursor: pointer;
display: block;
font-family: system-ui;
font-size: 11px;
font-stretch: 100%;
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-weight: 400;
height: 12.7273px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 2px;
margin-top: 3px;
outline-color: rgb(153, 153, 158);
outline-offset: 0px;
outline-style: auto;
outline-width: 1.81818px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
text-align: start;
text-indent: 0px;
text-rendering: auto;
text-shadow: none;
text-size-adjust: 100%;
text-transform: none;
width: 12.7273px;
word-spacing: 0px;
writing-mode: horizontal-tb;
-webkit-appearance: checkbox;
-webkit-rtl-ordering: logical;
-webkit-border-image: none;