@layer onyx.component{.onyx-stepper{--onyx-stepper-text-align:center}.onyx-stepper__counter{height:100%;color:var(--onyx-color-text-icons-neutral-medium);padding:var(--onyx-form-element-v2-padding-block);border-radius:inherit;background-color:#0000;border:none;outline:none;align-items:center;display:inline-flex}.onyx-stepper__counter:enabled{cursor:pointer}.onyx-stepper__counter:enabled:hover,.onyx-stepper__counter:enabled:focus-visible{color:var(--onyx-color-text-icons-primary-intense)}.onyx-stepper__counter:enabled:focus-visible{background-color:var(--onyx-color-base-primary-100);outline:none}.onyx-stepper__counter:enabled:active{background-color:var(--onyx-color-base-primary-100)}.onyx-stepper__counter:disabled{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-stepper__input{text-align:var(--onyx-stepper-text-align)}.onyx-stepper__input:not(:focus-visible){color:#0000}.onyx-stepper .onyx-form-element-v2__input-container:has(.onyx-form-element-v2__icons--leading) .onyx-stepper__display{padding-left:var(--onyx-form-element-v2-padding-inline-icons)}.onyx-stepper .onyx-form-element-v2__input-container:has(.onyx-form-element-v2__icons--trailing) .onyx-stepper__display{padding-right:var(--onyx-form-element-v2-padding-inline-icons)}.onyx-stepper__display-wrapper{width:100%;position:relative}.onyx-stepper__display{width:100%;height:100%;color:var(--onyx-color-text-icons-neutral-intense);pointer-events:none;justify-content:var(--onyx-stepper-text-align);white-space:nowrap;padding:var(--onyx-form-element-v2-padding-block) var(--onyx-form-element-v2-padding-inline);align-items:center;display:flex;position:absolute;overflow:hidden}.onyx-stepper__display:has(+.onyx-stepper__input:focus-visible){display:none}}