.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{border-radius: 3px;padding: 0;}
.lw-color-switcher__item,.lw-color-switcher__more{position:relative;display:block;box-sizing:border-box;width:100%;border:1px solid #f2f0f1;background:#fff;cursor:pointer;transition:border-color .2s ease-in-out}
.lw-color-switcher__item::before,.lw-color-switcher__more::before{content:"";display:block;padding-top:100%}
.lw-color-switcher__item img,.lw-color-switcher__chip{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.lw-color-switcher__item img{object-fit:contain}
.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{background:var(--lw-swatch,#ccc)}
.lw-color-switcher__item.is-collapsed{display:none}
.lw-color-switcher__more{border-color:#e5e5e5;font-size:14px}
.lw-color-switcher__more span{position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translateY(-50%)}
.lw-color-switcher__more:hover{border-color:#1c1c1c}
.lw-color-row-hidden{display:none!important}