.hp-form--listing-submit .hatudo-autotitle-field--automatic,
.hp-form--listing-update .hatudo-autotitle-field--automatic,
form[data-model="listing"] .hatudo-autotitle-field--automatic {
    position: relative;
}

.hp-form--listing-submit .hatudo-autotitle-field--automatic input[name="title"]:disabled,
.hp-form--listing-update .hatudo-autotitle-field--automatic input[name="title"]:disabled,
form[data-model="listing"] .hatudo-autotitle-field--automatic input[name="title"]:disabled {
    cursor: not-allowed;
    border-color: #b8d5eb;
    background: #eef6fc;
    color: #31556f;
    opacity: 1;
}

.hatudo-autotitle-help {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .65rem 0 0;
    color: #31556f;
    font-size: .875rem;
    line-height: 1.45;
}

.hatudo-autotitle-help::before {
    content: "i";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #0274c9;
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
}