.quantity{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.quantity__input{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-bottom:1px solid var(--color-black);border-radius:0;border-top:1px solid var(--color-black);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-black);flex-grow:1;font-family:var(--font-regular-family);font-size:.875rem;font-style:var(--font-regular-style);font-weight:var(--font-regular-weight);line-height:1rem;padding:.125rem 0 0;text-align:center;width:100%}.quantity__input:focus{outline:none}.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:-moz-read-only{opacity:.5}.quantity__input:read-only{opacity:.5}.quantity__button{-ms-flex-negative:0;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid transparent;border-color:var(--color-black);color:var(--color-black);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:1.5625rem;justify-content:center;margin:0;padding:0;width:1.5625rem}.quantity__button:hover .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.quantity__button:disabled{border-color:var(--color-brand-text-medium);color:var(--color-brand-text-medium);cursor:auto}.quantity__button .icon{pointer-events:none;-webkit-transition:all var(--duration-short) linear;transition:all var(--duration-short) linear}