.swatch-item{width:var(--swatch-item-width,var(--space-400));height:var(--swatch-item-height,var(--space-400));outline:var(--border-width-md) var(--border-style-solid) var(--swatch-outline,transparent);outline-offset:-1px;transition:outline-color var(--animation-micro);display:inline-block;position:relative}.swatch-item:before{content:"";position:absolute;inset:-25%}.swatch-item--image{background-position:50%;background-repeat:no-repeat;background-size:cover}.swatch-item:not(.swatch-item--image){background-color:var(--swatch-color,var(--color-neutral-900))}.is-selected>.swatch-item{outline-color:var(--color-neutral-900)}