.quantity-controls{border:1px solid var(--glass-gradient-start);background-color:var(--glass-gradient-end);z-index:0;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){border-color:color-mix(in srgb, var(--primary) 50%, transparent);color:var(--primary)}.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:var(--primary)}.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%)}