.filter-pills{scrollbar-width:none;margin:-6px;padding:6px;position:relative;overflow:auto}.filter-pills::-webkit-scrollbar{width:0;height:0}.filter-pills.can-scroll{--mask-start-scale:0;--mask-end-scale:0;--mask-offset:0;--mask-size:20px;mask-image:linear-gradient(to right,transparent 0px,black var(--mask-size),black calc(100% - var(--mask-size)),transparent 100%);mask-size:calc(100% + (var(--mask-start-scale) + var(--mask-end-scale))*var(--mask-size))100%;mask-position:calc(var(--mask-offset)*var(--mask-size))0;transition-property:mask-position,mask-size;transition-duration:.3s;mask-repeat:no-repeat}.filter-pills.can-scroll.at-start{--mask-offset:-1;--mask-start-scale:1}.filter-pills.can-scroll.at-end{--mask-end-scale:1}.filter-pills ul{white-space:nowrap;align-items:center;gap:clamp(.625rem,.508117rem + .519481vw,1.125rem);width:max-content;margin:0;padding:0;font-size:clamp(.9375rem,.893669rem + .194805vw,1.125rem);font-weight:600;list-style:none;display:flex}.filter-pills ul li{padding:0}.filter-pills ul .filter-pill{border:2px solid var(--grey-600);color:inherit;border-radius:100vmax;padding:clamp(.75rem,.691558rem + .25974vw,1rem) clamp(1.25rem,.811688rem + 1.94805vw,3.125rem);display:block}:root.no-focus-visible .filter-pills ul .filter-pill:focus{outline:3px solid var(--focus-color,#193656);outline-offset:var(--focus-offset,3px)}.filter-pills ul .filter-pill:focus:not(:focus-visible){outline:none}.filter-pills ul .filter-pill:focus-visible{outline:3px solid var(--focus-color,#193656);outline-offset:var(--focus-offset,3px)}@media (width>=768px){.filter-pills ul .filter-pill{border-width:1px}}.filter-pills ul .filter-pill.active{background-color:var(--accent-inverse);border-color:var(--accent-inverse)}.filter-pills ul .filter-pill:not(.active):hover{border-color:var(--accent-inverse--darker)}.filter-pills ul .filter-pill:not(.active):active{border-color:var(--accent-inverse--darker);color:var(--accent)}
/*# sourceMappingURL=css-filter-pills.css.map*/