.variation-matrix-container{--vm-box-color:var(--accent-blue-color,#4ab2f1);--vm-box-border-color:var(--accent-blue-active-color,#248ece);--vm-box-text-color:#fff;--vm-box-disabled-color:#eee;--vm-box-disabled-text-color:#aaa;--vm-text-color:var(--dark-gray-color,#444);--vm-in-stock-color:var(--success-green-color,#207d4c);--vm-out-of-stock-color:var(--error-red-color,#d51f28);--vm-box-width:46px;--vm-box-height:38px;--vm-gap:6px;width:100%;margin:15px 0;color:var(--vm-text-color)}.variation-matrix-container .variation-matrix-attribute-name{margin:0 0 8px;font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:.5px}.variation-matrix-container .variation-matrix-items{display:flex;flex-wrap:nowrap;gap:var(--vm-gap);overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.variation-matrix-container .variation-matrix-item{display:flex;flex:0 0 52px;flex-direction:column;align-items:center;min-width:0;text-align:center}.variation-matrix-container .variation-item-name{width:100%;margin:0 0 5px;overflow:hidden;font-size:13px;font-weight:bold;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.variation-matrix-container input.variation-qty-input{box-sizing:border-box;width:100%;max-width:var(--vm-box-width);height:var(--vm-box-height);margin:0 0 4px;padding:0;border:1px solid var(--vm-box-border-color);border-radius:3px;background-color:var(--vm-box-color);color:var(--vm-box-text-color);font-size:15px;font-weight:bold;text-align:center;-moz-appearance:textfield;appearance:textfield}.variation-matrix-container input.variation-qty-input::-webkit-outer-spin-button,.variation-matrix-container input.variation-qty-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.variation-matrix-container input.variation-qty-input::placeholder{color:var(--vm-box-text-color);opacity:.6}.variation-matrix-container input.variation-qty-input:focus{outline:2px solid var(--vm-box-border-color);outline-offset:1px}.variation-matrix-container input.variation-qty-input:disabled{border-color:var(--vm-box-disabled-color);background-color:var(--vm-box-disabled-color);color:var(--vm-box-disabled-text-color);cursor:not-allowed}.variation-matrix-container input.variation-qty-input:disabled::placeholder{color:var(--vm-box-disabled-text-color)}.variation-matrix-container .variation-item-price{margin:0 0 2px;font-size:12px;font-weight:bold;white-space:nowrap}.variation-matrix-container .variation-item-stock{width:100%;overflow:hidden;font-size:9px;line-height:1.2;white-space:nowrap}.variation-matrix-container .variation-item-stock.in-stock{color:var(--vm-in-stock-color)}.variation-matrix-container .variation-item-stock.out-of-stock{color:var(--vm-out-of-stock-color)}.variation-matrix-container .variation-matrix-buttons{margin-top:15px}.variation-matrix-container .variation-matrix-add-button.loading,.item-box:has(.variation-matrix-card) .product-box-add-to-cart-button.loading{opacity:.65;cursor:wait}.variation-matrix-card{--vm-box-width:38px;--vm-box-height:30px;--vm-gap:3px;margin:2px 0 8px}.variation-matrix-card .variation-matrix-item{flex:1 1 0;min-width:34px;max-width:52px}.variation-matrix-card .variation-item-name{margin-bottom:2px;font-size:10px}.variation-matrix-card input.variation-qty-input{font-size:13px}.variation-matrix-card .variation-item-price{font-size:10px}.variation-matrix-card .variation-item-stock{font-size:8px}.item-box:has(.variation-matrix-card) .product-title{display:-webkit-box;min-height:2.4em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
