html div:where(.sunp-stepper){align-items:stretch;display:flex;gap:.25rem;justify-content:stretch}html div:where(.sunp-stepper) .sunp-stepper__button{position:relative}html div:where(.sunp-stepper) .sunp-stepper__button{box-sizing:border-box}html div:where(.sunp-stepper) .sunp-stepper__button{border-width:0}html div:where(.sunp-stepper) .sunp-stepper__button{padding:0}html div:where(.sunp-stepper) .sunp-stepper__button{display:flex}html div:where(.sunp-stepper) .sunp-stepper__button{align-items:center}html div:where(.sunp-stepper) .sunp-stepper__button{justify-content:center}html div:where(.sunp-stepper) .sunp-stepper__button{background-color:var(--sunp-color-box);color:var(--sunp-color-primary);font-family:inherit;height:var(--sunp-size,28px);width:var(--sunp-size,28px);-webkit-tap-highlight-color:transparent}html div:where(.sunp-stepper) .sunp-stepper__button:active{background-color:var(--sunp-color-border)}html div:where(.sunp-stepper) .sunp-stepper__button .sunp-stepper__icon{border-width:1px}html div:where(.sunp-stepper) .sunp-stepper__button .sunp-stepper__icon{border-style:solid}html div:where(.sunp-stepper) .sunp-stepper__button .sunp-stepper__icon{border-color:transparent}html div:where(.sunp-stepper) .sunp-stepper__button .sunp-stepper__icon{padding:2px}html div:where(.sunp-stepper) .sunp-stepper__button:disabled{pointer-events:none}html div:where(.sunp-stepper) .sunp-stepper__button:disabled .sunp-stepper__icon{color:var(--sunp-color-light)}html div:where(.sunp-stepper) .sunp-steper__content{position:relative}html div:where(.sunp-stepper) .sunp-steper__content{display:block}html div:where(.sunp-stepper) .sunp-steper__content{overflow:hidden}html div:where(.sunp-stepper) .sunp-steper__content{background-color:var(--sunp-color-box);color:var(--sunp-color-text);height:var(--sunp-size,28px);width:var(--sunp-input-width,32px)}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{position:absolute}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{top:0;right:0;bottom:0;left:0}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{overflow:hidden}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{text-align:center}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{vertical-align:middle}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{display:flex}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{align-items:center}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{justify-content:center}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__display{font-size:14px;line-height:calc(var(--sunp-size, 28px) + 1px);width:var(--sunp-input-width,32px);z-index:0}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{position:absolute}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{top:0;right:0;bottom:0;left:0}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{box-sizing:border-box}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{display:block}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{border-width:0}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{padding:0}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{text-align:center}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{vertical-align:middle}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input:focus{outline:2px solid transparent;outline-offset:2px}html div:where(.sunp-stepper) .sunp-steper__content .sunp-steper__input{background-color:var(--sunp-color-box);color:var(--sunp-color-text);font-size:14px;line-height:var(--sunp-size,28px);padding-top:1px;width:var(--sunp-input-width,32px);z-index:1}html div:where(.sunp-stepper).sunp-stepper-disabled .sunp-steper__content{background-color:var(--sunp-color-box);color:var(--sunp-color-weak)}html div:where(.sunp-stepper).sunp-stepper-disabled .sunp-steper__content .sunp-steper__input{background-color:var(--sunp-color-box);color:var(--sunp-color-weak)}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button{border-radius:9999px}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button{background-color:transparent}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-minus:before{position:absolute}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-minus:before{background-color:var(--sunp-color-background);border-radius:inherit;content:"";top:2px;right:2px;bottom:2px;left:2px}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-minus:after{position:absolute}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-minus:after{border:1px solid var(--sunp-color-primary);border-radius:inherit;content:"";top:2px;right:2px;bottom:2px;left:2px;opacity:.8;z-index:1}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-minus:active:before{background-color:var(--sunp-color-primary);opacity:.2}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-minus:active:after{opacity:1}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-plus:before{position:absolute}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-plus:before{background-color:var(--sunp-color-primary);border-radius:inherit;content:"";top:2px;right:2px;bottom:2px;left:2px}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-plus .sunp-stepper__icon{border-radius:9999px}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-plus .sunp-stepper__icon{color:var(--sunp-color-white);z-index:2}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-plus:active:after{position:absolute}html div:where(.sunp-stepper).sunp-stepper-round .sunp-stepper__button-plus:active:after{background-color:var(--sunp-color-black);border-radius:inherit;content:"";top:2px;right:2px;bottom:2px;left:2px;opacity:.1;z-index:1}html div:where(.sunp-stepper).sunp-stepper-round .sunp-steper__content{background-color:inherit}html div:where(.sunp-form-item-vertical) div:where(.sunp-stepper){margin:4px auto 0 0}html div:where(.sunp-form-item-horizontal) div:where(.sunp-stepper){margin:-3px 0 -3px auto;position:relative}