@layer components{.vx-swatch{--vx-swatch-dim: 16px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--vx-swatch-dim);height:var(--vx-swatch-dim);border-radius:var(--radius-pill);background:var(--vx-swatch-color, var(--color-bg-alt));border:1px solid var(--color-border);overflow:hidden;flex-shrink:0;cursor:pointer}.vx-swatch--selected{box-shadow:0 0 0 2px var(--color-bg),0 0 0 3px var(--color-text)}.vx-swatch--unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--color-border) calc(50% - 1px),var(--color-border) calc(50% + 1px),transparent calc(50% + 1px))}.vx-swatch__img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-pill)}.vx-swatch--text{width:auto;min-width:var(--vx-swatch-dim);height:var(--vx-swatch-dim);border-radius:999px;padding-inline:var(--space-2)}.vx-swatch__text{font-size:9px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.vx-swatch--product.vx-swatch--text .vx-swatch__text{font-size:10px}.vx-swatch-group{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.vx-swatch-group legend{width:100%;font-size:var(--text-small);margin-bottom:var(--space-2)}.vx-swatch-group input{position:absolute;opacity:0;width:1px;height:1px}.vx-swatch-group input:focus-visible+.vx-swatch{outline:2px solid var(--color-focus);outline-offset:2px}.vx-swatch-more{display:inline-flex;align-items:center;justify-content:center;width:var(--vx-swatch-dim, 16px);height:var(--vx-swatch-dim, 16px);border-radius:var(--radius-pill);font-size:9px;color:var(--color-text-muted)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/c-swatch.css.map */
