.date-input{border:1px solid var(--line,#dce2d9);background:var(--paper,#fff);border-radius:9px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);gap:0;width:100%;min-width:0;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.date-input>select{-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:44px;color:var(--ink,#263323);font:inherit;font-variant-numeric:tabular-nums;text-align:center;text-align-last:center;cursor:pointer;background:0 0;border:0;border-radius:0;padding:8px 3px;font-size:14px;display:block}.date-input>select+select{border-left:1px solid var(--line,#dce2d9)}.date-input>select:focus{outline:2px solid var(--green,#6aa449);outline-offset:-2px;box-shadow:none}.date-input:focus-within{border-color:var(--green,#6aa449);box-shadow:0 0 0 2px color-mix(in srgb,var(--green,#6aa449) 15%,transparent)}.date-input>select:disabled{cursor:default;color:var(--muted,#697365);background:var(--soft,#f5f7f2)}.date-input>select>option{background:var(--paper,#fff);color:var(--ink,#263323)}.date-input:has(select:user-invalid){border-color:var(--theme-danger,#ad4035)}.date-time-input{flex-wrap:wrap;gap:8px;width:100%;min-width:0;display:flex}.date-time-input>.date-input{flex:170px}.date-time-input>.date-time-clock{border:1px solid var(--line,#dce2d9);background:var(--paper,#fff);width:100px;min-width:0;height:46px;color:var(--ink,#263323);font:inherit;border-radius:9px;flex:100px;padding:8px;font-size:14px}