.product-variant-table-section{background:var(--light-grey-color);padding:18px 0 0}.variant-table-wrapper{width:100%;background-color:#fff;padding:20px;border-radius:5px}.variant-table-wrapper .variant-table__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:24px;margin-bottom:16px;position:relative}.variant-table-wrapper .variant-table-header{display:flex;align-items:center;width:100%;gap:16px}.variant-table-wrapper .variant-table-header h4{text-transform:uppercase;font-size:22px;font-weight:700;color:var(--black-color);margin:0}.variant-table-wrapper .variant-table__search{width:32%;display:flex}.variant-table-wrapper .variant-table__count{margin:0;font-size:14px;font-weight:600;color:#000000b3;white-space:nowrap}.variant-table-wrapper .variant-table__count .hidden,.variant-table-wrapper .variant-table__count.hidden{display:none}.variant-table-wrapper .variant-table__search-input{width:100%;height:45px;padding:0 30px 0 12px;font-size:14px;font-family:var(--font-open-sans);color:#181818;border-radius:5px;border:1px solid #dddddd;background-color:#f9f9f9;background-image:url(icon-search.svg);background-repeat:no-repeat;background-position:right 1.2rem center;background-size:18px}.variant-table-wrapper .variant-table__search-input:disabled,.variant-table-wrapper .variant-table__filter-select:disabled{cursor:no-drop}.variant-table-wrapper .variant-table__filters{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-around;width:100%}.variant-table-wrapper .variant-table__filter{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;flex:0 0 calc(33% - 12px);width:calc(33% - 12px)}.variant-table-wrapper .variant-table__filter label{text-transform:capitalize;font-size:15px;font-weight:600;color:#181818;margin:0;line-height:normal}.variant-table-wrapper .variant-table__filter-select{height:45px;padding:0 30px 0 12px;font-size:14px;font-family:var(--font-open-sans);color:#181818;border-radius:5px;border:1px solid #dddddd;background-color:#f9f9f9;background-image:url(icon-sort-small.png);background-repeat:no-repeat;background-position:right 12px center;background-size:12px;appearance:none;-webkit-appearance:none;width:60%}.variant-table-wrapper .variant-table__filter-select.select2-hidden-accessible{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);left:0}.variant-table-wrapper .variant-table__filter .select2-container{width:60%!important;min-width:0}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single{height:45px;display:flex;align-items:center;padding:0 30px 0 12px;font-size:14px;font-family:var(--font-open-sans);color:#181818;border-radius:5px;border:1px solid #dddddd;background-color:#f9f9f9}.variant-table-wrapper .variant-table__filter .select2-container--disabled,.variant-table-wrapper .variant-table__filter .select2-container--disabled .select2-selection--single,.variant-table-wrapper .variant-table__filter .select2-container--disabled .select2-selection__rendered,.variant-table-wrapper .variant-table__filter .select2-container--disabled .select2-selection__arrow{cursor:no-drop}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single .select2-selection__rendered{display:flex;align-items:center;gap:8px;padding:0;color:#181818;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single .select2-selection__rendered .variant-table__filter-swatch{flex:0 0 auto;margin-right:8px}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single .select2-selection__placeholder{color:#999}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single .select2-selection__arrow{height:45px;right:12px}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single .select2-selection__arrow b{border-color:#181818 transparent transparent transparent;border-width:5px 4px 0 4px;margin-left:-2px;margin-top:-1px}.variant-table-wrapper .select2-container .select2-dropdown,.select2-container .select2-dropdown{border:1px solid #dddddd;border-radius:5px;box-shadow:0 8px 24px #0000001f}.variant-table-wrapper .select2-container .select2-results__option,.select2-container .select2-results__option{padding:8px 12px;font-size:14px;font-family:var(--font-open-sans);color:#181818}.variant-table-wrapper .select2-container .select2-results__option--highlighted[aria-selected],.select2-container .select2-results__option--highlighted[aria-selected]{background-color:#f2f2f2;color:#181818}.variant-table-wrapper .select2-container .select2-search--dropdown .select2-search__field,.select2-container .select2-search--dropdown .select2-search__field{font-size:14px;font-family:var(--font-open-sans);padding:8px;border-color:#ddd}.select2-container .select2-results__option .variant-table__filter-swatch{vertical-align:middle;margin-right:8px}.variant-table__filter-swatch,.variant-table-wrapper .variant-table__filter-swatch{width:22px;height:22px;flex:0 0 22px;display:inline-block;vertical-align:middle;border-radius:50%;border:1px solid rgba(0,0,0,.15);background-position:center;background-size:cover;background-repeat:no-repeat}.variant-table-wrapper .variant-table__table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.variant-table-wrapper .variant-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid #dddddd}.variant-table-wrapper .variant-table thead{background:#f9f9f9}.variant-table-wrapper .variant-table__th{text-align:center;padding:10px 8px;text-transform:capitalize;letter-spacing:0;border-bottom:2px solid #dddddd;white-space:nowrap;font-weight:700;color:var(--black-color);font-family:var(--font-open-sans);font-size:16px}.variant-table-wrapper .variant-table__th--image{width:80px}.variant-table-wrapper .variant-table__th--number,.variant-table-wrapper .variant-table__cell--number,.variant-table-wrapper .variant-table__th--variant-id,.variant-table-wrapper .variant-table__cell--variant-id{display:none}.variant-table-wrapper .variant-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.variant-table-wrapper .variant-table__th--sortable:after{content:"";display:inline-block;margin-left:6px;background-image:url(icon-sort-small.png);background-repeat:no-repeat;background-position:center;background-size:12px;vertical-align:middle;width:18px;height:18px}.variant-table-wrapper .variant-table__row--unavailable{opacity:.5}.variant-table-wrapper .variant-table__cell{border-bottom:1px solid #dddddd;padding:5px 8px;vertical-align:middle;text-align:center;color:#000c;font-size:14px}.variant-table-wrapper .variant-table__color-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;margin-right:6px;vertical-align:middle;border:1px solid rgba(0,0,0,.15);background-position:center;background-size:cover;background-repeat:no-repeat;flex-shrink:0;margin-top:-3px}.variant-table-wrapper .variant-table__image{width:60px;height:35px;display:flex;align-items:center;justify-content:center}.variant-table-wrapper .variant-table__image img{max-width:100%;max-height:100%;height:auto;object-fit:contain}.variant-table-wrapper .variant-table__zoom-trigger{background:none;border:0;padding:0;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.variant-table-wrapper .variant-table__zoom-trigger:focus-visible{outline:2px solid var(--primary-blue-color);outline-offset:2px}.variant-table-wrapper .variant-table__zoom-trigger img{max-width:100%;max-height:100%;height:auto;object-fit:contain;display:block}.vt-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000000;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;visibility:hidden;padding:54px 20px;transition:opacity var(--duration-short, .2s) ease,visibility var(--duration-short, .2s) ease}.vt-lightbox.is-open{opacity:1;visibility:visible}.vt-lightbox__image{max-width:max-content;max-height:calc(100vh - 120px);object-fit:contain;opacity:0;transform:scale(.92);transition:opacity var(--duration-short, .2s) ease,transform var(--duration-short, .2s) ease}.vt-lightbox.has-image .vt-lightbox__image{opacity:1;transform:scale(1);cursor:default}.vt-lightbox__spinner{display:none;position:absolute;top:50%;left:50%;margin:-18px 0 0 -18px;width:36px;height:36px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:variant-table-spin .8s linear infinite}.vt-lightbox.is-open{cursor:zoom-out}.vt-lightbox.is-open:not(.has-image) .vt-lightbox__spinner{display:block}.vt-lightbox__close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--duration-short, .2s) ease}.vt-lightbox__close:hover,.vt-lightbox__close:focus-visible{background:#ffffff47}.vt-lightbox__close:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media screen and (max-width:749px){.vt-lightbox__image{max-width:calc(100vw - 32px);max-height:calc(100vh - 88px)}.vt-lightbox__close{top:10px;right:10px}}.variant-table-wrapper .variant-table__qty{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:5px;overflow:hidden}.variant-table-wrapper .variant-table__qty-btn{background:none;border:none;width:30px;height:26px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--black-color);font-family:inherit;line-height:1}.variant-table-wrapper .variant-table__qty-btn:hover{background-color:#f5f5f5}.variant-table-wrapper .variant-table__qty-input{width:40px;height:26px;border:none;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:14px;font-family:inherit;-moz-appearance:textfield}.variant-table-wrapper .variant-table__qty-input::-webkit-inner-spin-button,.variant-table-wrapper .variant-table__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.variant-table-wrapper .variant-table__add-btn{background-color:var(--primary-blue-color);color:var(--white-color);border:none;padding:6px 16px;font-size:13px;font-weight:600;border-radius:5px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:opacity var(--duration-short) ease}.variant-table-wrapper .variant-table__add-btn:hover{opacity:.85}.variant-table-wrapper .variant-table__add-btn--disabled{background-color:#ccc;cursor:not-allowed}.variant-table-wrapper .variant-table__add-btn.loading{position:relative;color:transparent;pointer-events:none}.variant-table-wrapper .variant-table__add-btn.loading>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;height:100%;display:flex;align-items:center}.variant-table-wrapper .variant-table__add-btn.loading>.loading__spinner .path{stroke:rgb(var(--color-button-text))}.variant-table-wrapper .variant-table__error{display:block;margin-top:4px;font-size:12px;color:#c82828;line-height:1.4}.variant-table-wrapper .variant-table__error.hidden,.variant-table-wrapper .variant-table__row.hidden{display:none}.variant-table-wrapper .variant-table__no-results{padding:20px;text-align:center;color:rgba(var(--color-foreground),.7)}.variant-table-wrapper .variant-table__load-more{background-color:transparent;border:0;color:var(--orange-color);padding:0;font-size:18px;font-weight:500;cursor:pointer;margin:20px auto 0;display:flex}.variant-table-wrapper .variant-table__load-more:hover{color:var(--primary-blue-color)}.variant-table-wrapper .variant-table__load-more.hidden{display:none}.variant-table-wrapper .variant-table__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px 40px;gap:16px;margin-top:8px}.variant-table-wrapper .variant-table__loading.hidden{display:none}.variant-table-wrapper .variant-table__loading-spinner{width:36px;height:36px;border:3px solid rgba(var(--color-foreground),.15);border-top-color:var(--primary-blue-color, #0066cc);border-radius:50%;animation:variant-table-spin .8s linear infinite}@keyframes variant-table-spin{to{transform:rotate(360deg)}}.variant-table-wrapper .variant-table__loading-text{font-size:14px;color:rgba(var(--color-foreground),.7);margin:0}.variant-table-wrapper .variant-table--loading tbody{display:none}@media screen and (max-width:991px){.product-variant-table-section{padding:8px 0 0}.variant-table-wrapper .variant-table__toolbar .variant-table-header{gap:16px;flex-wrap:wrap}.variant-table-wrapper .variant-table__toolbar .variant-table-header h4{font-size:20px}.variant-table-wrapper .variant-table__toolbar .variant-table-header h4,.variant-table-wrapper .variant-table__toolbar .variant-table__search{width:50%}.variant-table-wrapper .variant-table__count{width:100%}.variant-table-wrapper .variant-table__filters{justify-content:flex-start}.variant-table-wrapper .variant-table__filter{flex:0 0 calc(50% - 12px);width:calc(50% - 12px);justify-content:flex-start}.variant-table-wrapper .variant-table__filter-select,.variant-table-wrapper .variant-table__filter .select2-container{width:100%!important}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single{height:35px;padding-left:10px}.variant-table-wrapper .variant-table__filter .select2-container .select2-selection--single .select2-selection__arrow{height:35px}.variant-table-wrapper .variant-table__filter label{font-size:14px}.variant-table-wrapper .variant-table__toolbar{gap:16px}.variant-table-wrapper .variant-table__table-wrap{overflow:visible}.variant-table-wrapper .variant-table thead{display:none}.variant-table-wrapper .variant-table,.variant-table-wrapper .variant-table tbody{display:block;width:100%;border:0}.variant-table-wrapper .variant-table__row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;grid-auto-flow:row dense;align-items:start;column-gap:12px;row-gap:1rem;margin:0 0 14px;padding:1.6rem;background:#fff;border:1px solid #dddddd;border-radius:5px}.variant-table-wrapper .variant-table__cell{min-width:0;overflow-wrap:anywhere;padding:0;border:0;text-align:left;font-size:14px;font-weight:500;order:4;grid-column:2 / -1;line-height:normal}.variant-table-wrapper .variant-table__cell:before{content:attr(data-label) ": ";font-weight:600;color:var(--black-color);margin-right:4px}.variant-table-wrapper .variant-table__cell[data-label="Part Number"]:before,.variant-table-wrapper .variant-table__cell[data-label=Image]:before,.variant-table-wrapper .variant-table__cell--price:before,.variant-table-wrapper .variant-table__cell--action:before{content:none}.variant-table-wrapper .variant-table__cell[data-label=Image]{order:0;grid-column:1;grid-row:1 / span 5}.variant-table-wrapper .variant-table__cell[data-label=Image] .variant-table__image{width:80px;height:80px;display:flex;align-items:center;justify-content:center}.variant-table-wrapper .variant-table__cell[data-label="Part Number"]{order:1;grid-column:2 / -1}.variant-table-wrapper .variant-table__cell[data-label="Expansion Range"]{order:2;grid-column:2 / -1}.variant-table-wrapper .variant-table__cell[data-label=Quantity]{order:4;grid-column:2}.variant-table-wrapper .variant-table__cell[data-label=Quantity]:before{content:"Qty: "}.variant-table-wrapper .variant-table__cell--price{order:4;grid-column:3}.variant-table-wrapper .variant-table__cell--price span{font-weight:600}.variant-table-wrapper .variant-table__cell--action{order:5;grid-column:2 / -1}.variant-table-wrapper .variant-table__form{display:block;width:100%}.variant-table-wrapper .variant-table__add-btn{width:100%}.variant-table-wrapper .variant-table__toolbar .variant-table-header h4{font-size:18px}.variant-table-wrapper .variant-table__row{gap:8px}}@media screen and (max-width:576px){.variant-table-wrapper .variant-table__filters{row-gap:16px;column-gap:0}.variant-table-wrapper .variant-table__filter{flex:0 0 100%;width:100%}.variant-table-wrapper .variant-table-header h4,.variant-table-wrapper .variant-table__search,.variant-table-wrapper .variant-table__count{width:100%}.variant-table-wrapper .variant-table-header{flex-wrap:wrap}.variant-table-wrapper .variant-table__toolbar .variant-table-header h4,.variant-table-wrapper .variant-table__toolbar .variant-table__search,.variant-table-wrapper .variant-table__toolbar .variant-table__count{width:100%}.variant-table-wrapper .variant-table__cell{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/variant-table.css.map */