.applied-grades-and-locations{position:sticky;z-index:1;background-color:var(--bs-white);padding-bottom:8px;margin-top:16px;display:flex;gap:16px;align-items:center;width:100%;flex-wrap:wrap;.corssable-pills{padding:4px 8px;display:flex;justify-content:center;align-items:center;background-color:var(--bs-neutral-150);color:var(--bs-neutral-900);font-weight:400;font-size:15px;width:-moz-fit-content;width:fit-content;border-radius:2px;gap:12px;.cross{cursor:pointer}}.corssable-pills:hover{background-color:var(--bs-ocean-blue-50)}.clear{text-decoration:underline;color:var(--bs-primary);font-weight:400;font-size:14px;padding:4px 8px;border-radius:2px}.clear:hover{background-color:var(--bs-ocean-blue-50)}}.filter_main_container{display:grid;grid-template-columns:1fr 1fr;padding-top:24px;position:sticky;background-color:var(--bs-white);z-index:1;padding-bottom:8px}.grade-filter-section{display:flex;align-items:center;gap:8px}.offer-filter-section{display:flex;justify-content:end}.offer-filter-section form{display:grid;grid-template-columns:auto 1fr;-moz-column-gap:16px;column-gap:16px;align-items:center}.offer-filter-section form label{color:#5f6a8a}.grade-button{background-color:var(--bs-white);display:flex;justify-content:center;align-items:center;gap:4px;border-radius:4px;padding:6px 12px;color:var(--bs-gray-700);font-weight:400;font-size:14px;margin-left:4px;border:1px solid var(--bs-gray-400);.left-icon{fill:#112a46;font-size:16px}.right-icon{font-size:14px;fill:var(--bs-body-text-primary);margin-left:32px}}.grade-button:hover{color:var(--bs-ocean-blue-400)!important;outline:1px solid var(--bs-ocean-blue-400)!important;.left-icon,.right-icon{fill:var(--bs-ocean-blue-400)}}.grade-button.clicked{color:var(--bs-ocean-blue-400)!important;outline:1px solid var(--bs-ocean-blue-400)!important;.left-icon,.right-icon{fill:var(--bs-ocean-blue-400)}}.grade-filter-popover-body{width:320px;padding:8px 0;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 20px 0 var(--bs-light-box-shadow);border:none;border-radius:4px;max-height:355px;.single-grade{display:flex;padding:10px 16px;justify-content:space-between;cursor:pointer}.single-grade:hover{background-color:var(--bs-gray-100)}.form-check-label{font-weight:400;font-size:14px;color:var(--bs-secondary)!important;align-self:flex-end}.form-check-input,.form-check-label{opacity:1!important;cursor:pointer!important}.form-check{display:flex}.search{padding-inline:8px}.apply-button{padding:4px 8px;border-radius:4px;background-color:var(--bs-primary);border:1px solid var(--bs-primary);font-size:14px}.apply-button-disabled{padding:4px 8px;border-radius:4px;font-size:14px}.reset-button{padding:4px 8px;border:1px solid var(--bs-tertiary);color:var(--bs-neutral-600);border-radius:4px;font-size:14px}.search-results{flex:1;overflow-y:scroll}.buttons{display:flex;justify-content:flex-end;gap:8px;padding-inline:8px;padding-top:8px}svg{color:var(--bs-yellow-200);height:16px;width:16px}}.empty-filter-results{color:var(--bs-gray-600);padding:40px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:16px;font-weight:500;font-size:16px;.plus-icon-parent-button{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.plus-icon{width:24px;height:24px;font-weight:800}.create-text,.plus-icon{color:var(--bs-yellow-600);cursor:pointer}.create-text{font-weight:600;font-size:14px;text-decoration:underline}.after-create-text{font-weight:400;font-size:14px;text-align:center}div{display:flex}}