.df{height:var(--input-h,34px);border:1px solid var(--control-border,#c9ccd1);border-radius:var(--radius-md,8px);background:var(--surface,#fff);color:var(--text,inherit);align-items:center;gap:2px;padding:0 6px;display:inline-flex;position:relative}.df:focus-within{outline:2px solid var(--focus,#2563eb);outline-offset:-1px}.df-text{font:inherit;color:inherit;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;width:10ch;min-width:10ch;padding:0}.df-text:focus{outline:none}.df-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}.df-btn{width:22px;height:22px;color:var(--muted,#6b7280);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.df-btn:hover:not(:disabled){background:var(--hover-bg,#0000000f);color:inherit}.df-btn:disabled{cursor:default;opacity:.5}.df.df--invalid{border-color:var(--danger)!important}.df.df--invalid:focus-within{outline-color:var(--danger)}.df-err{z-index:30;width:max-content;max-width:min(22rem,100vw - 16px);padding:2px var(--space-2);border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--surface-elev);color:var(--danger-text);font-size:var(--text-xs);line-height:var(--lh-xs);pointer-events:none;position:absolute;top:calc(100% + 3px);left:-1px}