variant-table{display:block}.product-form__variants--table{border:0;margin:0 0 2rem;padding:0}.variant-row__image-trigger{background:none;border:0;padding:0;margin:0;display:inline-flex;cursor:pointer;border-radius:.8rem;overflow:hidden;transition:transform var(--duration-short) ease,box-shadow var(--duration-short) ease}.variant-row__image-trigger:hover{transform:scale(1.04)}.variant-row__image-trigger:focus-visible{outline:0;box-shadow:0 0 0 .2rem #6caca099}.product-form__variants--table .visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.variant-table{container:variant-table / inline-size;border:0;border-radius:0;background:#fff;overflow:visible}.variant-table__head{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 12rem 3.2rem 17rem;align-items:center;gap:1.6rem;padding:2rem 2.4rem;border-bottom:1px solid rgba(0,0,0,.08);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0009}.variant-table__col--name{grid-column:1 / 3}.variant-table__col--qty{grid-column:3 / 4;text-align:center}.variant-table__body{max-height:none;overflow:visible}.variant-row{display:grid;grid-template-columns:6.4rem minmax(0,1fr) 12rem 3.2rem 17rem;grid-template-areas:"image info qty trash atc";gap:1.6rem;align-items:center;--row-pad: 2.4rem;padding:1.6rem var(--row-pad);background:#fff;position:relative}.variant-row__controls{display:contents}.variant-row__info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:1.2rem;row-gap:.4rem;min-width:0}.variant-row__info>.variant-row__info-text{flex:1 1 12rem}.variant-row__info>.variant-row__chips{flex:0 1 auto}.variant-row__info-text{min-width:0}.variant-row__image,.variant-row__image-trigger{grid-area:image;width:6.4rem;height:6.4rem}.variant-row__image{object-fit:cover;border-radius:1rem;background:#0000000a}.variant-row__image-trigger .variant-row__image{width:100%;height:100%}.variant-row__info{grid-area:info;min-width:0}.variant-row__name{margin:0;font-size:1.6rem;font-weight:500;line-height:1.3;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.variant-row__sku{margin:.4rem 0 0;font-size:1.3rem;color:#00000080}.variant-row__quantity{grid-area:qty;width:100%;max-width:12rem;min-width:0;border:1.5px solid #000;border-radius:.8rem;overflow:hidden;background:#fff;color:#000;display:flex;align-items:stretch}.variant-row__quantity .quantity__input{width:4rem;flex:1 1 auto;font-size:1.4rem;color:#000;text-align:center;padding:0}.variant-row__quantity .quantity__button{color:#000;width:3.6rem;min-width:3.6rem;flex:0 0 3.6rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.variant-row__quantity .quantity__button:disabled,.variant-row__quantity .quantity__button[disabled]{color:#00000073;opacity:1;cursor:not-allowed}.variant-row__quantity:focus-within{border-color:#000;box-shadow:0 0 0 .1rem #0003}.variant-row__remove{grid-area:trash;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:transparent;border:0;padding:0;cursor:pointer;color:#000;border-radius:999px}.variant-row__remove:hover{background:#0000000f}.variant-row__remove .svg-wrapper,.variant-row__remove svg{width:1.8rem;height:1.8rem;stroke:#000}.variant-row__atc,.variant-row__notify{grid-area:atc;width:100%;max-width:17rem;min-height:4.4rem;padding:0 1.6rem;font-size:1.4rem;font-weight:500;border-radius:.8rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border:0;white-space:nowrap;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.variant-row__atc{background:#6caca0;color:#fff}.variant-row__atc:hover{background:#5a968b;color:#fff}.variant-row__atc:disabled,.variant-row__atc[aria-disabled=true]{opacity:.5;cursor:not-allowed}.variant-row__atc.is-loading{opacity:.65;pointer-events:none}.variant-row__notify{background:#0000000f;color:#0000008c;cursor:default}.variant-row__notify:hover{background:#00000014;color:#000000b3}.variant-row__notify[aria-disabled=true]{display:none!important}.quick-add-modal .variant-row__notify[aria-disabled=true]{display:inline-flex!important}.variant-row__low-stock{margin:0;padding:.6rem 1rem .6rem .8rem;background:#fff4d6;color:#000000bf;border-radius:.8rem;font-size:1.2rem;display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;white-space:nowrap}.variant-row__low-stock:before{content:"\26a0";font-size:1.3rem}.variant-row__min-qty{margin:0;padding:0;background:none;color:rgba(var(--color-foreground),.6);font-size:1.2rem;display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;font-weight:500}.variant-row__min-qty--unreachable{color:#8e1f1f;white-space:normal;flex:0 1 auto}.variant-row__chips{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.8rem;min-width:0}.variant-row__chips:empty{display:none}.variant-row__stock-badge{margin:0;padding:.6rem 1rem;border-radius:.8rem;font-size:1.2rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;flex:0 1 auto;white-space:normal;text-align:center}.variant-row__stock-badge--ok{background:#e4f3e6;color:#1f6b2c}.variant-row__stock-badge--low{background:#fff4d6;color:#000000bf}.variant-row__stock-badge--low:before{content:"\26a0";font-size:1.3rem}.variant-row__stock-badge--out{background:#fbe4e4;color:#8e1f1f}.variant-row__error{position:absolute;z-index:5;right:var(--row-pad, 2.4rem);bottom:0;transform:translateY(45%);max-width:min(34rem,calc(100% - var(--row-pad, 2.4rem) * 2));margin:0;padding:.5rem 1rem .5rem .8rem;background:rgb(var(--color-background, 255 255 255));color:#a3272f;border:1px solid rgba(220,53,69,.35);border-radius:.8rem;box-shadow:0 .2rem .8rem #0000001a;font-size:1.2rem;font-weight:500;line-height:1.35;display:flex;align-items:flex-start;gap:.5rem}.variant-row__error:before{content:"\26a0";flex:0 0 auto;line-height:1.35}.variant-row__error[hidden]{display:none}.variant-table__error{margin:0;padding:1rem 2.4rem;background:#dc354514;color:#c0202d;font-size:1.3rem;font-weight:500;line-height:1.4;border-top:1px solid rgba(0,0,0,.08)}.variant-table__error[hidden]{display:none}@media screen and (max-width:749px){.variant-table__error{padding:1rem 1.2rem}}.variant-table__add-all{margin-left:auto;min-height:4.4rem;padding:0 1.6rem;font-size:1.3rem;font-weight:600;letter-spacing:.02em;cursor:pointer}.variant-table__add-all.is-loading{opacity:.6;pointer-events:none}@media screen and (max-width:749px){.variant-table__actions{flex-wrap:wrap}.variant-table__add-all{flex:1 0 100%;margin-left:0;order:-1}}.variant-table__actions{display:flex;justify-content:flex-end;align-items:center;gap:2rem;padding:1.6rem 2.4rem;border-top:1px solid rgba(0,0,0,.08);background:#fff}.variant-table__view-cart{display:inline-flex;align-items:center;gap:.8rem;background:transparent;border:1.5px solid #000;padding:1rem 2rem;border-radius:1.4rem;font-size:1.4rem;font-weight:500;cursor:pointer;text-decoration:none;color:#000;transition:background-color .15s ease}.variant-table__view-cart:hover{background-color:#0000000a}.variant-table__clear{display:inline-flex;align-items:center;gap:.8rem;background:transparent;border:0;padding:1rem .4rem;font-size:1.4rem;font-weight:500;cursor:pointer;color:#000;transition:opacity .15s ease}.variant-table__clear:hover{opacity:.7}.variant-table__view-cart .svg-wrapper,.variant-table__view-cart svg,.variant-table__clear .svg-wrapper,.variant-table__clear svg{width:1.8rem;height:1.8rem;stroke:#000}.product__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.8rem;margin:.4rem 0 .2rem}.product__price-row .price{margin:0}.product__tax--inline{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.55);margin:0}.product__code{margin:0 0 1.6rem;font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.product__code strong{font-weight:600;color:rgba(var(--color-foreground),.75)}@container variant-table (max-width: 760px){.variant-table__head,.variant-row{grid-template-columns:4.8rem minmax(0,1fr) 11rem 2.8rem 13rem;gap:1rem}.variant-table__head{padding:1.8rem 1.6rem}.variant-row{--row-pad: 1.6rem}.variant-row__image,.variant-row__image-trigger{width:4.8rem;height:4.8rem}.variant-row__name{font-size:1.5rem}.variant-row__info>.variant-row__info-text{flex:0 1 auto;min-width:7rem}.variant-row__quantity{max-width:11rem}.variant-row__atc,.variant-row__notify{max-width:13rem;padding:0 .8rem;font-size:1.3rem}}@container variant-table (max-width: 479px){.variant-table__head{grid-template-columns:1fr auto;gap:.8rem}.variant-table__col--name{grid-column:1}.variant-table__col--qty{grid-column:2;text-align:right}.variant-row{grid-template-columns:5rem minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"image    info     info" "controls controls atc";column-gap:1rem;row-gap:1rem;--row-pad: 1.2rem;padding:1.6rem var(--row-pad);align-items:center}.variant-row__image,.variant-row__image-trigger{width:5rem;height:5rem}.variant-row__controls{display:flex;align-items:center;gap:.6rem;grid-area:controls;min-width:0}.variant-row__quantity{flex:0 1 auto;width:auto;min-width:0}.variant-row__atc,.variant-row__notify{grid-area:atc;width:auto;min-width:0;align-self:center;padding:0 1.4rem}.variant-row__info{flex-direction:column;align-items:flex-start;row-gap:.6rem}.variant-row__chips{justify-content:flex-start}.variant-table__actions{justify-content:space-between;flex-wrap:wrap}}@media screen and (max-width:749px){.variant-table__head{grid-template-columns:1fr auto;gap:.8rem}.variant-table__col--name{grid-column:1}.variant-table__col--qty{grid-column:2;text-align:right}.variant-row{grid-template-columns:5rem minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"image    info     info" "controls controls atc";column-gap:1rem;row-gap:1rem;--row-pad: 1.2rem;padding:1.6rem var(--row-pad);align-items:center}.variant-row__image,.variant-row__image-trigger{width:5rem;height:5rem}.variant-row__controls{display:flex;align-items:center;gap:.6rem;grid-area:controls;min-width:0}.variant-row__quantity{flex:0 1 auto;width:auto;min-width:0}.variant-row__atc,.variant-row__notify{grid-area:atc;width:auto;min-width:0;align-self:center;padding:0 1.4rem}.variant-row__info{flex-direction:column;align-items:flex-start;row-gap:.6rem}.variant-row__chips{justify-content:flex-start}.variant-table__actions{justify-content:space-between;flex-wrap:wrap}}@media screen and (min-width:990px){quick-add-modal .product--large:not(.product--no-media) .product__media-wrapper,quick-add-modal .product--medium:not(.product--no-media) .product__media-wrapper,quick-add-modal .product--small:not(.product--no-media) .product__media-wrapper{max-width:40%;width:calc(40% - var(--grid-desktop-horizontal-spacing) / 2)}quick-add-modal .product--large:not(.product--no-media) .product__info-wrapper,quick-add-modal .product--medium:not(.product--no-media) .product__info-wrapper,quick-add-modal .product--small:not(.product--no-media) .product__info-wrapper{max-width:60%;width:calc(60% - var(--grid-desktop-horizontal-spacing) / 2);padding:0 0 0 2rem}}quick-add-modal .product:not(.product--no-media) .product__media-wrapper{align-self:stretch}@media screen and (min-width:750px){quick-add-modal .quick-add-modal__content-info{overflow:visible;height:auto}quick-add-modal .product:not(.product--no-media) .product__media-wrapper media-gallery{display:block;position:sticky;top:var(--modal-padding, 2.5rem)}}quick-add-modal .product__media-list .product__media-item{align-self:flex-start}quick-add-modal .product__media-wrapper .product-media-container{margin-top:0;margin-bottom:auto}quick-add-modal .product__title h1,quick-add-modal .product__title h2.h1{font-size:2rem;line-height:2.5rem}@media screen and (min-width:750px){quick-add-modal .variant-table__head,quick-add-modal .variant-row{gap:1.2rem}quick-add-modal .variant-table__head{padding:2rem 1.6rem}quick-add-modal .variant-row{padding:1.4rem 1.6rem}quick-add-modal .variant-row__image{width:5rem;height:5rem}quick-add-modal .variant-row__atc,quick-add-modal .variant-row__notify{padding:0 1rem;font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-variant-table.css.map */
