.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}.filter-wrapper--no-label{flex-direction:row;align-items:center}.filter-wrapper--no-label .filter-button{min-width:118px}@media (max-width:640px){.filter-wrapper:not(.filter-wrapper--no-label){flex-direction:column}.filter-wrapper-left:not(.filter-wrapper--no-label){align-items:flex-start}.filter-wrapper-right:not(.filter-wrapper--no-label){align-items:flex-end}.filter-wrapper--no-label{align-items:center}}.filter-label{font-size:.78rem;font-weight:600;color:var(--color-text-secondary);margin-right:.6rem;margin-bottom:0;font-family:var(--font-body);white-space:nowrap}@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:space-between;align-items:center;gap:.5rem;cursor:pointer;border-radius:9px;border:1px solid var(--color-content-border);box-shadow:0 1px 2px rgba(16,16,40,.04);padding:.5rem .8rem;background:var(--color-content-bg);color:var(--color-text);font-weight:600;font-size:.82rem;font-family:var(--font-body);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;outline:none;min-width:132px;max-width:200px}.filter-button-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.filter-button:hover{color:var(--color-text);border-color:var(--color-primary);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)}.filter-icon{margin-left:.25rem;margin-right:-.15rem;height:1.1rem;width:1.1rem;color:var(--color-text-secondary);transition:transform .2s ease-in-out;flex:0 0 auto}.filter-icon-open{transform:rotate(180deg)}.filter-dropdown{transform-origin:top right;position:absolute;margin-top:.4rem;min-width:200px;width:max-content;border-radius:10px;box-shadow:0 10px 30px rgba(16,16,40,.14);background:var(--color-content-bg);border:1px solid var(--color-content-border);padding:.3rem;z-index:150}.filter-dropdown-left{left:0}.filter-dropdown-right{right:0}.filter-dropdown-content{padding-bottom:.25rem;max-height:300px;overflow-y:auto;cursor:pointer}.filter-dropdown-item{display:block;padding:.5rem .75rem;font-size:.85rem;color:var(--color-text);text-decoration:none;border-radius:7px;transition:background .15s ease,color .15s ease;font-family:var(--font-body)}.filter-dropdown-item:hover{background-color:var(--color-bg);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:768px){.filter-button{max-width:100px}}@media (max-width:640px){.filter-button,.filter-dropdown-item{font-size:.6rem}}@media (max-width:480px){.filter-container{width:100%}.filter-button{justify-content:space-between;padding:.5rem}.filter-dropdown{min-width:150px}.filter-dropdown-left{left:0;right:auto}.filter-dropdown-right{right:0;left:auto}}.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{width:38px;height:38px;padding:0;border-radius:9px;transition:all .18s ease;color:var(--color-text);background:var(--color-content-bg);border:1px solid var(--color-content-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-body)}.pagination-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px var(--color-shadow-primary)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button:disabled:hover{background-color:transparent;transform:none}.pagination-page-button{padding:0 .5rem;border-radius:9px;font-size:.9rem;font-weight:600;transition:all .18s ease;color:var(--color-text);background:var(--color-content-bg);border:1px solid var(--color-content-border);cursor:pointer;font-family:var(--font-body);min-width:38px;height:38px;display:flex;align-items:center;justify-content:center}.pagination-page-button:hover:not(.pagination-page-button-active){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.pagination-page-button-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px var(--color-shadow-primary);font-weight:700}.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{width:34px;height:34px}.pagination-page-button{padding:0 .4rem;font-size:.85rem;min-width:34px;height:34px}.pagination-icon{width:18px;height:18px}}.horizontal-scroll-carousel{width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.horizontal-scroll-carousel__header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.75rem;padding-right:.25rem}.horizontal-scroll-carousel__arrows{display:flex;align-items:center;gap:.5rem}.horizontal-scroll-carousel__arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;color:var(--color-text);transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.horizontal-scroll-carousel__arrow:hover{background:var(--color-content-border)}.horizontal-scroll-carousel__arrow--back{background:var(--color-content-border);color:var(--color-text)}.horizontal-scroll-carousel__arrow--back:hover{background:var(--color-content-border)}.horizontal-scroll-carousel__arrow--forward{background:var(--color-content-border);color:var(--color-text)}.horizontal-scroll-carousel__arrow--forward:hover{background:var(--color-content-border)}.horizontal-scroll-carousel__scroll{display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;width:100%;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.horizontal-scroll-carousel__scroll.dragging{cursor:grabbing;scroll-behavior:auto}.horizontal-scroll-carousel__scroll::-webkit-scrollbar{display:none}