.jobs-filter{width:min(var(--jjr-layout-content-max-width), calc(100% - 32px));background:var(--jjr-color-bg-job-filter);margin:16px auto}.jobs-filter__inner{box-sizing:border-box;flex-direction:column;gap:24px;padding:18px 16px;display:flex}.jobs-filter__row{font-size:var(--jjr-fs-2);align-items:start;gap:0;display:flex}.jobs-filter__row.is-collapsed>.jobs-filter__body>.jobs-filter__items{max-height:var(--jjr-jobs-filter-first-line,24px);flex-wrap:wrap;position:relative;overflow:hidden}.jobs-filter__row.is-collapsed>.jobs-filter__body>.jobs-filter__items:after{content:"";background:linear-gradient(90deg, transparent, var(--jjr-color-bg-job-filter));pointer-events:none;width:32px;position:absolute;top:0;bottom:0;right:0}.jobs-filter__label{font-size:var(--jjr-fs-3);color:var(--jjr-color-text-job-body);white-space:nowrap;flex:0 0 32px}.jobs-filter__body{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.jobs-filter__items{flex-wrap:wrap;flex:1;gap:4px 12px;display:flex}.jobs-filter__chip{border-radius:var(--jjr-radius-sm);font-family:inherit;font-size:var(--jjr-fs-2);color:var(--jjr-color-text-job-body);cursor:pointer;transition:background var(--jjr-duration-fast) var(--jjr-easing-standard), color var(--jjr-duration-fast) var(--jjr-easing-standard);background:0 0;border:0;padding:1px 8px}.jobs-filter__chip:hover{color:var(--jjr-color-text-job-accent)}.jobs-filter__chip.is-active{background:var(--jjr-color-accent);color:var(--jjr-color-text-job-on-accent)}.jobs-filter__chip.is-active:hover{background:var(--jjr-color-bg-job-chip-hover)}.jobs-filter__selectedCity{box-sizing:border-box;cursor:default;align-items:center;gap:4px;display:inline-flex}.jobs-filter__selectedCityRemove{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:50%;width:12px;height:12px;padding:0;font-family:inherit;font-size:0;display:inline-block;position:relative}.jobs-filter__selectedCityRemove:before,.jobs-filter__selectedCityRemove:after{content:"";transform-origin:50%;background:currentColor;width:8px;height:1px;position:absolute;top:50%;left:50%}.jobs-filter__selectedCityRemove:before{transform:translate(-50%,-50%)rotate(45deg)}.jobs-filter__selectedCityRemove:after{transform:translate(-50%,-50%)rotate(-45deg)}.jobs-filter__selectedCityRemove:hover{background:var(--jjr-color-bg-job-card)}.jobs-filter__toggle{border:1px solid var(--jjr-color-border-job-divider);font-family:inherit;font-size:var(--jjr-fs-2);color:var(--jjr-color-text-job-body);cursor:pointer;transition:color var(--jjr-duration-fast) var(--jjr-easing-standard), border-color var(--jjr-duration-fast) var(--jjr-easing-standard);background:0 0;border-radius:999px;flex:none;align-items:center;gap:4px;margin-left:16px;padding:2px 10px;display:inline-flex}.jobs-filter__toggle:hover{color:var(--jjr-color-text-job-strong);border-color:var(--jjr-color-text-job-soft)}.jobs-filter__toggleArrow{width:10px;height:10px;color:var(--jjr-color-text-job-soft);transition:transform var(--jjr-duration-fast) var(--jjr-easing-standard);flex-shrink:0}.jobs-filter__row.is-collapsed .jobs-filter__toggleArrow{transform:none}.jobs-filter__row:not(.is-collapsed) .jobs-filter__toggleArrow{transform:rotate(180deg)}.jobs-filter__row--dropdowns{align-items:center}.jobs-filter__dropdowns{flex-wrap:wrap;flex:1;gap:8px 12px;display:flex}@media (width<=768px){.jobs-filter__row{flex-direction:column;gap:4px}.jobs-filter__label{flex:none}.jobs-filter__toggle{align-self:flex-end;margin-left:0}}