.filter-container{position:relative;display:inline-block;text-align:left;width:100%}.filter-wrapper{display:flex;width:100%;position:relative;z-index:100}.filter-wrapper-left{justify-content:flex-start;align-items:center}.filter-wrapper-right{justify-content:flex-end;align-items:center}@media (max-width:640px){.filter-wrapper{flex-direction:column}.filter-wrapper-left{align-items:flex-start}.filter-wrapper-right{align-items:flex-end}}.filter-label{font-size:.75rem;color:var(--color-text);margin-right:1rem;margin-bottom:0;font-family:var(--font-body)}@media (min-width:640px){.filter-label{font-size:.875rem}}@media (max-width:640px){.filter-wrapper-left .filter-label,.filter-wrapper-right .filter-label{margin-bottom:.5rem}}.filter-button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;border-radius:.375rem;box-shadow:0 1px 1px var(--color-shadow-primary);padding:.5rem 1rem;background:var(--color-content-bg);color:var(--color-text);font-weight:500;font-family:var(--font-body);transition:all .2s ease-in-out;border:none;outline:none}.filter-button:hover{color:var(--color-text);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow-primary)}.filter-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.filter-button:active{transform:translateY(0);box-shadow:0 2px 8px var(--color-shadow-primary)}@media (max-width:640px){.filter-button{font-size:.75rem}}@media (min-width:640px){.filter-button{font-size:.875rem}}.filter-icon{margin-left:.5rem;margin-right:-.25rem;height:1.25rem;width:1.25rem;transition:transform .2s ease-in-out}.filter-icon-open{transform:rotate(180deg)}.filter-dropdown{transform-origin:top right;position:absolute;margin-top:.5rem;width:100%;border-radius:.375rem;box-shadow:0 1px 3px var(--color-shadow-primary);background:var(--color-content-bg);border:1px solid var(--color-content-border);z-index:150}.filter-dropdown-left{left:0}.filter-dropdown-right{right:0}@media (min-width:768px){.filter-dropdown{width:16rem}}.filter-dropdown-content{padding-bottom:.25rem;max-height:300px;overflow-y:auto;cursor:pointer}.filter-dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--color-text);text-decoration:none;transition:all .2s ease-in-out;font-family:var(--font-body)}.filter-dropdown-item:hover{background-color:var(--color-content-border);color:var(--color-text)}.filter-dropdown-item-active{font-weight:600}.filter-dropdown-item-active,.filter-dropdown-item-active:hover{background:var(--color-primary);color:var(--color-content-bg)}.filter-dropdown-content::-webkit-scrollbar{width:6px}.filter-dropdown-content::-webkit-scrollbar-thumb,.filter-dropdown-content::-webkit-scrollbar-track{background:var(--color-content-border);border-radius:3px}.filter-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--color-content-border)}.filter-dropdown-item:focus{outline:2px solid var(--color-primary);outline-offset:-2px}@keyframes filterDropdownFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.filter-dropdown{animation:filterDropdownFadeIn .2s ease-out}@media (max-width:480px){.filter-container{width:100%}.filter-button{justify-content:space-between}.filter-dropdown{width:100%;left:0;right:0}}.pagination-container{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:2rem;padding:1rem 0}@media (min-width:768px){.pagination-container{gap:.5rem}}.pagination-button{padding:.5rem;border-radius:.375rem;transition:all .2s ease-in-out;color:var(--color-text);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.pagination-button:hover:not(:disabled){background-color:var(--color-content-border);transform:translateY(-1px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button:disabled:hover{background-color:transparent;transform:none}.pagination-page-button{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;color:var(--color-text);background:transparent;border:none;cursor:pointer;font-family:Inter,sans-serif;min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.pagination-page-button:hover:not(.pagination-page-button-active){background-color:var(--color-content-border);transform:translateY(-1px)}.pagination-page-button-active{background:var(--color-highlight);color:var(--color-content-bg);box-shadow:0 4px 12px var(--color-shadow-primary);font-weight:600}.pagination-page-button-active:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px var(--color-shadow-primary)}.pagination-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pagination-button:focus,.pagination-page-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.pagination-button:active:not(:disabled),.pagination-page-button:active:not(.pagination-page-button-active){transform:translateY(0);background-color:var(--color-content-border)}.pagination-page-button-active:active{transform:translateY(0);box-shadow:0 2px 8px var(--color-shadow-primary)}@media (max-width:480px){.pagination-container{gap:.125rem;margin-top:1.5rem;padding:.75rem 0}.pagination-button{padding:.375rem}.pagination-page-button{padding:.125rem .5rem;font-size:.8rem;min-width:1.75rem;height:1.75rem}.pagination-icon{width:18px;height:18px}}