.common-counter{border:1px solid var(--color-gray);border-radius:2rem;align-items:center;width:15rem;display:inline-flex;position:relative;overflow:hidden}.common-counter__input{text-align:center;width:100%;padding:.5rem}.common-counter__input.disabled{pointer-events:none}.common-counter__btn{background:var(--color-gray);cursor:pointer;width:23px;height:23px;transition:var(--easing) var(--duration);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover){.common-counter__btn:hover{background:#d3d3d3}}.common-counter__btn:active{background:#8e8e8e}.common-counter__btn.upper{right:6px}.common-counter__btn.upper:after{transform:translate(-50%,-50%)rotate(90deg)}.common-counter__btn.lower{left:6px}.common-counter__btn:after,.common-counter__btn:before{content:"";background:var(--color-black);width:10px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.common-counter__btn img,.common-counter__btn.delete:after,.common-counter__btn.delete:before{display:none}.common-counter__btn.delete img{display:block}