.ap-quantity{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;inline-size:128px;min-block-size:var(--ap-input-height,48px);border:var(--ap-input-border,1px) solid var(--ap-line-color);border-radius:var(--style-border-radius-inputs,0);background:var(--ap-field-bg,var(--color-background));color:var(--color-foreground);overflow:visible;box-sizing:border-box}
.ap-quantity .ap-input{inline-size:100%;min-inline-size:0;max-inline-size:none;border:0;border-radius:0;min-block-size:44px;block-size:100%;padding:0;text-align:center;font:inherit;color:inherit;background:transparent;appearance:textfield;-moz-appearance:textfield}
.ap-quantity input::-webkit-inner-spin-button,.ap-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}
.ap-quantity__step{display:flex;align-items:center;justify-content:center;min-block-size:44px;padding:0;border:0;border-radius:inherit;background:transparent;color:inherit;cursor:pointer}
.ap-quantity__step svg{inline-size:14px;block-size:14px;pointer-events:none}
.ap-quantity:not([data-ready]){grid-template-columns:minmax(0,1fr)}
.ap-quantity:not([data-ready]) .ap-quantity__step{display:none}
.ap-quantity__step:disabled{color:var(--ap-muted-color);opacity:.45;cursor:default}
.ap-quantity :is(input,button):focus-visible{outline:2px solid var(--ap-focus-color,currentColor);outline-offset:-3px}
@media(hover:hover){.ap-quantity__step:not(:disabled):hover{background:var(--ap-secondary-hover-bg)}}