.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.il-swatch-grid{display:flex;flex-wrap:wrap;gap:12px}.il-swatch-item{display:flex;flex-direction:column;align-items:center;width:72px}.il-swatch-label{width:56px;height:56px;border-radius:9999px;overflow:hidden;position:relative;display:grid;place-items:center}.il-swatch-label>img,.il-swatch-label>.il-swatch-chip{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.il-swatch-label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 3px transparent;pointer-events:none}.input--hidden[type=radio]:checked+.il-swatch-label:after{box-shadow:inset 0 0 0 3px #741b47}.il-swatch-caption{margin-top:.4rem;text-align:center;line-height:1.15}.il-swatch-name{font-size:.9rem;color:#5b5b5b;font-weight:500;display:block}.il-swatch-status{display:block;font-size:.75rem;color:#9e9e9e;margin-top:.1rem}.il-swatch-item.is-disabled .il-swatch-label{filter:grayscale(100%);opacity:.55;cursor:not-allowed}.il-swatch-item.is-disabled .il-swatch-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;pointer-events:none;background:linear-gradient(45deg,transparent calc(50% - 1.5px),#9e9e9e calc(50% - 1.5px),#9e9e9e calc(50% + 1.5px),transparent calc(50% + 1.5px)),linear-gradient(-45deg,transparent calc(50% - 1.5px),#9e9e9e calc(50% - 1.5px),#9e9e9e calc(50% + 1.5px),transparent calc(50% + 1.5px))}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-swatch.css.map */