:where(.d4pp-page) .mcui-stepper{container:mcui-stepper / inline-size;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control)}:where(.d4pp-page) .mcui-stepper__body{display:grid;align-content:center;gap:4px;box-sizing:border-box;block-size:100%;min-block-size:64px;padding:6px 8px}:where(.d4pp-page) .mcui-stepper__label{color:var(--d4lp-muted);font-size:12px;line-height:1.3;text-align:center}:where(.d4pp-page) .mcui-stepper__box{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}:where(.d4pp-page) .mcui-stepper__btn{display:grid;place-items:center;inline-size:44px;block-size:44px;margin:0;padding:0;border:0;border-radius:var(--d4lp-r-control);background:transparent;color:var(--d4lp-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}:where(.d4pp-page) .mcui-stepper__btn svg{inline-size:16px;block-size:16px}:where(.d4pp-page) .mcui-stepper__btn:disabled{color:var(--d4lp-muted);opacity:.45;cursor:default}:where(.d4pp-page) .mcui-stepper__btn:active:not(:disabled){background:color-mix(in oklab,var(--d4lp-active) 60%,transparent)}:where(.d4pp-page) .mcui-stepper__btn:focus-visible,:where(.d4pp-page) .mcui-stepper__input:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:1px}:where(.d4pp-page) .mcui-stepper__input{inline-size:100%;min-inline-size:0;block-size:44px;margin:0;padding:0;border:0;border-radius:var(--d4lp-r-control);background:color-mix(in oklab,var(--d4lp-panel) 60%,var(--d4lp-control));color:var(--d4lp-ink);font:inherit;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;appearance:textfield}:where(.d4pp-page) .mcui-stepper__input::-webkit-inner-spin-button,:where(.d4pp-page) .mcui-stepper__input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}@media(hover:hover)and (pointer:fine){:where(.d4pp-page) .mcui-stepper__btn:not(:disabled):hover{background:color-mix(in oklab,var(--d4lp-active) 60%,transparent)}}@container mcui-stepper (inline-size >= 280px){:where(.d4pp-page) .mcui-stepper__body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-block-size:52px;padding-inline:12px 4px}:where(.d4pp-page) .mcui-stepper__box{grid-template-columns:44px minmax(0,120px) 44px;justify-content:end}}