.quantity{background-color:var(--clr-white);border-radius:8px;display:flex;flex-shrink:0;gap:2px;height:40px;padding:8px;width:100px}.quantity__button{align-items:center;background-color:var(--clr-gray-100);border-radius:6px;color:var(--clr-gray-500);cursor:pointer;display:flex;flex:0 0 24px;justify-content:center;transition:background .3s,color .3s}.quantity__button>*{pointer-events:none}.quantity__button.disabled{background-color:var(--clr-gray-100);color:var(--clr-gray-200);pointer-events:none}.quantity__input{flex:1 1 auto}.quantity__input input{color:var(--clr-black);font-size:16px;font-weight:500;height:100%;line-height:120%;text-align:center;width:100%}@media (any-hover:hover){.quantity__button:hover{background-color:var(--clr-gray-50);color:var(--clr-gray-800)}}