.variant-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.variant-filter__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--variant-filter-accent,#ff502c);border-radius:999px;color:var(--variant-filter-accent,#ff502c);cursor:pointer;font:inherit;font-size:13px;font-weight:500;line-height:1.2;margin:0;padding:6px 14px;transition:background-color .15s ease,color .15s ease}.variant-filter__item.is-active{background-color:var(--variant-filter-accent,#ff502c);color:#fff}.variant-filter__item:focus-visible{outline:2px solid var(--variant-filter-accent,#ff502c);outline-offset:2px}.variant-wrapper .variant-input.is-filtered-out{display:none}