.bulk-grid{--bulk-font-label: 1.3rem;--bulk-font-price: 1.3rem;--bulk-font-option: 1.4rem;display:block;margin:2rem 0}.bulk-grid__heading{margin:0 0 1rem;font-size:1.6rem}.bulk-grid__notice{display:flex;gap:1rem;padding:1.2rem 1.4rem;margin-bottom:1.4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;background:rgba(var(--color-foreground),.04);font-size:1.4rem}.bulk-grid__swatches{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.4rem}.bulk-grid__swatch{display:flex;align-items:center;gap:.8rem;padding:.4rem 1rem .4rem .4rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.6rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;cursor:pointer}.bulk-grid__swatch:hover{border-color:rgba(var(--color-foreground),.45)}.bulk-grid__swatch--static{cursor:default;border-color:rgba(var(--color-foreground),.2)}.bulk-grid__swatch--static:hover{border-color:rgba(var(--color-foreground),.2)}.bulk-grid__swatch:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.bulk-grid__swatch.is-active{border-color:rgb(var(--color-button));box-shadow:inset 0 0 0 .1rem rgb(var(--color-button))}.bulk-grid__swatch-img{width:3.6rem;height:3.6rem;object-fit:cover;border-radius:.4rem;display:block}.bulk-grid__swatch-name{white-space:nowrap;font-size:var(--bulk-font-option)}.bulk-grid__shell{border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.6rem;overflow:hidden}.bulk-grid__head,.bulk-grid__row{display:grid;grid-template-columns:minmax(0,1fr) 9.5rem 11.5rem;gap:1rem;align-items:center;padding:.8rem 1.4rem}.bulk-grid--no-prices .bulk-grid__head,.bulk-grid--no-prices .bulk-grid__row{grid-template-columns:minmax(0,1fr) 10rem}.bulk-grid__head{background:rgba(var(--color-foreground),.04);border-bottom:.1rem solid rgba(var(--color-foreground),.2);font-size:var(--bulk-font-label);letter-spacing:.1rem;text-transform:uppercase}.bulk-grid__row{border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.bulk-grid__row:last-child{border-bottom:0}.bulk-grid__row.is-filled{background:rgba(var(--color-foreground),.04)}.bulk-grid__col-price,.bulk-grid__price{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.bulk-grid__price{font-size:var(--bulk-font-price)}.bulk-grid__size{font-size:var(--bulk-font-option)}.bulk-grid__col-qty,.bulk-grid__qty{text-align:center}.bulk-grid__stepper{display:inline-flex;align-items:stretch;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:.4rem;overflow:hidden;background:rgb(var(--color-background))}.bulk-grid__qty .bulk-grid__stepper input{width:4.4rem;font-size:var(--bulk-font-option);font-weight:500;border:0!important;border-radius:0!important;text-align:center;padding:.6rem .2rem;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:transparent}.bulk-grid__stepper input::-webkit-outer-spin-button,.bulk-grid__stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bulk-grid__step{display:flex;align-items:center;justify-content:center;width:3.2rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.bulk-grid__step:hover{background:rgba(var(--color-foreground),.06)}.bulk-grid__step:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:-.2rem}.bulk-grid__step svg{width:1rem;height:1rem}.bulk-grid__step[disabled]{opacity:.35;cursor:default}.bulk-grid__step[disabled]:hover{background:transparent}.bulk-grid__qty input{width:7rem;padding:.6rem;font-size:var(--bulk-font-option);font-weight:500;text-align:center;font-variant-numeric:tabular-nums;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:.4rem;-moz-appearance:textfield}.bulk-grid__qty input::-webkit-outer-spin-button,.bulk-grid__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bulk-grid__totals{display:flex;flex-wrap:wrap;gap:1.2rem 1.8rem;align-items:center;padding:1.4rem;border-top:.2rem solid rgb(var(--color-foreground));background:rgba(var(--color-foreground),.04)}.bulk-grid__meter{flex:1 1 100%;display:flex;flex-direction:column;gap:.6rem}.bulk-grid__meter[hidden]{display:none}.bulk-grid__meter-label{display:flex;justify-content:space-between;gap:1rem;font-size:1.3rem;font-variant-numeric:tabular-nums}.bulk-grid__track{height:.5rem;border-radius:.3rem;background:rgba(var(--color-foreground),.15);overflow:hidden}.bulk-grid__track>.bulk-grid__fill{display:block;height:100%;width:0;background:rgb(var(--color-button));transition:width .2s ease}.bulk-grid__track>.bulk-grid__fill.is-met{background:#0f7a58}@media(prefers-reduced-motion:reduce){.bulk-grid__fill{transition:none}}.bulk-grid__subtotal{margin-right:auto;text-align:left;font-variant-numeric:tabular-nums}.bulk-grid__subtotal-key{display:block;font-size:1.1rem;text-transform:uppercase;letter-spacing:.1rem}.bulk-grid__subtotal-value{font-size:1.8rem;font-weight:600}.bulk-grid__clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:calc(4.5rem + var(--buttons-border-width) * 2);margin-bottom:1rem;padding:0 2rem;border:.1rem solid rgba(var(--color-foreground),.55);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem;font-family:inherit;font-weight:600;letter-spacing:.02rem;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.bulk-grid__clear:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.bulk-grid__clear:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.bulk-grid__clear{transition:none}}.bulk-grid__clear[hidden]{display:none}.bulk-grid__submit{flex:0 0 auto}.bulk-grid__submit[disabled]{opacity:.5;cursor:not-allowed}.bulk-grid__estimate{flex-basis:100%;margin:0;font-size:1.1rem;opacity:.75}.bulk-grid__error{flex-basis:100%;margin:0;color:rgb(var(--color-foreground));font-weight:600}.bulk-grid__soldout{font-size:1.2rem;opacity:.6}.bulk-grid__matrix-scroll{overflow-x:auto}.bulk-grid__matrix{border-collapse:collapse;width:100%}.bulk-grid__matrix th,.bulk-grid__matrix td{padding:.6rem .4rem;text-align:center;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.bulk-grid__matrix thead th{background:rgba(var(--color-foreground),.04);font-size:var(--bulk-font-option);font-weight:400;text-transform:uppercase;letter-spacing:.04rem;white-space:nowrap}.bulk-grid__m-price{display:block;margin-top:.2rem;font-size:var(--bulk-font-price);font-weight:400;font-variant-numeric:tabular-nums}.bulk-grid__matrix thead th.bulk-grid__rowhead{font-size:var(--bulk-font-label)}.bulk-grid__matrix tbody th.bulk-grid__rowhead{font-size:var(--bulk-font-option);font-weight:400}.bulk-grid__matrix th.bulk-grid__rowhead{position:sticky;left:0;z-index:1;max-width:9.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:1rem;background:rgb(var(--color-background));border-right:.1rem solid rgba(var(--color-foreground),.1)}.bulk-grid__matrix input{width:4.2rem;padding:.5rem .2rem;text-align:center}.bulk-grid input[data-variant-id]{font-size:var(--bulk-font-option);font-weight:500}.bulk-grid__color-total{font-variant-numeric:tabular-nums;font-size:var(--bulk-font-option);font-weight:600}.bulk-grid__acc-head{display:flex;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.4rem;background:rgba(var(--color-foreground),.04);border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1);font:inherit;text-align:left;cursor:pointer}.bulk-grid__acc-count{margin-left:auto;font-variant-numeric:tabular-nums}.bulk-grid__acc-body[hidden],.bulk-grid[data-layout=matrix] .bulk-grid__accordion,.bulk-grid[data-layout=accordion] .bulk-grid__matrix-scroll{display:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-bulk-order-grid.css.map */