.searchBar{margin-bottom:32px;position:relative}.searchBarWrapper{align-items:center;background-color:#fff;border:1px solid var(--system-color4-hex);border-radius:4px;display:flex;padding:12px 24px;position:relative}.searchBarInput{background:transparent;border:none;color:var(--secondary-color-hex);font-size:14px;font-weight:600;transition:all .3s ease;width:100%}.searchBarInput:focus{outline:none}.searchBarInput::placeholder{color:var(--secondary-color-hex);font-size:14px;font-weight:600;opacity:.6}.searchBarIcon{align-items:center;display:flex;opacity:.8;pointer-events:none;position:absolute;right:20px}.blogSearchResults{background-color:#fff;border:1px solid var(--system-color4-hex);border-radius:4px;box-shadow:0 4px 20px 0 #0000001a;left:0;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.blogSearchList{list-style:none;margin:0;padding:0}.blogSearchList li{margin:0}.blogSearchList a{border-bottom:1px solid #f3f4f9;color:var(--secondary-color-hex);display:block;font-size:14px;padding:12px 16px;text-decoration:none;transition:background-color .2s ease}.blogSearchList a:hover{background-color:#f3f4f9;color:var(--addtionnal-color-hex)}.blogSearchList li:last-child a{border-bottom:none}.blogSearchList .search-result-title{display:block;font-weight:600;margin-bottom:4px}.blogSearchList .search-result-date{color:#999;display:block;font-size:12px}.noResultsMessage{padding:24px;text-align:center}.noResultsMessage h5{color:var(--secondary-color-hex);font-size:14px;font-weight:600;margin-bottom:8px}.noResultsMessage p{color:#999;font-size:12px;margin-bottom:0}@media (max-width:992px){.searchBar{margin-bottom:24px}}