.component-stepper-wrapper{display:grid;grid-template-columns:44px 1fr 44px;text-align:center;align-items:center;border:var(--border-weight-default) solid var(--border-color-subtle);border-radius:var(--border-radius-xxsmall);height:44px;max-width:160px}.component-stepper-wrapper>div:first-child,.component-stepper-wrapper>div:last-child{display:flex;align-items:center;justify-content:center;height:44px;font-size:var(--font-size-xsmall);cursor:pointer}.component-stepper-wrapper input{width:100%;border:0;border-left:1px solid var(--border-color-subtle);border-right:1px solid var(--border-color-subtle);border-radius:0;text-align:center}.component-stepper-wrapper input[type=number]::-webkit-inner-spin-button,.component-stepper-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.component-stepper-wrapper input[type=number]{-moz-appearance:textfield;appearance:textfield}.component-stepper-wrapper:focus,.component-stepper-wrapper:focus-within{outline:1px solid var(--accent-color-blue)}.component-stepper-wrapper:focus-within input{border-left:1px solid var(--border-color-subtle);border-right:1px solid var(--border-color-subtle)}.component-stepper-wrapper input:focus{outline:0}