.wd-swatches-filter li{position:relative}.wd-swatches-filter li a{position:relative;display:block;padding-left:30px!important;min-height:24px}.wd-swatches-filter li a::before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:15px;height:15px;border:2px solid #ccc;border-radius:3px;background:#fff;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.wd-swatches-filter li a::after{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:#333;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>') center/contain no-repeat;transition:transform .2s ease;opacity:0}.wd-swatches-filter li.wd-active a::before{border-color:#333;background-color:#333}.wd-swatches-filter li.wd-active a::after{transform:translateY(-50%) scale(1);opacity:1;background:#fff}.wd-swatches-filter li a.alternative::after{content:"";position:absolute;left:7px;top:50%;transform:translateY(-60%) rotate(45deg) scale(0);width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transition:transform .2s ease;opacity:0}.wd-swatches-filter li.wd-active a.alternative::after{transform:translateY(-60%) rotate(45deg) scale(1);opacity:1}.wd-swatches-filter li a:hover::before{border-color:#888}.wd-swatches-filter li.wd-active span{font-weight:700!important}.wd-swatches-filter .filter-swatch{display:none}