/* INPUT */

[el-is='input'].is-invalid span {
    color:rgb(189, 15, 15)
}

[el-is='input'] label {
    display: block;
    padding-left: .1rem;
    font-size: .85rem;
    font-weight: 500;
}

[el-is='input'] input {
    outline: none;
    height: 2.5rem;
    width: 100%;
    padding: 0.3rem;
    margin: 0.2rem 0;
    box-sizing: border-box;
}

[el-is='input'] span {
    display: block;
    padding-left: .1rem;
    font-size: .8rem;
}