:root{--s-stepper-height:var(--s-content-height-xs);--s-stepper-accent-height:var(--s-content-height-2xs);--s-stepper-gap:var(--s-size-2xs);--s-stepper-bg:var(--s-fill-color-secondary);--s-stepper-input-width:40px;--s-stepper-input-padding-x:var(--s-size-2xs);--s-stepper-input-font-size:var(--s-font-size);--s-stepper-button-font-size:var(--s-font-size-lg);--s-stepper-button-border-radius:var(--s-border-radius-sm);--s-stepper-button-bg-active:var(--s-bg-color-active-dark);--s-stepper-height-sm:26px;--s-stepper-accent-height-sm:20px;--s-stepper-input-width-sm:36px;--s-stepper-input-font-size-sm:var(--s-font-size-sm);--s-stepper-button-font-size-sm:var(--s-font-size)}.s-stepper{display:inline-flex;align-items:stretch;height:var(--s-stepper-height);color:var(--s-text-color-primary)}.s-stepper__button{flex:none;display:flex;justify-content:center;align-items:center;width:var(--s-stepper-height);font-size:var(--s-stepper-button-font-size);line-height:var(--s-line-height-none);-webkit-user-select:none;user-select:none;cursor:pointer}.s-stepper__button--readonly{cursor:unset}.s-stepper__button:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}:root:not([dir=rtl]) .s-stepper__button--decrease{border-top-left-radius:var(--s-stepper-button-border-radius);border-bottom-left-radius:var(--s-stepper-button-border-radius)}:root[dir=rtl] .s-stepper__button--decrease{border-top-right-radius:var(--s-stepper-button-border-radius);border-bottom-right-radius:var(--s-stepper-button-border-radius)}:root:not([dir=rtl]) .s-stepper__button--increase{border-top-right-radius:var(--s-stepper-button-border-radius);border-bottom-right-radius:var(--s-stepper-button-border-radius)}:root[dir=rtl] .s-stepper__button--increase{border-top-left-radius:var(--s-stepper-button-border-radius);border-bottom-left-radius:var(--s-stepper-button-border-radius)}.s-stepper__input{flex:none;width:var(--s-stepper-input-width);height:100%;padding:0 var(--s-stepper-input-padding-x);border:0;border-radius:0;font-size:var(--s-stepper-input-font-size);line-height:var(--s-line-height-none);text-align:center}.s-stepper--solid{gap:var(--s-stepper-gap)}.s-stepper--solid .s-stepper__button{background:var(--s-stepper-bg)}.s-stepper--solid .s-stepper__button:not(.is-disabled,.is-readonly):active{background:var(--s-stepper-button-bg-active)}.s-stepper--solid .s-stepper__input{background:var(--s-stepper-bg)}.s-stepper--outlined .s-stepper__button{color:var(--s-color-primary);border:1px solid var(--s-color-primary)}.s-stepper--outlined .s-stepper__button:not(.is-disabled,.is-readonly):active{background:var(--s-bg-color-active)}.s-stepper--outlined .s-stepper__input{border-top:1px solid var(--s-color-primary);border-bottom:1px solid var(--s-color-primary)}.s-stepper--accent{height:var(--s-stepper-accent-height);gap:var(--s-stepper-gap)}.s-stepper--accent .s-stepper__button{border-radius:50% !important;width:var(--s-stepper-accent-height)}.s-stepper--accent .s-stepper__button:not(.is-disabled,.is-readonly):active{opacity:var(--s-opacity-active)}.s-stepper--accent .s-stepper__button--decrease{color:var(--s-color-primary);border:1px solid var(--s-color-primary)}.s-stepper--accent .s-stepper__button--increase{color:var(--s-white);background:var(--s-color-primary)}.s-stepper--accent .s-stepper__input{padding:0}.s-stepper--ghost{gap:var(--s-stepper-gap)}.s-stepper--ghost .s-stepper__button:not(.is-disabled,.is-readonly):active{opacity:var(--s-opacity-active)}.s-stepper--ghost .s-stepper__input{border-radius:var(--s-stepper-button-border-radius);background:var(--s-stepper-bg)}.s-stepper--small{height:var(--s-stepper-height-sm)}.s-stepper--small .s-stepper__input{width:var(--s-stepper-input-width-sm);font-size:var(--s-stepper-input-font-size-sm)}.s-stepper--small .s-stepper__button{width:var(--s-stepper-height-sm);font-size:var(--s-stepper-button-font-size-sm)}.s-stepper--small.s-stepper--accent{height:var(--s-stepper-accent-height-sm)}.s-stepper--small.s-stepper--accent .s-stepper__button{width:var(--s-stepper-accent-height-sm)}