.passcode-area {
    text-align: center;
}
.passcode-area > input {
    background-color: @bone;
    border          : 2px solid #d6d6d6;
    border-radius   : 4px;
    padding         : 0;
    margin          : 5px 6px 0;
    width           : 40px;
    height          : 55px;
    text-align      : center;
    font-size       : 32px;
    line-height     : 1.29;
    text-transform  : uppercase;
    background-clip : padding-box;
    &               : nth-child(3) {
        margin-right: 25px;
        @media only screen and (max-width: @breakpoint-mobile) {
        margin-right: 6px;
        }
    }
    &:focus {
        -webkit-appearance: none;
        border: 2px solid skyblue;
        outline: 0;
        box-shadow: 0px 0px 3px rgba(131, 192, 253, 0.5);
    }
}