.quantity-updater-container{position:relative;width:102px;margin-right:-12px;border:1px solid #ccc;height:32px;background:white;border-radius:8px;overflow:hidden}.quantity-button,.quantity-updater-container{display:flex;justify-content:center;align-items:center}.quantity-button{width:40px;padding:8px;cursor:pointer}.quantity-display{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.quantity-number{position:absolute;transition:all .3s ease-in-out;color:#2b2d42;font-size:14px;font-weight:600}.quantity-number--exit{opacity:0;transform:translateY(-10px)}.quantity-number--enter{opacity:1;transform:translateY(0)}.quantity-unit{color:#2b2d42;margin-left:3px;margin-top:2px;font-size:12px;font-weight:400}.quantity-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:transparent;overflow:hidden}.quantity-progress-bar--visible{opacity:1}.quantity-progress-bar:before{content:"";position:absolute;bottom:0;left:0;width:100px;height:100%;background-color:#e63946;animation:progress-chunk .3s linear infinite}@keyframes progress-chunk{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}