@layer components{.input-number__wrapper{gap:calc(var(--spacing)*4);flex-direction:column;width:fit-content;max-width:100%;display:flex}.input-number__wrapper--block,.input-number__wrapper--block .input-number__input-wrapper{width:100%;max-width:100%}.input-number__input-container--block{width:100%;min-width:0;max-width:100%}.input-number__input-wrapper{gap:calc(var(--spacing)*4);flex-direction:column;max-width:100%;display:flex}.input-number__wrapper--sided-label{align-items:flex-start;gap:calc(var(--spacing)*12);flex-direction:row}.input-number__wrapper--sided-label .ds-form-label{max-width:50%}.input-number__wrapper--sided-label.input-number__wrapper--small .ds-form-label{min-height:var(--component-cell-sm-height)}.input-number__wrapper--sided-label.input-number__wrapper--medium .ds-form-label{min-height:var(--component-cell-md-height)}.input-number__wrapper--sided-label.input-number__wrapper--large .ds-form-label{min-height:var(--component-cell-lg-height)}.input-number__input-container{background-color:var(--color-background-main-system-main);border:calc(var(--spacing)*1) solid var(--color-border-main-default);outline:none;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.input-number__input-container--small{border-radius:var(--component-sm-cell-border-radius);height:var(--component-cell-sm-height);min-width:calc(var(--spacing)*180);padding-left:var(--component-cell-sm-x-padding)}.input-number__input-container--medium{border-radius:var(--component-md-cell-border-radius);height:var(--component-cell-md-height);min-width:calc(var(--spacing)*200);padding-left:var(--component-cell-md-x-padding)}.input-number__input-container--large{border-radius:var(--component-lg-cell-border-radius);height:var(--component-cell-lg-height);min-width:calc(var(--spacing)*240);padding-left:var(--component-cell-lg-x-padding)}.input-number__input-container:hover:not(.input-number__input-container--error):not(:focus-within){border-color:var(--color-border-main-strong)}.input-number__input-container:focus-within{border-color:var(--color-border-accent-primary);box-shadow:var(--shadow-input-focus)}.input-number__input-container--error,.input-number__input-container--error:focus-within{border-color:var(--color-feedback-bright-danger-primary);box-shadow:none}.input-number__input-container--disabled{background-color:var(--color-background-disabled-primary);border-color:var(--color-border-disabled-secondary);pointer-events:none}.input-number__prefix{color:var(--color-content-main-muted);padding-right:calc(var(--spacing)*4);flex-shrink:0;align-items:center;display:flex}.input-number__input,.input-number__prefix{font-family:var(--typography-body-family-font-font);font-weight:var(--typography-body-weight-sm)}.input-number__input{color:var(--color-content-main-default);font-variant-numeric:tabular-nums;min-width:0;padding:0 calc(var(--spacing)*8) 0 0;background:0 0;border:none;outline:none;flex:1}.input-number__input--small,.input-number__prefix--small{font-size:var(--typography-body-font-size-b4);line-height:var(--typography-body-line-height-b4)}.input-number__input--medium,.input-number__prefix--medium{font-size:var(--typography-body-font-size-b3);line-height:var(--typography-body-line-height-b3)}.input-number__input--large,.input-number__prefix--large{font-size:var(--typography-body-font-size-b2);line-height:var(--typography-body-line-height-b2)}.input-number__prefix--disabled{color:var(--color-content-disabled-primary)}.input-number__input::placeholder{color:var(--color-content-main-subtle);opacity:1}.input-number__input:disabled{color:var(--color-content-disabled-primary)}.input-number__stepper{align-items:center;height:100%;display:flex}.input-number__divider{background-color:var(--color-border-main-default);width:calc(var(--spacing)*1);align-self:stretch}.input-number__divider--error{background-color:var(--color-feedback-bright-danger-primary)}.input-number__controls{flex-direction:column;justify-content:center;align-items:center;display:flex}.input-number__controls--small{height:var(--component-cell-sm-icon-size);width:var(--component-cell-sm-height)}.input-number__controls--medium{height:var(--component-cell-md-icon-size);width:var(--component-cell-md-height)}.input-number__controls--large{height:var(--component-cell-lg-icon-size);width:var(--component-cell-lg-height)}.input-number__control{color:var(--color-content-main-muted);cursor:pointer;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;min-height:0;transition:background-color .15s,color .15s;display:flex;overflow:hidden}.input-number__control--small{width:calc(var(--spacing)*8)}.input-number__control--medium{width:calc(var(--spacing)*10)}.input-number__control--large{width:calc(var(--spacing)*12)}.input-number__control:hover:not(:disabled){background-color:var(--color-background-surface-transparency-secondary)}.input-number__control[data-pressed]:not(:disabled){background-color:var(--color-content-main-subtle);color:var(--color-content-main-inverse-primary)}.input-number__control:disabled{color:var(--color-content-disabled-primary);cursor:default}}