.app-search{flex-grow:1;justify-content:center;align-items:center;max-width:60vw;display:flex;position:relative}.app-search .search-input{border-radius:100vh;width:100%}.app-search .search-input .ant-input-prefix .mdi-magnify{text-align:center;width:30px}.app-search .search-input .ant-input-prefix{color:#888}.app-search .search-input:not(.ant-input-affix-wrapper-focused){border-color:#e1e5e8}.app-search .search-input.ant-input-affix-wrapper-focused .ant-input-prefix{color:#121212}.app-search .filters{z-index:12;position:absolute;right:40px}.search-result-list{z-index:12;opacity:1;background:#fff;width:calc(100% - 48px);min-width:380px;max-width:calc(100vw - 24px);max-height:85vh;transition:opacity .5s ease-in-out,max-height .6s ease-in-out;position:absolute;top:57px;left:24px;overflow:scroll;box-shadow:0 1px 15px 6px #00000014}.search-result-left{flex-direction:column;align-items:center;width:100px;margin-top:auto;margin-bottom:auto;display:flex}@media screen and (width<=576px){.search-result-list{position:fixed;left:12px}.search-result-left{width:70px}.search-result-left .mdi:before{font-size:16px!important}.search-result-left span{font-size:10px}}.search-result-list.closed{opacity:0;height:0;max-height:0;transition:opacity .5s ease-in-out,max-height .6s ease-in-out}.no-results{padding:1rem}.search-result-item{text-align:left;cursor:pointer;width:100%;height:unset;border-bottom:1px solid #e7ecf2;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:.5rem;line-height:1.4rem;display:flex}.search-result-item:hover{background-color:#fafafa}