.number-input{display:inline-flex;flex-direction:column;gap:var(--spacing-1);width:100%}.number-input__label{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--g-text-secondary)}.number-input__wrapper{position:relative;display:flex;align-items:stretch;background:var(--g-background);border:var(--g-border-width) solid var(--g-border-color);border-radius:var(--g-radius);transition:border-color var(--g-transition);overflow:hidden}.number-input__wrapper:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--g-transition);pointer-events:none;border-radius:inherit;z-index:0}@media(hover:hover){.number-input:not(.number-input--disabled) .number-input__wrapper:hover{border-color:var(--g-border-color-emphasis)}.number-input:not(.number-input--disabled) .number-input__wrapper:hover:before{background:#ffffff0d}}.number-input:not(.number-input--disabled) .number-input__wrapper:has(.number-input__input:focus){border-color:var(--color-primary)}.number-input--disabled .number-input__wrapper{opacity:.5;cursor:not-allowed}.number-input--invalid .number-input__wrapper{border-color:var(--color-danger)}.number-input--invalid .number-input__wrapper:focus-within{border-color:var(--color-danger)}.number-input__stepper{position:relative;display:flex;align-items:center;justify-content:center;padding:0 var(--g-spacing-sm);min-width:32px;background:transparent;border:none;color:var(--g-text-muted);cursor:pointer;font-size:1.1em;line-height:1;transition:color var(--g-transition),background var(--g-transition);flex-shrink:0;user-select:none;z-index:1}.number-input__stepper:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--g-transition);pointer-events:none}@media(hover:hover){.number-input__stepper:not(:disabled):hover{color:var(--g-text-primary)}.number-input__stepper:not(:disabled):hover:before{background:#ffffff12}}.number-input__stepper:not(:disabled):active:before{background:#ffffff1f}.number-input__stepper:disabled{opacity:.3;cursor:not-allowed}.number-input__stepper:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.number-input__stepper--decrement{border-right:var(--g-border-width) solid var(--g-border-color)}.number-input__stepper--increment{border-left:var(--g-border-width) solid var(--g-border-color)}.number-input__input{flex:1;padding:var(--g-spacing-sm) var(--g-spacing-sm);background:transparent;border:none;outline:none;color:var(--g-text-secondary);font-size:var(--font-size-base);font-family:inherit;text-align:center;width:100%;min-width:0;position:relative;z-index:1}.number-input__input::placeholder{color:var(--g-text-muted)}.number-input__input:disabled{cursor:not-allowed}.number-input--compact .number-input__input{padding:var(--spacing-1) var(--g-spacing-sm);font-size:var(--font-size-sm)}.number-input--compact .number-input__stepper{padding:0 var(--g-spacing-xs);min-width:24px;font-size:1em}.number-input__prefix,.number-input__suffix{display:flex;align-items:center;padding:0 var(--g-spacing);color:var(--g-text-muted);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0;position:relative;z-index:1}.number-input--compact .number-input__prefix,.number-input--compact .number-input__suffix{padding:0 var(--g-spacing-sm);font-size:var(--font-size-xs)}.number-input__prefix{border-right:var(--g-border-width) solid var(--g-border-color)}.number-input__suffix{border-left:var(--g-border-width) solid var(--g-border-color)}@media(max-width:768px){.number-input__stepper{min-width:44px;padding:0 var(--g-spacing)}}.textfield{display:inline-flex;flex-direction:column;gap:var(--spacing-1);width:100%}.textfield__label{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--g-text-secondary);margin-bottom:0}.textfield__wrapper{position:relative;display:flex;align-items:center;background:var(--g-background);border:var(--g-border-width) solid var(--g-border-color);border-radius:var(--g-radius);transition:all var(--g-transition);overflow:hidden}.textfield__wrapper:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--g-transition);pointer-events:none;border-radius:inherit}@media(hover:hover){.textfield:not(.textfield--disabled) .textfield__wrapper:hover{border-color:var(--g-border-color-emphasis)}.textfield:not(.textfield--disabled) .textfield__wrapper:hover:before{background:#ffffff0d}}.textfield__wrapper:has(.textfield__prefix:hover .combobox),@media (hover: hover){.textfield__wrapper:has(.textfield__suffix:hover .combobox){border-color:var(--g-border-color)}}.textfield__wrapper:has(.textfield__prefix:hover .combobox)::before,@media (hover: hover){.textfield__wrapper:has(.textfield__suffix:hover .combobox):before{background:#fff0}}.textfield:not(.textfield--disabled) .textfield__wrapper:has(.textfield__input:focus){border-color:var(--color-primary)}.textfield--disabled .textfield__wrapper{opacity:.5;cursor:not-allowed}.textfield--invalid .textfield__wrapper{border-color:var(--color-danger)}.textfield--invalid .textfield__wrapper:focus-within{border-color:var(--color-danger)}.textfield__input{flex:1;padding:var(--g-spacing-sm) var(--g-spacing);background:transparent;border:none;outline:none;color:var(--g-text-secondary);font-size:var(--font-size-base);font-family:inherit;width:100%;min-width:0}.textfield__input::placeholder{color:var(--g-text-muted)}.textfield__input:disabled{cursor:not-allowed}textarea.textfield__input{line-height:1.5;min-height:auto;overflow-y:auto}.textfield__input[type=number]::-webkit-inner-spin-button,.textfield__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.textfield__input[type=number]{-moz-appearance:textfield}.textfield--compact .textfield__input{padding:var(--spacing-1) var(--g-spacing-sm);font-size:var(--font-size-sm)}.textfield__input--with-prefix{padding-left:0}.textfield__input--with-suffix{padding-right:0}.textfield__prefix,.textfield__suffix{display:flex;align-items:center;padding:0 var(--g-spacing);color:var(--g-text-muted);font-size:var(--font-size-sm);white-space:nowrap;flex-shrink:0}.textfield--compact .textfield__prefix,.textfield--compact .textfield__suffix{padding:0 var(--g-spacing-sm);font-size:var(--font-size-xs)}.textfield__prefix:has(.combobox),.textfield__suffix:has(.combobox){padding:0 var(--spacing-1)}.textfield__prefix .combobox__trigger,.textfield__suffix .combobox__trigger{min-width:auto;width:auto}.textfield__suffix-container{display:flex;align-items:center;gap:var(--spacing-1);flex-shrink:0}.textfield__clear{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-1);margin:0;background:none;border:none;color:var(--g-text-muted);cursor:pointer;font-size:1.5em;line-height:1;transition:color var(--g-transition);flex-shrink:0}@media(hover:hover){.textfield__clear:hover{color:var(--g-text-secondary)}}.textfield__clear:active{transform:scale(.95)}.textfield__count{display:flex;align-items:center;padding:0 var(--g-spacing);color:var(--g-text-muted);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.textfield--compact .textfield__count{padding:0 var(--g-spacing-sm)}