input.time-field{font-variant-numeric:tabular-nums;letter-spacing:.02em}input.time-field[aria-invalid=true]{background:#fff8f4;border-color:#c98a6a}.datetime-field{grid-template-columns:minmax(0,1.4fr) minmax(88px,1fr);gap:8px;min-width:0;display:grid}.datetime-field>input{min-width:0}.date-field{min-width:0;display:block;position:relative}.date-field>input[type=text]{box-sizing:border-box;font-variant-numeric:tabular-nums;width:100%;padding-right:40px}.date-field>input[aria-invalid=true]{background:#fff8f4;border-color:#c98a6a}.date-field-pick{width:34px;height:34px;color:var(--muted,#6b7a6c);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.date-field-pick:hover{background:#eef2ea}.date-field-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;right:0}