label {
    font-size: .9em;
}

label+.hint {
    font-size: .7em;
    color: #aaa;
    margin-left: .5em;
}

.choices__inner {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    font-size: 14px;
    border: 0;
    background: transparent;
    padding-bottom: 10px;
    padding-left: 0px;
    border: 2px solid transparent;
    border-radius: 0.25rem;
}

textarea {
    resize: both;
    height: 9em;
}

input:hover,
textarea:hover,
.choices__inner:hover {
    background: #eee;
}

.choices__inner select option:checked {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}

select.hovereffect option:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset;
}

input:focus,
textarea:focus,
.choices.is-focused .choices__inner {
    background: #ddd;
    outline: 0;
}

button {
    white-space: nowrap;
    width: 100%;
    cursor: pointer;
}

form:invalid button {
    background: #6c757d;
}

.form-content>div+div {
    margin-top: 1em;
}