.filter-title{background-color:var(--grey-button-bg);border:var(--border);border-radius:15px;padding:20px}.filter-sidebar{background-color:var(--theme-card-bg);border:1px solid #1111111a;border-radius:15px}.filter-drawer__toggle,.filter-drawer__close,.filter-drawer__backdrop{display:none}.filter-body{margin:20px}.clear-text{color:var(--color-primary);background:0 0;border:none;font-size:14px;font-weight:500;transition:color .3s ease-in-out}.clear-text:hover{color:red}html[data-theme=dark] .filter-by svg,html[data-theme=dark] .job-search svg{filter:brightness(0)saturate()invert()sepia()saturate(0%)hue-rotate(50deg)brightness(110%)contrast(101%)}.dropdown-arrow{flex-shrink:0;transition:transform .3s}.dropdown-arrow.rotate{transform:rotate(180deg)}.filter-heading{color:var(--color-text);cursor:pointer;text-align:start;background:0 0;border:0;width:100%;padding:0;font-size:14px;font-weight:500}.form-check-label,.form-check-input{cursor:pointer}.filter-body .custom-radio{cursor:pointer;align-items:center;gap:10px;margin-bottom:12px;display:flex}.custom-radio span{color:var(--color-text);text-transform:capitalize}.filter-body .custom-radio input{display:none}.filter-body .radio-circle{border:var(--border-grey);border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .25s;position:relative}.radio-circle-fill{top:50%;border-radius:4px;width:13px;height:13px;transition:all .25s;position:absolute;inset-inline-start:50%}.custom-radio input:checked+.radio-circle,.custom-radio:hover .radio-circle{border-color:var(--color-primary)}.form-check{padding-left:0}.filter-option-search{margin-bottom:14px;display:block}.filter-option-search input{background:var(--theme-card-bg);border:var(--border);color:var(--color-text);border-radius:8px;width:100%;padding:9px 10px;font-size:12px}.filter-option-search input::placeholder{color:color-mix(in srgb, var(--color-text) 45%, transparent)}.filter-main{max-height:500px;overflow-y:auto}@media (max-width:767px){.filter-drawer__toggle{background:var(--color-primary);color:#fff;border:0;border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;height:48px;display:flex}.filter-drawer__toggle svg{filter:brightness(0)invert()}.filter-drawer__panel{background:var(--theme-card-bg);bottom:0;margin-block:auto;inset-inline-end:0;z-index:1050;border-radius:0;width:88%;max-height:100%;margin-top:0;padding:0;transition:transform .3s;position:fixed;top:0;transform:translate(105%)}[dir=rtl] .filter-drawer__panel{transform:translate(-105%)}.filter-drawer__panel.is-open{transform:translate(0)}.filter-drawer__close{bottom:10px;z-index:1;width:auto;padding:6px 14px;display:flex;position:absolute;inset-inline:auto 10px}.filter-drawer__close .app-btn_content{width:auto}.filter-drawer__backdrop{z-index:1049;background:#00000073;border:0;padding:0;display:block;position:fixed;inset:0}.filter-drawer__panel .filter-title{border-radius:0}.filter-drawer__panel .filter-sidebar{border:none}.filter-main{max-height:300px;overflow-y:auto}.filter-body-main{max-height:700px;overflow-y:auto}}