.quantity-slider-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.quantity-slider-inline{display:flex;align-items:center;gap:12px;width:100%}.quantity-slider-inline .quantity-slider-track-container{flex:1;padding:0}.quantity-slider-quick-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color, #e0e0e0);background:var(--secondary-background, #fff);color:var(--heading-color, #333);font-size:22px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation}.quantity-slider-quick-btn:hover{background:var(--accent-color, #4361ee);color:#fff;border-color:var(--accent-color, #4361ee);transform:scale(1.1)}.quantity-slider-quick-btn:active{transform:scale(.95)}.quantity-slider-quick-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.quantity-slider-track-container{position:relative;padding:8px 0 32px}.quantity-slider-value-bubble{position:absolute;top:28px;left:0;transform:translate(-50%);background:linear-gradient(135deg,#4361ee,#7209b7);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;white-space:nowrap;pointer-events:none;transition:left .05s ease-out;box-shadow:0 2px 6px #4361ee66}.quantity-slider-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#4361ee 0%,#4361ee var(--slider-progress, 2%),#e0e0e0 var(--slider-progress, 2%),#e0e0e0 100%);outline:none;cursor:pointer;transition:background .1s ease}.quantity-slider-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4361ee,#7209b7);cursor:grab;border:3px solid #fff;box-shadow:0 2px 8px #4361ee66,0 0 #4361ee33;transition:all .2s ease}.quantity-slider-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #4361ee80,0 0 0 8px #4361ee1a}.quantity-slider-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1);box-shadow:0 2px 6px #4361ee99,0 0 0 12px #4361ee26}.quantity-slider-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4361ee,#7209b7);cursor:grab;border:3px solid #fff;box-shadow:0 2px 8px #4361ee66;transition:all .2s ease}.quantity-slider-range::-moz-range-thumb:hover{transform:scale(1.15)}.quantity-slider-range::-moz-range-thumb:active{cursor:grabbing}.quantity-slider-range::-moz-range-track{height:8px;border-radius:4px;background:#e0e0e0}.quantity-slider-range::-moz-range-progress{height:8px;border-radius:4px;background:#4361ee}.quantity-slider-ticks{display:flex;justify-content:space-between;padding:4px 0 0;margin-top:2px}.quantity-slider-tick{font-size:10px;color:var(--text-color, #666);opacity:.5}.quantity-slider-presets{display:flex;gap:6px;flex-wrap:wrap}.quantity-slider-preset{padding:6px 12px;border-radius:20px;border:1px solid var(--border-color, #e0e0e0);background:var(--secondary-background, #fff);color:var(--text-color, #666);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.quantity-slider-preset:hover{border-color:var(--accent-color, #4361ee);color:var(--accent-color, #4361ee)}.quantity-slider-preset.active{background:var(--accent-color, #4361ee);color:#fff;border-color:var(--accent-color, #4361ee)}.quantity-slider-hidden-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}@media screen and (max-width: 640px){.quantity-slider-container{max-width:100%}.quantity-slider-value{font-size:20px}.quantity-slider-quick-btn{width:36px;height:36px}.quantity-slider-range::-webkit-slider-thumb{width:28px;height:28px}.quantity-slider-range::-moz-range-thumb{width:28px;height:28px}}@keyframes quantity-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.quantity-slider-value.pulse{animation:quantity-pulse .2s ease}
/*# sourceMappingURL=/cdn/shop/t/36/assets/quantity-slider.css.map */