[data-state=Idle] [data-visible-on*=Idle],
[data-state=CodeSent] [data-visible-on*=CodeSent],
[data-state=CodeError] [data-visible-on*=CodeError],
[data-state=SendingCode] [data-visible-on*=SendingCode],
[data-state=ConfirmingCode] [data-visible-on*=ConfirmingCode],
[data-state=CodeError] [data-visible-on*=CodeError],
[data-state=CodeConfirmed] [data-visible-on*=CodeConfirmed] {
    display: block;
}

.login-form {
    max-width: 480px;
    border: solid 1px #DDD;
    padding: 8px 24px;
    border-radius: 16px;
    background-color: #FAFAFA;
    margin: 0 auto;
}

input[type=tel] {
    text-align: center;
    font-size: 200%;
}

img {
    max-width: 200px;
    max-height: 120px;
}