.field::after {
    display: block;
    top: auto;
    bottom: 16px;
    left: 16px;
    z-index: 2;
}

.field:has(textarea)::after {
    top: 38px;
    bottom: auto;
}

.field input {
    background-image: none !important;
}

.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus,
.field textarea:-webkit-autofill,
.field textarea:-webkit-autofill:hover,
.field textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #172033;
    caret-color: #172033;
    box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 9999s ease-out 0s;
}

.field:focus-within::after {
    background-color: #14b8a6;
}

@media (min-width: 350px) and (max-width: 700px) {
    .field::after {
        left: 13px;
        bottom: 16px;
        width: 16px;
        height: 16px;
    }

    .field:has(textarea)::after {
        top: 35px;
        bottom: auto;
    }
}

@media (max-width: 349px) {
    .field::after {
        left: 14px;
        width: 17px;
        height: 17px;
    }
}