/* Seconds on a phone (C4 — E-05): on a coarse-pointer device a seconds-bearing native picker is swapped for its
   parts — a date picker and a text box that takes HH:MM:SS — laid out side by side, stacking when narrow. */
.seconds-input {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xs);
}

.seconds-input__date {
    flex: 1 1 9.5rem;
    min-width: 0;
}

.seconds-input__time {
    flex: 1 1 6.5rem;
    min-width: 0;
    font-variant-numeric: tabular-nums;
}

.seconds-input__time.is-invalid {
    border-color: var(--error);
}