.pinlogin .pinlogin-field {
box-sizing:border-box;
display:inline-block;
width: 30px;
height: 30px;
padding: 5px;
margin: 0 5px;
border:2px solid var(--bs-success);
-webkit-border-radius:50%;
-moz-border-radius:50%;	
border-radius:50%;
text-align:center;
box-shadow:none;
outline:none;
color:var(--bs-success);
}
.pinlogin .pinlogin-field:first-of-type {
margin-left: 0;
}
.pinlogin .pinlogin-field:last-of-type {
margin-right: 0;
}
.pinlogin .pinlogin-field:read-only {
border:1px solid var(--bs-dark);
background:var(--bs-light);
cursor:default;
}
.pinlogin .pinlogin-field.invalid {
border:2px solid red;
color:red;
}