.form-section {
    padding-bottom: var(--lttrshop-space-m);
}

.form-item {
    position: relative;
    height: calc(var(--lttrshop-txt-s) + var(--lttrshop-txt-xl));
    margin-bottom: var(--lttrshop-space-l);
}

.form-item input::placeholder {
    /* Hide the placeholder */
    opacity: 0;
}

.form-item input:not([type=checkbox]),
.form-item select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    padding: var(--lttrshop-space-l) 0 var(--lttrshop-space-xs) var(--lttrshop-space-s);
}

.form-item div {
    position: absolute;
    top: 0;
    left: 0;

    font-size: var(--lttrshop-txt-s);
    line-height: var(--lttrshop-line-s);

    padding: var(--lttrshop-space-l) 0 var(--lttrshop-space-xs) calc(var(--lttrshop-space-s) + var(--outline));
}

.form-item a {
    position: absolute;
    top: 0;
    right: 0;

    font-size: var(--lttrshop-txt-xs);
    line-height: var(--lttrshop-line-xs);

    margin-right: 0;
    padding-top: var(--lttrshop-space-xs);
}

.form-item label {
    position: absolute;
    top: 0;

    color: var(--lttrshop-half-text-color);
    font-size: var(--lttrshop-txt-xs);
    line-height: var(--lttrshop-line-xs);
    padding-left: var(--lttrshop-space-s);
    padding-top: var(--lttrshop-space-xs);
    left: var(--billing-label-left);
}

.form-item-note {
    font-size: var(--lttrshop-txt-xs);
    line-height: var(--lttrshop-line-xs);
    padding-left: var(--lttrshop-space-xs);
}

.form-item-note.-info {
    color: var(--lttrshop-half-text-color);
}

.form-item-note.-error {
    color: var(--lttrshop-error-color);
}