number-step,number-step :where(:not(img,svg):not(svg *)),number-step :before,number-step :after{all:unset;display:revert;box-sizing:border-box}.number-step{--border-width:1px;--border-color:var(--colour-base-9,#aaa);--border-color-invalid:orangered;--input-size:1.25rem;--input-line-height:calc(1.38 * var(--input-size));--input-padding-y:calc(.38 * var(--input-size));--input-padding-x:calc(.62 * var(--input-size));--input-bg:#fff;--input-color:inherit;--input-border-width:0;--input-border-color:transparent;--btn-padding:0 1em;--btn-border-width:1px;--btn-border-color:var(--colour-base-9,#aaa);--btn-bg:#f5f5f5;--btn-color:#333;--prefix-bg:transparent;--prefix-color:inherit;--prefix-opacity:1;--accent-colour:#45869d;width:fit-content;color:inherit;border:var(--border-width) solid var(--border-color);align-items:stretch;display:inline-flex;position:relative;inset:0;&:has(:invalid){border-color:var(--border-color-invalid)}&:focus-within{outline:solid 1px var(--accent-colour)}}.number-step .step-input{appearance:textfield;text-align:var(--input-text-align,end);line-height:var(--input-line-height);padding:var(--input-padding-y) var(--input-padding-x);border:var(--input-border-width) solid var(--input-border-color);accent-color:var(--accent-colour);background-color:var(--input-bg);color:var(--input-color)}.number-step.number-step-prefix:before{content:attr(data-prefix);pointer-events:none;background-color:var(--prefix-bg);color:var(--prefix-color);opacity:var(--prefix-opacity);line-height:var(--input-line-height);flex:0;align-items:center;padding:0 1ch;display:flex}.number-step .step-input::-webkit-outer-spin-button,.number-step .step-input::-webkit-inner-spin-button{-webkit-appearance:none}.number-step .step-input{appearance:textfield}number-step .step-button{text-indent:1000%;white-space:nowrap;padding:var(--btn-padding);border:none;border-left:var(--btn-border-width) solid var(--btn-border-color);background-color:var(--btn-bg);z-index:0;flex:none;margin-left:-1px;position:relative;overflow:hidden}.number-step .step-button:before{content:"";background-color:var(--btn-color);position:absolute;inset:0;mask-position:50%;mask-size:1.38rem;mask-repeat:no-repeat}.number-step .step-button-up:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M417-417H166v-126h251v-251h126v251h251v126H543v251H417v-251Z'/%3E%3C/svg%3E")}.number-step .step-button-down:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%231f1f1f'%3E%3Cpath d='M166-417v-126h628v126H166Z'/%3E%3C/svg%3E")}