.quantity{position:relative;display:flex}.quantity__input{-webkit-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-radius:0;border-color:#707070;border-left-color:transparent;border-right-color:transparent;box-sizing:border-box;color:currentColor;flex-grow:1;font-size:.875rem;height:1.5625rem;line-height:1rem;padding:0;text-align:center;width:100%}.quantity__input:focus{outline:0}.quantity__input::-webkit-inner-spin-button,.quantity__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity__input[type=number]{-moz-appearance:textfield}.quantity__input:read-only{color:var(--color-brand-text-medium);border-top-color:var(--color-brand-text-medium);border-bottom-color:var(--color-brand-text-medium)}.quantity__button{appearance:none;cursor:pointer;background-color:transparent;border:1px solid transparent;border-color:#707070;padding:0;margin:0;color:inherit;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5625rem;height:1.5625rem}.quantity__button:hover{border-color:var(--color-brand-primary)}.quantity__button:hover .icon{transform:scale(1.1)}.quantity__button:disabled{cursor:auto;color:var(--color-brand-text-medium);border-color:var(--color-brand-text-medium)}.quantity__button:disabled .icon{fill:var(--color-brand-text-medium)}.quantity__button .icon{pointer-events:none;transition:all var(--duration-short) linear}