@property --left-fade-filter{syntax:"<length>";inherits:false;initial-value:0}@property --right-fade-filter{syntax:"<length>";inherits:false;initial-value:0}@keyframes filter-fade{0%{--left-fade-filter:0}10%,to{--left-fade-filter:3rem}0%,90%{--right-fade-filter:3rem}to{--right-fade-filter:0}}.active-filters{gap:var(--spacing-3);flex-direction:column;display:flex}@media not (max-width:48rem){.active-filters{flex-direction:row;justify-content:space-between;align-items:flex-start}}.active-filters__container{position:relative}@media (max-width:48rem){.active-filters__container{max-width:100%;-webkit-mask:linear-gradient(to right, #0000, white var(--left-fade-filter) calc(100% - var(--right-fade-filter)), #0000);mask:linear-gradient(to right, #0000, white var(--left-fade-filter) calc(100% - var(--right-fade-filter)), #0000);scroll-timeline:--filter-fade x;animation:filter-fade;animation-timeline:--filter-fade;overflow-x:auto}}.active-filters__list{gap:var(--spacing-1);flex-flow:wrap;width:fit-content;margin:0 auto;padding:0;list-style:none;display:flex}@media not (max-width:48rem){.active-filters__list{flex-wrap:wrap;margin:0}}@media (max-width:48rem){.active-filters__list{width:100%;margin:0}.active-filters__filter .badge{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-s)}}.active-filters__action{margin-top:var(--spacing-2);flex-shrink:0;align-self:flex-start}@media (max-width:48rem){.active-filters__action{align-self:center;margin-top:0}}