.variant-picker{display:flex;gap:12px;margin-bottom:16px}.variant-pill{padding:8px 16px;border:1px solid #1976d2;border-radius:20px;background-color:#fff;color:#1976d2;cursor:pointer!important;transition:background-color .3s,color .3s}.variant-pill.active{background-color:#1976d2;color:#fff}.swatch-container{width:100%;box-sizing:border-box}.swatch-container,.swatch-grid,.swatch-item{overflow:visible!important}.swatch-container{position:relative;isolation:isolate}.swatch-grid-scroll-container{overflow:visible!important;position:relative}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:10px;width:100%;box-sizing:border-box}.swatch-item{position:relative;overflow:visible;line-height:0}.swatch-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:border-color .3s,box-shadow .3s}.swatch-img:hover{border-color:#1976d2}.swatch-img.active{border-color:#1976d2;box-shadow:0 0 6px #1976d2}.tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#323232;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;max-width:150px;word-break:break-word;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000000;line-height:1.4}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#323232 transparent transparent transparent}.swatch-item:hover .tooltip{opacity:1}product-info{position:relative}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.popup-overlay.active{opacity:1;pointer-events:auto}.popup-content{background-color:#fff;padding:16px;border-radius:8px;overflow:hidden;position:relative;transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease;aspect-ratio:1 / 1 width: 100%;max-width:500px;min-width:500px;height:100%;max-height:500px;min-height:500px;margin:auto;display:flex;justify-content:center;align-items:center}@media (max-width: 520px){.popup-content{width:90vw;height:90vw;min-width:unset;min-height:unset}}.popup-overlay.active .popup-content{transform:scale(1);opacity:1}.popup-img{max-width:100%;width:100%}.popup-close{position:absolute;top:18px;right:18px;background:#fff6;border:none;font-size:20px;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/14/assets/swatch-grid.css.map */