/* Keep the field name visible while a short enquiry is being completed. */
.quick-offer-form-card .mini-floating-field {
    position: relative;
    width: 100%;
    min-width: 0;
}

.quick-offer-form-card .mini-floating-field input.form-control {
    padding-top: 23px;
    padding-bottom: 7px;
}

.quick-offer-form-card .mini-floating-field textarea.form-control {
    padding-top: 36px;
}

.quick-offer-form-card .mini-floating-field label {
    position: absolute;
    top: 50%;
    left: 42px;
    right: 16px;
    margin: 0;
    color: #596e84;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: top 150ms ease, transform 150ms ease, font-size 150ms ease;
}

.quick-offer-form-card .mini-floating-field--message label {
    top: 17px;
    left: 18px;
    transform: none;
}

.quick-offer-form-card .mini-floating-field :is(input, textarea):focus + label,
.quick-offer-form-card .mini-floating-field :is(input, textarea):not(:placeholder-shown) + label,
.quick-offer-form-card .mini-floating-field input:autofill + label {
    top: 5px;
    font-size: 11px;
    line-height: 15px;
    transform: none;
}

@media (prefers-reduced-motion: reduce) {
    .quick-offer-form-card .mini-floating-field label {
        transition: none;
    }
}