.component-common-collapse{position:relative;width:-moz-fit-content;width:fit-content;height:auto;padding:.5rem;display:flex;align-self:end;border-radius:.25rem;background-color:var(--sy-color-white)}.component-common-collapse--hidden{display:none}.component-common-collapse>.collapse-up-pointer{position:absolute;width:1rem;height:1rem;rotate:45deg;background-color:var(--sy-color-white);top:-.5rem;right:1rem}.search-filter-component{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem}.sort-filter-button-row{display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.tab-button-row{gap:0}@media (min-width:var(--breakpoint-md )){.tab-button-row{width:100%}}.popover-button-component{position:relative;overflow:visible;display:flex;flex-direction:column;align-items:start}.popover-button-component>button{position:relative;display:flex;align-items:center;justify-content:center;width:10rem;padding:.25rem 1rem;background-color:var(--sy-color-syrin);border-radius:.25rem}.tab-button-row>.popover-button-component:first-child>button{border-top-right-radius:0;border-bottom-right-radius:0}.tab-button-row>.popover-button-component:not(:last-child)>button{border-color:var(--sy-color-lilac);border-right-width:1px}.tab-button-row>.popover-button-component:last-child>button{border-top-left-radius:0;border-bottom-left-radius:0}.sort-filter-button-row>.popover-button-component>button:hover{background-color:var(--sy-color-syrin-70)}.sort-filter-popover-component{position:absolute;width:13.35rem;padding:.75rem;top:150%;right:0;box-shadow:0 0 16px 0 var(--sy-color-lilac);background-color:var(--sy-color-syrin-30);font-size:12px;z-index:10}.sort-filter-popover-component>svg{width:1rem;height:1rem}.sort-filter-popover-component>svg>circle{stroke:var(--sy-color-lilac)}.sort-filter-popover-component>.sort-filter-popover-pointer{position:absolute;width:1rem;height:1rem;rotate:45deg;background-color:var(--sy-color-syrin-30);top:-.5rem;right:1rem}