.df-number-field{display:inline-grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;vertical-align:middle;position:relative}
.df-number-field>input,.df-number-display{grid-area:1/1;min-width:0;box-sizing:border-box}
.df-number-display{display:flex;align-items:center;pointer-events:none;white-space:nowrap;overflow:hidden;font:inherit;font-variant-numeric:tabular-nums;color:var(--df-number-color,inherit)}
.df-number-field>input.df-number-masked{color:transparent!important;-webkit-text-fill-color:transparent!important}
.df-number-field>input:focus+.df-number-display,.df-number-display[hidden]{display:none}
.df-number-field>input:disabled+.df-number-display{opacity:.65}
@media print{.df-number-field>input{color:inherit!important;-webkit-text-fill-color:inherit!important}.df-number-display{display:none}}