.quantity{display:flex;height:20px;width:68px}.quantity__button{align-items:center;align-self:center;aspect-ratio:1/1;background-color:var(--colors-black-100);border-radius:18px;color:var(--colors-white-100);cursor:pointer;display:flex;flex:0 0 20px;justify-content:center;padding:2px;position:relative;transition:background .3s,color .3s}.quantity__button>*{pointer-events:none}.quantity__button.disabled,.quantity__button[disabled]{background-color:var(--colors-grey-50);color:var(--colors-grey-100);cursor:no-drop}.quantity__input{flex:1 1 auto}.quantity__input input{caret-color:inherit;font-size:16px;font-weight:600;height:100%;line-height:100%;text-align:center;width:100%}@media (any-hover:hover){.quantity__button:not(.disabled,[disabled]):hover{background-color:var(--colors-black-70)}}