/* Preserve the real input, its label, native constraints and submitted ISO value. */
.tt-picker{display:block;position:relative;width:100%;min-width:0;max-width:100%;isolation:isolate}
.tt-picker input.tt-native-picker{display:block;position:relative;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-right:44px;appearance:auto;-webkit-appearance:auto;color-scheme:light;touch-action:manipulation;font-variant-numeric:tabular-nums}
.tt-picker-affordance{position:absolute;right:0;top:0;bottom:0;display:grid;place-items:center;width:42px;color:var(--action,#1769cc);pointer-events:none;z-index:1}
.tt-picker-affordance svg{display:block;width:20px;height:20px}
.tt-picker input.tt-native-picker::-webkit-calendar-picker-indicator{position:absolute;right:0;top:0;width:44px;height:100%;box-sizing:border-box;margin:0;padding:0;opacity:0;cursor:pointer}
.tt-picker input.tt-native-picker::-webkit-datetime-edit{min-width:0;padding:0}
.tt-picker input.tt-native-picker::-webkit-date-and-time-value{min-height:1.5em;text-align:left}
.tt-picker input:disabled~.tt-picker-affordance,.tt-picker input[readonly]~.tt-picker-affordance{opacity:.45}
.tt-picker input[data-picker-fallback]{padding-right:12px}
.tt-picker input[data-picker-fallback]~.tt-picker-affordance{display:none}
@media(max-width:800px),(pointer:coarse){.tt-picker input.tt-native-picker{font-size:16px;min-height:44px}}