.innerLabel {
    position: absolute;
    font-size: 17px;
    color: darkgray;
    left: 1rem;
    top: 1rem;
    transition: 0.125s;
    pointer-events: none;
}
.innerLabelField {
    padding-top: 17px;
    width: 100%;
    height: 3em;
    font-size: 17px;
    padding-left: 1rem;
    border: 1px solid #d6d6d6;
    font-family: var(--workershall-font-secondary);
}


.innerLabelField:focus {
    border-color: #0070c9;
    box-shadow: 0 0 0 .17647rem rgba(131,192,253,.5);
}

.smallLabel{
    top:0.5rem;
}

.smallLabelField{
    height: 2.5em;
}


.innerLabelWrapper {
    position: relative;
    width: 100%;
}

.innerLabelField:focus ~ .innerLabel, .innerLabelField.filled ~ .innerLabel {
    font-size: 12px !important;
    top: 0.5rem !important;
}

.innerLabelField.smallLabelField:focus ~ .innerLabel.smallLabel, .innerLabelField.smallLabelField.filled ~ .innerLabel.smallLabel {
    top: 0.25rem !important;
}