:root{--atom-input-number-handler-font-size:8px;--atom-input-number-handler-width:22px}.atom-input-number{box-sizing:border-box;margin:0;padding:0;color:var(--atom-color-text);font-size:var(--atom-font-size-md,14px);line-height:var(--atom-line-height);display:inline-flex;width:90px;height:var(--atom-control-height-md);background-color:var(--atom-color-bg-container);border:1px solid var(--atom-color-border);border-radius:var(--atom-border-radius);transition:all var(--atom-transition-base);position:relative;align-items:center}.atom-input-number:hover{border-color:var(--atom-primary-color-hover)}.atom-input-number-focused,.atom-input-number:focus-within{border-color:var(--atom-primary-color);box-shadow:0 0 0 2px var(--atom-primary-color-outline);outline:0}.atom-input-number-disabled{color:var(--atom-color-text-quaternary);background-color:var(--atom-color-bg-layout);cursor:not-allowed;border-color:var(--atom-color-border);box-shadow:none!important}.atom-input-number-disabled .atom-input-number-input{cursor:not-allowed}.atom-input-number-disabled .atom-input-number-handler-wrap{display:none}.atom-input-number-status-error{border-color:var(--atom-error-color)}.atom-input-number-status-error:hover{border-color:var(--atom-error-color-hover)}.atom-input-number-status-error-focused,.atom-input-number-status-error:focus-within{border-color:var(--atom-error-color-active);box-shadow:0 0 0 2px var(--atom-error-color-outline)}.atom-input-number-input-wrap{flex:1 1;min-width:0;height:100%}.atom-input-number-input{width:100%;height:var(--atom-control-height-md);padding:0 var(--atom-padding-inline-md);text-align:left;background-color:transparent;border:0;border-radius:var(--atom-border-radius);outline:0;transition:all var(--atom-transition-base);color:inherit;font-size:inherit}.atom-input-number-input::placeholder{color:var(--atom-color-text-quaternary)}.atom-input-number-actions{position:absolute;top:0;bottom:0;right:0;width:var(--atom-input-number-handler-width);background:var(--atom-color-bg-container);border-left:1px solid var(--atom-color-border);border-radius:0 var(--atom-border-radius) var(--atom-border-radius) 0;opacity:0;display:flex;flex-direction:column;transition:opacity var(--atom-transition-fast);overflow:hidden}.atom-input-number-focused .atom-input-number-actions,.atom-input-number:focus-within .atom-input-number-actions,.atom-input-number:hover .atom-input-number-actions{opacity:1}.atom-input-number-disabled .atom-input-number-actions{display:none}.atom-input-number-action{display:flex;align-items:center;justify-content:center;flex:1 1;color:var(--atom-color-text-tertiary);cursor:pointer;transition:all var(--atom-transition-fast);font-size:var(--atom-input-number-handler-font-size);line-height:1}.atom-input-number-action:hover{color:var(--atom-primary-color);background:var(--atom-color-fill-quaternary)}.atom-input-number-action-active{background:var(--atom-color-fill-secondary)}.atom-input-number-action-up{border-bottom:1px solid var(--atom-color-border)}.atom-input-number-action-down-disabled,.atom-input-number-action-up-disabled{cursor:not-allowed;color:var(--atom-color-text-quaternary)}.atom-input-number-action-down-disabled:hover,.atom-input-number-action-up-disabled:hover{color:var(--atom-color-text-quaternary);background:transparent}.atom-input-number-handler-down-inner,.atom-input-number-handler-up-inner{display:flex;align-items:center;justify-content:center}.atom-input-number-sm{height:var(--atom-control-height-sm)}.atom-input-number-sm .atom-input-number-input{height:var(--atom-control-height-sm);padding:0 var(--atom-padding-inline-sm);font-size:var(--atom-font-size-sm,14px)}.atom-input-number-lg{height:var(--atom-control-height-lg)}.atom-input-number-lg .atom-input-number-input{height:var(--atom-control-height-lg);font-size:var(--atom-font-size-lg,16px)}.atom-input-number-controls-outside .atom-input-number-handler-wrap{display:none}.atom-input-number-affix-wrapper{display:inline-flex;width:100%;align-items:center;box-sizing:border-box;padding:0 var(--atom-padding-inline-md,11px);height:var(--atom-control-height-md,32px);background-color:var(--atom-input-color-bg,var(--atom-color-bg-container));border:1px solid var(--atom-input-color-border,var(--atom-color-border));border-radius:var(--atom-input-border-radius,var(--atom-border-radius));transition:var(--atom-transition-base);position:relative}.atom-input-number-affix-wrapper .atom-input-number{border:none;box-shadow:none!important;padding:0;background:transparent;height:100%;width:100%;min-width:0;position:static}.atom-input-number-affix-wrapper .atom-input-number-input{padding:0;height:100%;background:transparent}.atom-input-number-affix-wrapper .atom-input-number-actions{border-radius:0 calc(var(--atom-input-border-radius, var(--atom-border-radius)) - 1px) calc(var(--atom-input-border-radius, var(--atom-border-radius)) - 1px) 0;transform:translate(-6px);transition:opacity var(--atom-transition-fast),transform var(--atom-transition-fast)}.atom-input-number-affix-wrapper-focused .atom-input-number-actions,.atom-input-number-affix-wrapper:hover .atom-input-number-actions{opacity:1;transform:translate(0)}.atom-input-number-affix-wrapper .atom-input-number-suffix{transition:margin-right var(--atom-transition-fast)}.atom-input-number-affix-wrapper-focused .atom-input-number-suffix,.atom-input-number-affix-wrapper:hover .atom-input-number-suffix{margin-right:var(--atom-input-number-handler-width)}.atom-input-number-affix-wrapper:hover{border-color:var(--atom-input-hover-border-color,var(--atom-primary-color-hover));box-shadow:var(--atom-shadow-sm)}.atom-input-number-affix-wrapper-focused{border-color:var(--atom-input-active-border-color,var(--atom-primary-color));box-shadow:var(--atom-input-active-shadow,0 0 0 4px var(--atom-primary-color-outline))}.atom-input-number-affix-wrapper-status-error{border-color:var(--atom-error-color)!important}.atom-input-number-affix-wrapper-status-warning{border-color:var(--atom-warning-color)!important}.atom-input-number-affix-wrapper-disabled{opacity:.6;cursor:not-allowed}.atom-input-number-affix-wrapper-lg{height:var(--atom-control-height-lg,40px);font-size:var(--atom-font-size-lg,16px)}.atom-input-number-affix-wrapper-sm{height:var(--atom-control-height-sm,24px);font-size:var(--atom-font-size-sm,14px)}.atom-input-number-prefix,.atom-input-number-suffix{display:flex;flex:none;align-items:center;color:var(--atom-color-text-secondary);font-size:var(--atom-font-size-md,14px);white-space:nowrap}.atom-input-number-prefix svg,.atom-input-number-suffix svg{width:14px;height:14px}.atom-input-number-prefix{margin-right:8px}.atom-input-number-suffix{margin-left:8px}