.quantity-selector-wrapper{--qs-bg: #1a1613;--qs-ivory: #f3ede4;--qs-gold: #b8b8b8;--qs-gold-bright: #e0e0e0}.quantity-selector-wrapper .quantity-selector{display:flex;align-items:center;gap:4px;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:var(--qs-bg);box-shadow:inset 0 1px 1px #ffffff0f,0 8px 24px -8px #00000080}.quantity-selector-wrapper .quantity-minus,.quantity-selector-wrapper .quantity-plus{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:999px!important;border:1px solid rgba(201,166,89,.3);background:linear-gradient(to bottom,#ffffff0f,#ffffff04);color:var(--qs-ivory)!important;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.quantity-selector-wrapper .quantity-minus:hover:not(:disabled),.quantity-selector-wrapper .quantity-plus:hover:not(:disabled){border-color:#c9a659b3;box-shadow:0 0 18px #c9a65959}.quantity-selector-wrapper .quantity-minus:active:not(:disabled),.quantity-selector-wrapper .quantity-plus:active:not(:disabled){transform:scale(.9)}.quantity-selector-wrapper .quantity-minus.qs-pulse,.quantity-selector-wrapper .quantity-plus.qs-pulse{box-shadow:0 0 0 8px #c9a6591f,0 0 18px #c9a65959}.quantity-selector-wrapper .quantity-minus .icon-plus svg,.quantity-selector-wrapper .quantity-plus .icon-plus svg{width:14px;height:14px;fill:currentColor}.quantity-selector-wrapper .qs-ripple{position:absolute;width:4px;height:4px;border-radius:999px;background:#f3ede466;pointer-events:none;animation:qs-ripple-out .6s ease-out forwards}@keyframes qs-ripple-out{0%{transform:scale(1);opacity:.55}to{transform:scale(28);opacity:0}}.quantity-selector-wrapper input[type=number]{width:40px!important;text-align:center;background:transparent!important;border:none!important;color:var(--qs-ivory)!important;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;transition:transform .18s ease,color .18s ease}.quantity-selector-wrapper input[type=number].qs-bump{animation:qs-bump .24s ease}@keyframes qs-bump{0%{transform:scale(1.35);color:var(--qs-gold-bright)}to{transform:scale(1);color:var(--qs-ivory)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/quantity-stepper.css.map */