.variant-matrix{margin:1.5rem 0;padding:1.2rem 1.4rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:4px}.variant-matrix__title{display:flex;align-items:center;gap:.4rem;font-size:1.4rem;font-weight:700;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:2px solid rgba(var(--color-foreground),.12);letter-spacing:.02em}.variant-matrix__title-icon{font-size:1.5rem;line-height:1}.variant-matrix__table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.variant-matrix__table{width:100%;border-collapse:collapse;font-size:1.3rem}.variant-matrix__th{font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-align:left;padding:.6rem .8rem;color:rgba(var(--color-foreground),.65);border-bottom:1px solid rgba(var(--color-foreground),.08);background:rgba(var(--color-foreground),.02);white-space:nowrap}.variant-matrix__th--price,.variant-matrix__th--stock{text-align:right}.variant-matrix__th--action{text-align:center;width:15.5rem}.variant-matrix__row{border-bottom:1px solid rgba(var(--color-foreground),.06);transition:background .12s ease}.variant-matrix__row:last-child{border-bottom:none}.variant-matrix__row:hover{background:rgba(var(--color-foreground),.02)}.variant-matrix__row--sold-out{opacity:.55}.variant-matrix__cell{padding:.5rem;vertical-align:middle}.variant-matrix__cell--state{font-weight:600}.variant-matrix__variant-name{font-size:1.35rem;font-weight:700;color:rgb(var(--color-foreground))}.variant-matrix__cell--price{text-align:right;white-space:nowrap}.variant-matrix__price-regular{font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground))}.variant-matrix__price-sale{display:block;font-size:1.5rem;font-weight:700;color:#d73027}.variant-matrix__price-original{display:block;font-size:1.1rem;font-weight:400;color:rgba(var(--color-foreground),.55);text-decoration:line-through;margin-top:.1rem}.variant-matrix__cell--stock{text-align:right;white-space:nowrap}.variant-matrix__stock-ok{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:#1e7e341a;color:#1e7e34;border-radius:2px;font-size:1.2rem;font-weight:600}.variant-matrix__stock-ok:before{content:"\25cf";font-size:.8em}.variant-matrix__stock-low{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:#ff980026;color:#b45309;border-radius:2px;font-size:1.2rem;font-weight:700}.variant-matrix__stock-low:before{content:"\25cf";font-size:.8em}.variant-matrix__stock-out{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:#d730271a;color:#d73027;border-radius:2px;font-size:1.2rem;font-weight:600}.variant-matrix__cell--action{padding:.5rem .4rem}.variant-matrix__controls{display:flex;flex-direction:row;gap:.4rem;align-items:stretch;justify-content:flex-end;flex-wrap:nowrap}.variant-matrix__product-form,.variant-matrix__form{display:block;margin:0;padding:0}.variant-matrix__qty{display:flex;align-items:stretch;border:1px solid rgba(var(--color-foreground),.2);border-radius:3px;overflow:hidden;background:rgb(var(--color-background));width:7rem;min-width:7rem;height:3rem;flex-shrink:0}.variant-matrix__qty-btn{width:2.2rem;flex-shrink:0;background:transparent;border:none;font-size:1.3rem;font-weight:700;color:rgba(var(--color-foreground),.7);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.variant-matrix__qty-btn:hover{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.variant-matrix__qty-input{flex:1;min-width:0;border:none;padding:0;text-align:center;font-size:1.3rem;font-weight:600;background:transparent;color:rgb(var(--color-foreground));-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.variant-matrix__qty-input::-webkit-outer-spin-button,.variant-matrix__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.variant-matrix__qty-input:focus{outline:none;box-shadow:none}.variant-matrix__submit{padding:0 .9rem;height:3rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border:none;border-radius:3px;font-size:1.2rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .12s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;white-space:nowrap;position:relative;min-width:7rem;flex-shrink:0}.variant-matrix__submit:hover{background:rgba(var(--color-foreground),.85)}.variant-matrix__submit:active{transform:scale(.96)}.variant-matrix__submit--disabled{background:rgba(var(--color-foreground),.12);color:rgba(var(--color-foreground),.5);cursor:not-allowed;pointer-events:none}.variant-matrix__submit .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center}.variant-matrix__form.loading .variant-matrix__submit .loading__spinner{display:flex}.variant-matrix__note{margin:1rem 0 0;padding:.4rem 0 0;border-top:1px solid rgba(var(--color-foreground),.06);font-size:1.1rem;color:rgba(var(--color-foreground),.6)}.variant-matrix__note a{color:inherit;text-decoration:underline;text-underline-offset:2px}.product__info-wrapper:has(.variant-matrix) .product-form__input--pill,.product__info-wrapper:has(.variant-matrix) .product-form__input--dropdown,.product__info-wrapper:has(.variant-matrix) .product-form__input--button,.product__info-wrapper:has(.variant-matrix) .product-form__input-container,.product__info-wrapper:has(.variant-matrix) .product-form__quantity,.product__info-wrapper:has(.variant-matrix) .product-form__buttons,.product__info-wrapper:has(.variant-matrix) .price,.product__info-wrapper:has(.variant-matrix) .product__price,.product__info-wrapper:has(.variant-matrix) .product__tax,.product__info-wrapper:has(.variant-matrix) .product-form__input:has(input[type=hidden]),.product__info-wrapper:has(.variant-matrix) .no-js-inline{display:none!important}@media screen and (max-width:749px){.variant-matrix{padding:1rem}.variant-matrix__title{font-size:1.3rem}.variant-matrix__table{font-size:1.2rem}.variant-matrix__th{padding:.5rem .6rem;font-size:1rem}.variant-matrix__cell{padding:.6rem .5rem}.variant-matrix__variant-name{font-size:1.3rem}.variant-matrix__price-regular,.variant-matrix__price-sale{font-size:1.35rem}.variant-matrix__th--stock,.variant-matrix__cell--stock{display:none}.variant-matrix__controls{flex-direction:column;gap:.3rem;align-items:stretch}.variant-matrix__qty{width:100%;min-width:0;height:2.8rem}.variant-matrix__submit{height:2.8rem;min-width:0;width:100%;font-size:1.15rem}}@media screen and (max-width:479px){.variant-matrix__note{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/variant-matrix.css.map */