.search-pills{--button--padding-y:0.625rem;--button--padding-x:1rem;--button--background-color:hsla(var(--color--brand-2--hsl),0.3);--button--color:var(--color--brand-2)}.search-pills__button{--cross--color:currentColor;--cross--size:var(--search--icon-size);font-weight:var(--type--1--font-weight);overflow:hidden;padding-left:calc(var(--button--padding-x) + var(--space--xxs));padding-right:calc(var(--button--padding-x) + var(--search--icon-size) + var(--space--s));position:relative}.search-pills__button:after,.search-pills__button:before{background-color:var(--cross--color,var(--color--black));content:"";height:var(--cross--line-height,2px);left:50%;position:absolute;top:50%;transition:transform var(--transition--duration) var(--transition--ease) 0s;width:var(--cross--size,100%)}.search-pills__button:before{transform:translateX(-50%) translateY(-50%) rotate(45deg)}.search-pills__button:after{transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.search-pills__button:after,.search-pills__button:before{left:auto;right:var(--button--padding-x)}.search-pills__button__search-term__icon{--mask-icon--size:var(--search--icon-size);align-items:center;display:flex;gap:var(--space--s);pointer-events:none}.search-pills__button__search-term__icon:before{background-color:currentColor;color:currentColor;content:"";height:100%;height:var(--mask-icon--size);-webkit-mask-image:url(../../../../assets/images/icons/search.svg);mask-image:url(../../../../assets/images/icons/search.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--mask-icon--size,contain);mask-size:var(--mask-icon--size,contain);-webkit-mask-size:var(--mask-icon--size);mask-size:var(--mask-icon--size);width:100%;width:var(--mask-icon--size)}.search-pills__button:disabled{cursor:not-allowed;opacity:.5}.search-pills__items{column-gap:0;display:flex;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:calc(var(--space--xs)*-1);margin-left:calc(var(--space--container-padding)*-1);margin-right:calc(var(--space--container-padding)*-1);overflow-x:auto;padding-bottom:var(--space--xs);position:relative;scroll-snap-type:x mandatory;will-change:transform}.search-pills__items:after,.search-pills__items:before{content:"";display:block;flex:0 0 var(--space--container-padding);height:1px;opacity:0;overflow:hidden;pointer-events:none}.search-pills__items .search-pills__button{flex:0 0 30%;margin-right:var(--grid--column-gap);margin-top:0;min-height:100%;min-width:6.25rem;scroll-snap-align:center}@media (min-width:36em){.search-pills__items .search-pills__button{flex-basis:auto}}.search-pills__items .search-pills__button:last-child{margin-right:0}