.number-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;vertical-align:middle}
.number-control>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;padding:0!important;margin:0!important;border:0;border-radius:50%;background:#e7eee8;color:#315c45;font:400 22px/32px Arial,sans-serif!important;cursor:pointer;touch-action:manipulation;user-select:text!important;-webkit-user-select:text!important}
.number-control>button:hover{background:#d7e5da}
.number-control>button:disabled{opacity:.35;cursor:default}
.number-control>input[type=number]{box-sizing:border-box;width:64px!important;min-width:0;max-width:100%;height:36px;padding:4px!important;margin:0!important;border:1px solid #9caf9e!important;border-radius:9px;background:#f5f8f3!important;color:inherit;text-align:center;font:600 16px/1.2 system-ui;appearance:textfield;-moz-appearance:textfield;box-shadow:none!important;cursor:text}
.number-control>input::-webkit-inner-spin-button,.number-control>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.number-control>input:focus-visible,.number-control>button:focus-visible{outline:2px solid #315c45;outline-offset:2px}
.portion-picker .number-control,.menu-portions .number-control{margin-top:5px}
.grocery-cart-quantity .number-control{gap:6px}

.number-control-symbol{position:relative;left:-.5px;top:1px;display:block;user-select:text;-webkit-user-select:text}