@layer components{.quantity-input{display:inline-grid;grid-template-columns:var(--tap-target-min) auto var(--tap-target-min);align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.quantity-input__label{display:block;grid-column:1 / -1;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:0 var(--space-3);background:transparent}.quantity-input__label:not(.visually-hidden){padding:var(--space-2) var(--space-3) 0}.quantity-input__btn{width:var(--tap-target-min);height:var(--tap-target-min);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text);background:transparent;border:0;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.quantity-input__btn:hover{background:var(--color-accent-soft);color:var(--color-accent)}.quantity-input__btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.quantity-input__field{width:56px;text-align:center;background:transparent;color:var(--color-text);border:0;font-size:var(--text-base);font-weight:var(--font-weight-semibold);padding-block:10px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.quantity-input__field::-webkit-inner-spin-button,.quantity-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input__field:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.quantity-input--compact{grid-template-columns:32px auto 32px}.quantity-input--compact .quantity-input__btn{width:32px;height:32px}.quantity-input--compact .quantity-input__field{width:36px;font-size:var(--text-sm);padding-block:6px}}@layer components{.quantity-input__btn--minus,.quantity-input__btn--plus{width:40px;height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.quantity-input__btn--minus:hover,.quantity-input__btn--plus:hover{border-color:var(--color-accent)}.quantity-input__btn--minus{border-radius:var(--radius-md) 0 0 var(--radius-md)}.quantity-input__btn--plus{border-radius:0 var(--radius-md) var(--radius-md) 0}.quantity-input__btn--minus:focus-visible,.quantity-input__btn--plus:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-quantity-input.css.map */