@layer app{.filtered-list{--filtered-list-control-bg:var(--secondary-color-darkest);--filtered-list-control-active-bg:var(--primary-color);--filtered-list-control-active-text:var(--primary-color-text);--filtered-list-control-text:var(--secondary-color-text,var(--primary-color-text));--filtered-list-control-shadow:0 .6rem 1.2rem #0000003d;--filtered-list-filter-select-width:clamp(14rem, 18vw, 18rem);--filtered-list-sort-field-select-width:11.5rem;--filtered-list-sort-order-select-width:11.5rem;--filtered-list-grid-columns:6;--filtered-list-grid-gap:1rem;--filtered-list-state-bg:var(--secondary-color-darker);--filtered-list-state-text:var(--primary-color-text);--filtered-list-item-bg:var(--secondary-color);--filtered-list-item-text:var(--secondary-color-text,var(--primary-color-text));--filtered-list-item-border:rgba(var(--primary-color-rgb), .16);--filtered-list-select-trigger-width:2.75rem;--filtered-list-select-clear-space:3.25rem;--filtered-list-radius:min(var(--border-radius,.5rem), .5rem);width:100%;color:var(--filtered-list-item-text);display:block;container:filtered-list/inline-size}.filtered-list__container{flex-direction:column;gap:1.15rem;width:100%;display:flex}.filtered-list__controls{flex-direction:column;align-items:stretch;gap:1.1rem;display:flex}.filtered-list__tabs-row{min-width:0;display:flex}.filtered-list__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1rem;width:100%;display:flex}.filtered-list__filters{flex-wrap:wrap;flex:18rem;gap:.8rem;min-width:min(100%,16rem);display:flex}.filtered-list__filter-group{align-items:center;gap:.65rem;min-width:0;max-width:100%;display:inline-flex}.filtered-list__filter-group--select .filtered-list__select.p-dropdown{width:min(100%, var(--filtered-list-filter-select-width))}.filtered-list__filter-group--tabs{background:var(--filtered-list-control-bg);border-radius:999px;gap:.25rem;padding:.35rem}.filtered-list__filter-button.p-button{min-height:2.65rem;color:var(--filtered-list-control-text);border-radius:999px;padding:.6rem 1.25rem;font-weight:700}.filtered-list__filter-button.p-button:enabled:hover,.filtered-list__filter-button--active.p-button{background:var(--filtered-list-control-active-bg);color:var(--filtered-list-control-active-text)}.filtered-list__sort{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:.7rem;min-width:0;max-width:100%;margin-left:auto;display:inline-flex}.filtered-list__control-label{color:var(--filtered-list-control-text);flex:none;align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.filtered-list__select.p-dropdown{border-radius:var(--filtered-list-radius);background:var(--filtered-list-control-bg);min-width:11rem;max-width:min(100%,22rem);color:var(--filtered-list-control-text);border:0}.filtered-list__select--sort-field.p-dropdown{width:var(--filtered-list-sort-field-select-width);min-width:min(100%, var(--filtered-list-sort-field-select-width))}.filtered-list__select--sort-order.p-dropdown{width:var(--filtered-list-sort-order-select-width);min-width:min(100%, var(--filtered-list-sort-order-select-width))}.filtered-list__select.p-dropdown .p-dropdown-label{box-sizing:border-box;min-width:0;color:var(--filtered-list-control-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.filtered-list__select.p-dropdown.p-dropdown-clearable .p-dropdown-label{padding-right:var(--filtered-list-select-clear-space)}.filtered-list__select.p-dropdown .p-dropdown-trigger{width:var(--filtered-list-select-trigger-width);flex:0 0 var(--filtered-list-select-trigger-width);color:var(--filtered-list-control-text)}.filtered-list__select.p-dropdown .p-dropdown-clear-icon{right:calc(var(--filtered-list-select-trigger-width) + .45rem);color:var(--filtered-list-control-text)}.filtered-list__select-panel.p-dropdown-panel{border-radius:var(--filtered-list-radius);background:var(--filtered-list-control-bg);box-shadow:var(--filtered-list-control-shadow);border:0;overflow:visible}.filtered-list__select-panel.p-dropdown-panel:before{content:"";background:var(--filtered-list-control-bg);width:.9rem;height:.9rem;position:absolute;top:-.45rem;left:50%;transform:translate(-50%)rotate(45deg)}.filtered-list__select-panel .p-dropdown-items{padding:.35rem 0}.filtered-list__select-panel .p-dropdown-item{min-height:3rem;color:var(--filtered-list-control-text);padding:.75rem 1.1rem;font-weight:800}.filtered-list__select-panel .p-dropdown-item.p-highlight,.filtered-list__select-panel .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover{background:var(--secondary-color);color:var(--filtered-list-control-text)}.filtered-list__list{gap:var(--filtered-list-grid-gap);display:grid}.filtered-list__list--grid{grid-template-columns:repeat(var(--filtered-list-grid-columns), minmax(0, 1fr))}.filtered-list__item{border:1px solid var(--filtered-list-item-border);border-radius:var(--filtered-list-radius);background:var(--filtered-list-item-bg);min-width:0;color:var(--filtered-list-item-text);padding:1rem}.filtered-list__state{border-radius:var(--filtered-list-radius);background:var(--filtered-list-state-bg);min-height:12rem;color:var(--filtered-list-state-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.filtered-list__state--empty{color:var(--filtered-list-item-text);background:0 0}.filtered-list__state-text{color:var(--filtered-list-state-text);margin:0;font-weight:700}.filtered-list__state--empty .filtered-list__state-text{color:var(--filtered-list-item-text)}.filtered-list__state-action.p-button{min-width:8rem}.filtered-list__skeleton-line.p-skeleton{height:1rem}.filtered-list__skeleton-line--title.p-skeleton{width:70%;height:1.35rem}.filtered-list__load-more{justify-content:center;display:flex}.filtered-list__load-more-button.p-button{min-width:10rem}@container filtered-list (width<=56rem){.filtered-list__toolbar{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:.75rem;display:grid}.filtered-list__filters,.filtered-list__sort{width:100%;min-width:0;margin-left:0}.filtered-list__filter-group--select{grid-template-columns:max-content minmax(12rem,1fr);align-items:center;width:min(100%,31rem);display:grid}.filtered-list__filter-group--select .filtered-list__select.p-dropdown{width:100%;min-width:0}.filtered-list__sort{grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr);justify-content:stretch;gap:.65rem;display:grid}.filtered-list__select.p-dropdown,.filtered-list__select--sort-field.p-dropdown,.filtered-list__select--sort-order.p-dropdown{width:100%;min-width:0}}@container filtered-list (width<=40rem){.filtered-list__toolbar,.filtered-list__filters{align-items:flex-start;gap:.55rem}.filtered-list__filter-group--tabs{flex-direction:row;max-width:100%;overflow-x:auto}.filtered-list__control-label--mobile-hidden,.filtered-list__control-label--by{display:none}.filtered-list__filter-group--select,.filtered-list__sort{gap:.55rem;width:auto;margin-left:0}.filtered-list__filter-group--select{display:inline-flex}.filtered-list__filter-group--select .filtered-list__select.p-dropdown{width:min(100%,14rem)}.filtered-list__sort{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,19rem);display:grid}}@media (max-width:640px){.filtered-list__controls{flex-direction:column;gap:.55rem}.filtered-list__toolbar,.filtered-list__filters{flex-direction:column;align-items:flex-start;gap:.55rem}.filtered-list__filter-group--tabs{flex-direction:row;max-width:100%;overflow-x:auto}.filtered-list__control-label--mobile-hidden,.filtered-list__control-label--by{display:none}.filtered-list__filter-group--select,.filtered-list__sort{gap:.55rem;width:auto;margin-left:0}.filtered-list__select.p-dropdown{min-width:0;max-width:100%}.filtered-list__filter-group--select .filtered-list__select.p-dropdown{width:min(100%,14rem);min-width:0}.filtered-list__sort{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,19rem);display:grid}.filtered-list__select--sort-field.p-dropdown,.filtered-list__select--sort-order.p-dropdown{width:100%;min-width:0}}@media (max-width:360px){.filtered-list__sort{grid-template-columns:minmax(0,1fr);width:100%}}@container filtered-list (width<=22.5rem){.filtered-list__sort{grid-template-columns:minmax(0,1fr);width:100%}}}
