.element-filterbar{display:flex;flex-wrap:wrap;gap:1rem}.element-filterbar .filter-item{border:var(--p-element-filterbar-item-border);border-radius:var(--p-element-filterbar-item-border-radius);cursor:pointer;font-family:var(--p-text-flow-font-family);font-size:var(--p-text-flow-font-size);font-weight:var(--p-text-flow-font-weight);letter-spacing:var(--p-text-flow-letter-spacing);line-height:var(--p-text-flow-line-height);padding:var(--p-element-filterbar-item-padding-y) var(--p-element-filterbar-item-padding-x);transition:color .3s ease,background-color .3s ease}.element-filterbar .filter-item.active{background-color:var(--p-element-filterbar-item-background-color-active);color:var(--p-element-filterbar-item-color-active)}