.quantity-controls{z-index:0;background-color:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;justify-content:space-around;align-items:center;gap:16px;padding:4px 10px;display:flex;position:relative}.quantity-controls button.quantity-control-add-btn .custom-icon{font-size:20px}.quantity-controls button.quantity-control-button,.quantity-controls button.quantity-control-add-btn{border-radius:6px}.quantity-controls button.quantity-control-button:not(:disabled),.quantity-controls button.quantity-control-add-btn:not(:disabled){color:#32d066;border-color:#32d06680}.quantity-controls button.quantity-control-button:not(:disabled):hover,.quantity-controls button.quantity-control-button:not(:disabled):focus,.quantity-controls button.quantity-control-add-btn:not(:disabled):hover,.quantity-controls button.quantity-control-add-btn:not(:disabled):focus{border-color:#32d066}.quantity-controls .quantity-readout{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:2px;display:inline-flex}.quantity-controls .quantity-readout .quantity-current{font-weight:700}.quantity-controls .quantity-readout .quantity-divider,.quantity-controls .quantity-readout .quantity-max{opacity:.55;font-weight:400}.quantity-controls.is-loading>:not(.quantity-controls-spinner){opacity:.4;pointer-events:none;transition:opacity .18s}.quantity-controls .quantity-controls-spinner{pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}