.lw-color-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0}
.lw-color-swatch{display:block;width:12px;height:12px;background:var(--lw-swatch,#ccc);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);text-decoration:none;transition:transform .2s ease-in-out}
.lw-color-swatch:hover{transform:scale(1.15)}
.lw-color-swatch.is-out{opacity:.35}
.lw-color-switcher{margin:24px 0}
.lw-color-switcher__title,.lw-color-switcher__label{margin:0;font-size:14px;line-height:1.3}
.lw-color-switcher__title{margin-bottom:16px}
.lw-color-switcher__label{margin-top:12px}
.lw-color-switcher__track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.lw-color-switcher__item{width:100%;aspect-ratio:1;padding:8px;border:1px solid transparent;padding:8px;background:#fff;cursor:pointer;overflow:hidden;transition:border-color .2s ease-in-out}
.lw-color-switcher__item img{display:block;width:100%;height:100%;object-fit:cover}
.lw-color-switcher__item:hover{border-color:#bdbdbd}
.lw-color-switcher__item.is-active,.lw-color-switcher__item.is-active:hover{border-color:#1c1c1c}
.lw-color-switcher__item.is-out img{opacity:.45}
.lw-color-switcher__chip{display:block;width:100%;height:100%;background:var(--lw-swatch,#ccc)}
.lw-color-switcher__item.is-collapsed{display:none}
.lw-color-switcher__more{width:96px;aspect-ratio:1;padding:0;border:1px solid #e5e5e5;background:#fff;font-size:14px;cursor:pointer;transition:border-color .2s ease-in-out}
.lw-color-switcher__more:hover{border-color:#1c1c1c}
.lw-color-row-hidden{display:none!important}