.swatch{--swatch--size: var(--swatch-input--size, 3.2rem);--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:.0625rem solid transparent;border-radius:var(--swatch--border-radius);position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.swatch-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:var(--swatch--border-radius)}.swatch-thumbnail-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:var(--swatch--border-radius)}.swatch-placeholder-svg{width:60%;height:60%;color:#9ca3af;opacity:.7}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-base-foreground),.5)}.color-option-with-thumbnail{position:relative}.color-option-with-thumbnail:hover:after{content:attr(data-color-name);position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);background-color:rgba(var(--color-base-background),.9);color:rgb(var(--color-base-foreground));padding:.2rem .5rem;border-radius:.2rem;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:5}.color-option-with-thumbnail:hover:after{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-swatch.css.map */