/* ── Field — datetime ────────────────────────────────────────────────────── */

.field--datetime {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    flex-wrap:       wrap;
    cursor:          text;
}

.field--datetime:not(.field--focused):not(.field--invalid):not(.field--valid):hover {
    border-color: var(--field-border-hover);
}

.field__datetime-left,
.field__datetime-right {
    display:     flex;
    align-items: center;
    gap:         6px;
}

.field--datetime .formbuilder-mask {
    font-size:   var(--field-font-size, 1rem);
    font-family: inherit;
}

.field--datetime .field__feedback {
    flex: 0 0 100%;
}

.field--datetime.field--datetime-solo {
    justify-content: center;
}