[data-v-1f23eb00]:root{--grid-small-mobile:375px;--grid-medium-mobile:480px;--grid-large-mobile:680px;--grid-small-tablet:766px;--grid-large-tablet:960px;--grid-small-desktop:1024px;--grid-medium-desktop:1280px;--grid-large-desktop:1440px}.fade-enter-active[data-v-1f23eb00]{animation:fade-in-1f23eb00 var(--transition-speed)}.fade-leave-active[data-v-1f23eb00]{animation:fade-out-1f23eb00 var(--transition-speed)}@keyframes fade-in-1f23eb00{0%{opacity:0}to{opacity:1}}@keyframes fade-out-1f23eb00{0%{opacity:1}to{opacity:0}}.matrix-quantity-cell[data-v-1f23eb00]{flex-direction:column;justify-content:center;gap:.8rem;height:100%;line-height:1.2;display:flex}.matrix-quantity-cell .loading[data-v-1f23eb00]{border:2px solid var(--border-secondary);border-top:2px solid var(--text-brand-primary);background:0 0;border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite spin-1f23eb00;display:inline-block}@keyframes spin-1f23eb00{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.matrix-quantity-cell.only-bunch[data-v-1f23eb00]{visibility:hidden}.matrix-quantity-cell .tier[data-v-1f23eb00]{flex-direction:column;justify-content:center;height:4.8rem;display:flex;position:relative}.matrix-quantity-cell .controls[data-v-1f23eb00]{align-items:center;gap:.8rem;display:flex}.matrix-quantity-cell .stepper[data-v-1f23eb00]{border-radius:var(--corner-2);background:var(--background-input);min-width:0;height:4rem;box-shadow:0 0 0 1px var(--border-brand-primary-200);transition:box-shadow var(--transition-speed) ease-out;flex:0 0 8.7rem;justify-content:space-between;align-items:center;line-height:1;display:flex}.matrix-quantity-cell .value[data-v-1f23eb00]{text-align:center;width:100%;min-width:0;color:var(--text-tertiary);font:inherit;appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0}.matrix-quantity-cell .value[data-v-1f23eb00]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.matrix-quantity-cell .value[data-v-1f23eb00]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.matrix-quantity-cell .value[data-v-1f23eb00]:focus{color:var(--text-brand-primary)}.matrix-quantity-cell .icon-btn[data-v-1f23eb00]{width:2.2rem;height:3rem;color:var(--text-brand-primary);transition:background-color var(--transition-speed) ease-out;justify-content:center;align-items:center;display:flex}.matrix-quantity-cell .icon-btn[data-v-1f23eb00]:hover:not(:disabled){background:var(--background-brand-primary-100)}.matrix-quantity-cell .icon-btn[data-v-1f23eb00]:disabled{opacity:.5;cursor:not-allowed}.matrix-quantity-cell .price[data-v-1f23eb00]{text-align:right;white-space:nowrap;min-width:5.2rem;font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--text-brand-primary);flex:none}.matrix-quantity-cell .margin[data-v-1f23eb00]{background:color-mix(in srgb,var(--state-success) 14%,#fff);min-width:3.4rem;color:var(--state-success);font-weight:var(--font-weight-semibold);text-align:center;border-radius:1rem;flex:none;padding:.3rem .7rem;font-size:1rem}.matrix-quantity-cell .stock[data-v-1f23eb00]{text-align:right;visibility:hidden;opacity:0;min-width:5.2rem;color:var(--color-grey-1);white-space:nowrap;transition:opacity var(--transition-speed) ease-out;font-size:1rem;line-height:1;position:absolute;bottom:-.1rem;left:7.8rem}.matrix-quantity-cell .stock.low[data-v-1f23eb00]{color:var(--state-warning,#8a4b00);font-weight:var(--font-weight-semibold)}.matrix-quantity-cell .stock.out[data-v-1f23eb00]{color:var(--state-error);font-weight:var(--font-weight-bold,700)}.matrix-quantity-cell .has-order .stepper[data-v-1f23eb00]{box-shadow:0 0 0 1px var(--border-brand-secondary)}.matrix-quantity-cell .has-order .value[data-v-1f23eb00]{color:var(--text-brand-secondary);font-weight:var(--font-weight-semibold)}.matrix-quantity-cell .has-order .icon-btn[data-v-1f23eb00]{color:var(--text-brand-secondary)}.matrix-quantity-cell .spinner[data-v-1f23eb00]{flex:1;justify-content:center;align-items:center;display:flex}.matrix-quantity-cell .unavailable .margin[data-v-1f23eb00],.matrix-quantity-cell .unavailable .price[data-v-1f23eb00],.matrix-quantity-cell .unavailable .stepper[data-v-1f23eb00]{opacity:.4}.matrix-quantity-cell .unavailable .value[data-v-1f23eb00]{cursor:not-allowed}.matrix-quantity-cell .error .stepper[data-v-1f23eb00]{box-shadow:0 0 0 1px var(--state-error)}