.quantity{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);overflow:hidden}.quantity__button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;color:var(--color-text);transition:background-color .2s ease,color .2s ease}.quantity__button:hover{background:var(--color-bg-card);color:var(--color-accent)}.quantity__button:active{background:var(--color-border)}.quantity__button:disabled{opacity:.3;cursor:not-allowed}.quantity__button:disabled:hover{background:transparent;color:var(--color-text)}.quantity__button .svg-wrapper{width:12px;height:12px}.quantity__input{width:50px;height:44px;padding:0;text-align:center;font-size:.9375rem;font-weight:500;color:var(--color-text);background:transparent;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);-moz-appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity__input:focus{outline:none;background:var(--color-bg-card)}.quantity__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.quantity__rules-cart{font-weight:400;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.quantity__rules-cart.hidden{display:none}.quantity__rules{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:.75rem;color:var(--color-text-subtle)}.quantity__rules .divider{display:inline-flex;align-items:center}.quantity__rules .divider:not(:last-child):after{content:"\2022";margin-left:var(--spacing-xs);color:var(--color-border)}.product-form__quantity{margin-bottom:var(--spacing-md)}.price-per-item__container{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.quantity--small{border-radius:var(--radius-sm)}.quantity--small .quantity__button{width:36px;height:36px}.quantity--small .quantity__input{width:40px;height:36px;font-size:.875rem}.quantity--large{border-radius:var(--radius-lg)}.quantity--large .quantity__button{width:52px;height:52px}.quantity--large .quantity__input{width:60px;height:52px;font-size:1rem}.quantity--full{width:100%;justify-content:space-between}.quantity--full .quantity__input{flex:1;width:auto}.quantity--error{border-color:var(--color-error)}.quantity--error .quantity__input{color:var(--color-error)}.quantity--loading{position:relative;pointer-events:none}.quantity--loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center}.quantity__notification{font-size:.75rem;color:var(--color-error);margin-top:var(--spacing-xs)}.quantity--inline{border:none;background:transparent;gap:var(--spacing-xs)}.quantity--inline .quantity__button{width:32px;height:32px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.quantity--inline .quantity__input{width:40px;height:32px;border:none;font-size:.875rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-quantity.css.map */