.wcw{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--wcw-min,138px),1fr));gap:var(--wcw-gap,.75rem)}.wcw__item{display:grid;gap:var(--wcw-item-gap,.25rem);text-decoration:none;color:inherit}.wcw__swatch{position:relative;aspect-ratio:1;overflow:hidden;background:var(--wcw-color,#ccc);border:var(--wcw-swatch-border,1px solid rgb(30 35 45 / .12));border-radius:var(--wcw-radius,10px)}.wcw__swatch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--wcw-speed,220ms) ease-out}.wcw__item:hover .wcw__swatch img,.wcw__item:focus-visible .wcw__swatch img{opacity:1}.wcw__item:focus-visible{outline:var(--wcw-focus,2px solid currentColor);outline-offset:3px;border-radius:var(--wcw-radius,10px)}.wcw__name{font-size:var(--wcw-name-size,.875rem);font-weight:var(--wcw-name-weight,500);line-height:1.25}.wcw__price{font-size:var(--wcw-price-size,.75rem);opacity:.72}.wcw__mat.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:clip;clip-path:inset(50%);white-space:nowrap}.wcw__out{position:absolute;right:.25rem;bottom:.25rem;padding:2px 6px;border-radius:6px;background:var(--wcw-out-bg,#fff);color:var(--wcw-out-ink,#555);font-size:.625rem;line-height:1.4}.wcw__item.is-out .wcw__swatch{opacity:.55}@media (prefers-reduced-motion:reduce){.wcw__swatch img{transition:none}}