.search-container{margin-bottom:43px;position:relative}.search-container .search-bar{border:2px solid #1e1e1e;border-radius:50px;padding:10px 12px;width:251px;margin:0 0 0 auto;transition:width .5s;position:relative;z-index:10}.search-container.expanded .search-bar{transition:width .5s;width:100%;background-color:#fff}.search-container .search-bar input{width:90%}.search-container .search-bar input:focus{outline:unset}.search-container .search-bar svg{float:right;font-size:18px}.search-container #articles-container{position:absolute;display:none;background-color:#fff;padding:50px 20px 20px;top:0;border-radius:20px;width:100%;max-height:345px;overflow-y:scroll;box-shadow:1px 17px 13px 2px rgba(31,31,31,.3)}.search-container.expanded #articles-container.show{display:block}.search-container.expanded #articles-container a{font-size:12px;line-height:18px;font-weight:600;color:#1e1e1e;display:flex;text-decoration:none;padding:10px 0;border-bottom:1px solid #f5f5f5;gap:12px}.search-container.expanded #articles-container a:hover{background-color:#d8d8d8}.search-container.expanded #articles-container img{border-radius:4px}.search-container .close-icon{margin-right:5px;transform:rotate(45deg);display:none}.search-container .close-icon.show{display:block}.mobile-search{display:none}@media screen and (min-width:2600px){.search-container .search-bar{width:351px;font-size:18px}.search-container .search-bar svg{font-size:24px}.search-container.expanded #articles-container a{font-size:20px;line-height:30px}.search-container.expanded #articles-container img{border-radius:4px;width:180px;height:auto;flex-shrink:0}.search-container #articles-container{max-height:545px}}@media screen and (max-width:766px){.search-container{display:none;margin-bottom:0;position:absolute;right:10px}.mobile-search,.mobile-search .search-container{display:block}.search-container .search-bar{border-radius:50%;padding:10px 12px;width:46px;transition:unset}.search-container .search-bar input{width:0}.search-container.expanded{position:absolute;width:100%;left:0;padding:0 20px}.search-container.expanded .search-bar{border-radius:50px;transition:unset}.search-container.expanded .close-icon{display:block}.search-container.expanded .search-bar input{width:80%}.search-container.expanded #articles-container.show{padding:20px 20px 50px;top:unset;bottom:0;width:calc(100% - 40px);margin:0 20px;left:0}}