.variant-color-swatches{display:flex;flex-direction:column;margin:2.5rem 0;min-height:4rem}.swatch-color-name{font-size:1rem;margin-bottom:1.8rem;color:#000;font-weight:400;min-height:1.2rem}.variant-swatches-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.swatch-item{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:.2rem}.variant-color-swatch{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);cursor:pointer;transition:transform .2s ease,border-color .2s ease;transform:translateZ(0);will-change:transform;background-color:#f0f0f0;position:relative;overflow:hidden}.variant-color-swatch span{color:#333;font-weight:700;font-size:8px;text-align:center;line-height:1;-webkit-user-select:none;user-select:none}.swatch-item:hover .variant-color-swatch{transform:scale(1.05);border-color:rgba(var(--color-foreground),.3)}.variant-color-swatch:focus{outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.2)}.swatch-item.active .variant-color-swatch{border:.15rem solid rgba(var(--color-foreground),.75)}.swatch-item.active .swatch-color-name{font-weight:700;color:rgba(var(--color-foreground),.85)}.swatch-item.active{position:relative}.swatch-item.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:14px;height:1px;background-color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.variant-color-swatches{margin:1.5rem 0}.variant-swatches-container{gap:.8rem}.variant-color-swatch{width:14px;height:14px}.swatch-color-name{font-size:1.2rem;margin-bottom:.5rem}.swatch-item{padding:.1rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/variant-color-swatches.css.map */