.variant-table{width:100%;font-family:var(--font-stack-body);scroll-margin-top:150px}.variant-table__heading{font-weight:600;margin:0 0 20px}.variant-table__table{width:100%;border-collapse:collapse;border-radius:5px;overflow:hidden}.variant-table__header{background-color:#eee;color:#000;display:grid;grid-template-columns:1fr 60px 88px;align-items:center;position:sticky;gap:10px;margin-bottom:4px;width:100%;top:0;z-index:4;padding-left:10px;padding-right:25px}.variant-table__header .scrollable{background:#eee}.variant-table__row{border-color:#eee;border-style:solid;border-top-width:1px;border-bottom-width:1px;border-left-width:1px;border-right-width:1px;align-items:center;gap:10px;display:grid;grid-template-columns:1fr 60px 88px;width:100%;padding-left:10px;padding-right:25px;position:relative}@media (min-width: 991px){.variant-table__header,.variant-table__row{grid-template-columns:1fr 60px 100px}}.variant-table__header .scrollable,.variant-table__row .scrollable{padding-block:14px}.variant-table__row-container{max-height:327px;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#000;position:relative}@media (min-width: 991px){.variant-table__row-container:before{content:"";position:absolute;right:2px;width:6px;height:25px;top:3px;background:#888;border-radius:6px;pointer-events:none;z-index:3;opacity:1;transition:opacity .3s ease}.variant-table__row-container.scrolled:before{opacity:0}.variant-table__row-container::-webkit-scrollbar{width:6px}.variant-table__row-container::-webkit-scrollbar-track{background:#000}.variant-table__row-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.variant-table__row-container::-webkit-scrollbar-thumb:hover{background:#555}}.variant-table__row:not(:last-child){margin-bottom:3px}.variant-table__cell{color:#000;font-size:14px;line-height:17px;vertical-align:middle;text-transform:uppercase}.variant-table__header .variant-table__cell{font-weight:700;font-size:12px}.variant-table__row>.variant-table__cell,.variant-table__header>.variant-table__cell{padding-block:10px;flex:1}.variant-table__header>.variant-table__cell{background:#eee;z-index:2;color:#000}.variant-table__row>.variant-table__cell{background:#fff;z-index:2}.variant-table__row>.variant-table__cell:last-child{text-align:center}.variant-table__inner .variant-table__cell:nth-child(1){min-width:80px;max-width:80px;text-align:center;width:100%}.variant-table__inner .variant-table__cell:nth-child(2){min-width:88px;max-width:88px;text-align:center}@media (min-width: 991px){.variant-table__inner .variant-table__cell:nth-child(2){min-width:100px;max-width:100px}}.variant-table__row:not(.variant-table__header) .variant-table__inner .variant-table__cell:nth-child(1){color:var(--primary-color)}.variant-table__variant-title{font-weight:500}.variant-table__price{font-weight:600;color:var(--primary-color)}.variant-table__quantity-wrapper{display:flex;align-items:center;flex-direction:row;justify-content:center;gap:5px;position:relative;background-color:#eee}.variant-table__row.selected .variant-table__cell .variant-table__quantity-wrapper{border:1px solid #000}.variant-table__quantity-button{width:32px;height:32px;border:0;background-color:transparent;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:400;transition:all .2s ease}.variant-table__quantity-button:hover{background-color:transparent;color:#000}.variant-table__quantity-button:disabled{opacity:.5;cursor:not-allowed}.variant-table__quantity-wrapper .variant-table__quantity-input{width:40px;height:32px;border-width:0;text-align:center;border:0;font-size:12px;color:#000;font-weight:700;background-color:transparent}.variant-table__summary{margin-top:10px}.variant-table__add-to-cart{width:100%;text-transform:uppercase;font-weight:700}.variant-table__add-to-cart .variant-table__total-count{font-size:16px}.variant-table__add-to-cart:disabled{opacity:.6;cursor:not-allowed}.variant-table__loading{display:none;align-items:center;justify-content:center;gap:8px}.variant-table__loading.active{display:flex}.variant-table__spinner{width:16px;height:16px;border:2px solid #000;border-top:2px solid transparent;border-radius:50%;animation:variant-table-spin 1s linear infinite}@keyframes avariant-table-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.variant-table__error{color:var(--primary-color);font-size:14px;margin-top:10px;display:none}.variant-table__error.active{display:block}@media screen and (max-width: 749px){.variant-table__table{font-size:14px}.variant-table__quantity-input{width:50px}}.variant-action_button{display:inline-block;background-color:#eee;border-radius:5px;font-size:10px;font-family:var(--font-stack-body);text-transform:uppercase;font-weight:700;text-align:center;line-height:1;padding:10px 9px;border:1px solid #eee}.variant-action_button:hover{background-color:#fff;border:1px solid #eee}.variant-table__row.selected .variant-action_button{background-color:#fff}.variant-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:#0006;justify-content:flex-end;align-items:flex-end}.variant-modal-content{background:#fff;padding:30px 40px;max-width:400px;width:100%;position:relative}.variant-modal-close{position:absolute;top:22px;right:40px;cursor:pointer;font-size:30px;color:#000;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.variant-heading{display:flex;align-items:center;text-align:left;justify-content:flex-start;gap:5px;flex-wrap:wrap;padding-right:35px;margin-bottom:25px}.variant-title,.modal-product-title{color:#000;font-family:var(--font-stack-body);font-size:17px;line-height:1;letter-spacing:.5px;font-weight:700;display:block}.variant-rte{padding:25px 0 0;border-top:1px solid #eee}.variant-rte>div:not(:last-child){margin-bottom:35px}.variant-rte>div h4{color:#000;font-size:14px;font-weight:700;line-height:14px;letter-spacing:.28px;text-transform:uppercase;margin-bottom:10px;font-family:var(--font-stack-body)}.variant-rte>div p{font-size:15px;color:#000;font-family:var(--font-stack-body)}@media (max-width: 990px){.first-table__cell{flex:0 0 var(--first-col-w);box-sizing:border-box;z-index:2;position:-webkit-sticky;position:sticky;left:0;display:flex;align-items:center;padding:var(--cell-pad);white-space:nowrap;border-right:1px solid var(--row-border)}}.scrollable .variant-table__inner{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:0 25px 0 0}.scrollable .cell{flex:0 0 var(--col-w);box-sizing:border-box;padding:var(--cell-pad);white-space:nowrap;display:flex;align-items:center;justify-content:flex-start}.quantity-warning{position:absolute;right:2px;top:60%;transform:translateY(-50%);z-index:3}.variant-table__row-container .variant-table__row .warning-message{position:absolute;top:-60px;width:170px;right:0;background:#fff;padding:10px;z-index:3;display:block;text-align:center;font-size:12px;line-height:14px;box-shadow:1px 1px 3px #0000004d;border-radius:5px}.variant-table__row-container .variant-table__row .warning-message:before{content:"";width:10px;height:10px;background:#fff;position:absolute;transform:rotate(135deg);z-index:-1;right:5px;bottom:-3px;box-shadow:1px 1px 3px #0000004d;clip-path:polygon(0 0,100% 0,100% 100%,50% 50%)}.variant-table__row-container .variant-table__row.first-row .quantity-warning .warning-message{top:unset;bottom:-65px}.variant-table__row-container .variant-table__row.first-row .warning-message:before{transform:rotate(315deg);top:-3px;bottom:unset}.variant-table__variant-title .product-barcode>*{font-size:10px;font-weight:400;line-height:14px;display:block;color:#666;text-transform:capitalize}.variant--price .variant-price__regular,.variant--price .variant-price__sale .sale--price{color:var(--primary-color)}.variant--price .variant-price__sale .regular--price{font-size:12px;font-weight:400;color:#666;text-decoration:line-through}.variant_soldout-badge{border:2px solid var(--secondary-color);color:var(--secondary-color);padding:10px 9px;border-radius:5px;font-size:10px;display:inline-block;margin:0 auto;font-weight:700;text-align:center;line-height:12px;font-family:var(--font-stack-body)}.min_price-label{font-size:12px;text-transform:uppercase;font-family:var(--font-stack-body);font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/30/assets/variant-table.css.map */