.color-swatch{width:46px;height:46px;display:inline-block;border:1px solid var(--color-gray-200);margin-left:8px}.image-swatch{display:inline-block;width:46px;margin-left:8px}.text-swatch{display:inline-block;border:1px solid var(--color-gray-200);margin-left:8px;padding:4px 8px}.swatch{position:relative}.swatch.ready.active{border:2px solid var(--color-primary-500)}.swatch:not(.ready):before,.swatch:not(.ready):after{content:'';position:absolute;width:100%;height:2px;background-color:#000;top:50%;left:0;right:0}.swatch:not(.ready):before{transform:rotate(160deg)}.swatch:not(.ready):after{transform:rotate(-160deg)}