.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}