@scope([data-example]){:is([data-slot=date-input],[data-slot=time-input]){font-variant-numeric:tabular-nums;align-items:center;width:auto;padding-inline:8px;display:inline-flex}[data-slot=field]:has(>:is([data-slot=date-input],[data-slot=time-input])){width:max-content;max-width:20rem}[data-slot=field]:has(>:is([data-slot=date-input],[data-slot=time-input]))>[data-slot=field-description]{contain:inline-size}:scope[data-example^=date-input\/] [data-slot=stack]{width:auto}:is([data-slot=date-input-segment],[data-slot=time-input-segment])[data-type=literal]{color:var(--muted);white-space:pre;padding-inline:1px}:is([data-slot=date-input-segment],[data-slot=time-input-segment]):not([data-type=literal]){box-sizing:content-box;width:2ch;height:22px;color:inherit;font:inherit;text-align:center;caret-color:#0000;background:0 0;border:0;border-radius:4px;outline:none;padding:0 2px}:is([data-slot=date-input-segment],[data-slot=time-input-segment]):not([data-type=literal])::placeholder{color:var(--muted)}:is([data-slot=date-input-segment],[data-slot=time-input-segment]):not([data-type=literal])::selection{background:0 0}:is([data-slot=date-input-segment],[data-slot=time-input-segment]):not([data-type=literal]):focus{background:var(--ink);color:var(--paper)}:is([data-slot=date-input-segment],[data-slot=time-input-segment]):not([data-type=literal]):focus::placeholder{color:var(--paper)}:is([data-slot=date-input-segment],[data-slot=time-input-segment]):not([data-type=literal]):disabled{color:inherit}:is([data-slot=date-input-segment],[data-slot=time-input-segment])[data-type=year]{width:4ch}:is([data-slot=date-input-segment],[data-slot=time-input-segment])[data-type=dayPeriod]{width:2.6ch}}