.color-pills-wrapper{scrollbar-width:none;scroll-snap-type:x proximity;gap:.5rem;margin-block:1rem;padding-inline:1rem;display:flex;overflow-x:auto}.color-pills-wrapper::-webkit-scrollbar{display:none}.color-pills-pill{scroll-snap-align:start;text-transform:capitalize;color:#000;height:40px;font-weight:500;font-size:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#e4e4e4;border:0;border-radius:10px;flex-shrink:0;padding-block:.5rem;padding-inline:1rem;font-family:inherit;line-height:1.5;transition:background-color .15s,color .15s}.color-pills-pill-selected{color:#fff;background-color:#a6a2de}.color-pills-count{opacity:.7;font-weight:400}@media (prefers-reduced-motion:reduce){.color-pills-pill{transition:none}}