.pcard-variant-wrapper{z-index:1;position:relative}.pcard-variant-swatches{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem;padding:0}.pcard-variant-swatch{position:relative;cursor:pointer}.pcard-swatch-btn{width:32px;height:32px;border-radius:0;overflow:hidden;border:2px solid rgba(0,0,0,.12);background:#f5f5f5;cursor:pointer;transition:all .2s ease;position:relative;padding:0;display:block}.pcard-swatch-btn:hover{border-color:#0000004d;transform:translateY(-2px);box-shadow:0 3px 8px #0000001a}.pcard-swatch-btn.active{border-color:#000;border-width:2.5px}.pcard-swatch-btn.active:after{content:"\2713";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;background:#000;color:#fff;border-radius:3px 0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900}.pcard-swatch-img{width:100%;height:100%;object-fit:cover}.pcard-swatch-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#888;background:linear-gradient(135deg,#f5f5f5,#e5e5e5)}.pcard-swatch-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);background:#1a1a1a;color:#fff;padding:.375rem .625rem;border-radius:6px;font-size:.6875rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:100;line-height:1.3}.pcard-swatch-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1a1a1a}.pcard-variant-swatch:hover .pcard-swatch-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.pcard-variant-label{font-size:.6875rem;font-weight:600;color:#666;margin-bottom:.375rem;padding:0;letter-spacing:.02em}.pcard-variant-label strong{color:#111;font-weight:600}@media screen and (max-width:749px){.pcard-variant-swatches{gap:.25rem}.pcard-swatch-btn{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/product-card-variant-swatches.css.map */