.number-stepper[data-v-7a5f11a9]{background:var(--color-bg);border:1px solid var(--color-border);width:100%;height:48px;color:var(--color-text);align-items:stretch;display:flex}.number-stepper[data-v-7a5f11a9]:focus-within{border-color:var(--color-brand)}.number-stepper input[data-v-7a5f11a9]{min-width:0;color:inherit;font-size:16px;font-family:var(--font-body);appearance:textfield;background:0 0;border:0;flex:1;padding:0 12px}.number-stepper input[data-v-7a5f11a9]:focus{outline:none}.number-stepper input[data-v-7a5f11a9]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-stepper input[data-v-7a5f11a9]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-buttons[data-v-7a5f11a9]{opacity:0;flex-direction:column;flex:none;width:20px;transition:opacity .2s ease-in-out;display:flex}.number-stepper:focus-within .stepper-buttons[data-v-7a5f11a9],.number-stepper:hover .stepper-buttons[data-v-7a5f11a9]{opacity:1}.stepper-buttons button[data-v-7a5f11a9]{color:var(--color-brand);cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex}.stepper-buttons button[data-v-7a5f11a9]:before{content:"";background-color:currentColor;width:8px;height:5px;display:block;-webkit-mask:url(../images/chevron-down.svg) 50%/contain no-repeat;mask:url(../images/chevron-down.svg) 50%/contain no-repeat}.stepper-buttons button[data-v-7a5f11a9]:first-child:before{transform:scaleY(-1)}.stepper-buttons button[data-v-7a5f11a9]:hover{color:var(--color-on-brand);background:var(--color-brand-hover)}