.product-variants__title{font-weight:600;margin-bottom:12px;font-size:16px;color:#111}.product-variants__list{display:flex;flex-wrap:wrap;gap:5px}.product__info .product-variants__item{display:flex;flex-direction:column;align-items:center;border:1.5px solid #dcdcdc;border-radius:10px;overflow:hidden;text-decoration:none;color:#000;width:max-content;min-width:4rem;padding:2px;border:1px solid #e0e0e0;transition:all .25s ease;background-color:#fff}.product__info .product-variants__item:hover{border-color:#000;transform:translateY(-2px)}.product-variants__image{width:100px;overflow:hidden;background:#f9f9f9}.product-variants__image img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.product-variants__name{font-size:13px;text-align:center;padding:4px 0;margin:0;width:100%;font-weight:600;box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:2.4em}.variant-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:999999}.variant-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.variant-popup-box{position:relative;background:#fff;padding:25px 20px;border-radius:10px;z-index:2;width:90%;max-width:420px}.variant-popup-close-btn{position:absolute;top:22px;right:28px;background:transparent;border:none;font-size:22px;cursor:pointer}.variant-popup-done-btn{width:100%;padding:12px;margin-top:15px;background:#ccc;color:#fff;border:none;border-radius:6px;cursor:not-allowed;text-align:center}.variant-popup-done-btn.enabled{background:#000;cursor:pointer}.popup-swatch{margin:10px 0}.variant-popup-title{font-size:20px;font-weight:700;margin-bottom:15px}@media (max-width: 1024px){.product-variants__name{font-size:12px;min-height:2.4em}}@media (max-width: 768px){.product-variants__list{gap:10px}.product-variants__image{width:85px}.product-variants__name{font-size:11px;padding:6px 4px;min-height:2.2em}}@media (max-width: 480px){.product-variants__title{font-size:14px}.product-variants__name{font-size:10.5px;padding:6px 3px;min-height:2.1em}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/color-variant-picker.css.map */