.SearchContainer{max-width:700px;background:none;width:100%;margin:0 auto;padding:0;padding-top:20px;padding-bottom:20px;position:relative}.searchWrapper{display:flex;align-items:center;background:#1a1a2e;border-radius:50px;border:2px solid #2a2a4a;padding:.3rem .5rem;transition:all 0.3s ease;gap:.3rem}.searchWrapper:focus-within{border-color:#4af;box-shadow:0 0 30px rgb(68 170 255 / .1)}.search-box-left-pic{width:40px;height:40px;border-radius:50%;margin-right:.3rem;flex-shrink:0}.searchWrapper input{flex:1;background:#fff0;border:none;outline:none;color:#fff;font-size:1rem;padding:.7rem .3rem;min-width:0}.searchWrapper input::placeholder{color:#6a7a9a}.cut-search-btns{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.2rem;flex-shrink:0;height:100%}.searchWrapper button{background:#fff0;border:none;color:#6a7a9a;cursor:pointer;padding:.4rem .6rem;font-size:1.2rem;transition:color 0.3s;display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:50%;flex-shrink:0}.searchWrapper button:hover{color:#4af;background:rgb(68 170 255 / .08)}.searchWrapper #searchIconButton svg{width:22px;height:22px;fill:#6a7a9a;transition:fill 0.3s;display:block}.searchWrapper #searchIconButton:hover svg{fill:#4af}#clearButton{display:none;font-size:1.1rem;font-weight:300}#clearButton:hover{color:#ff6b6b;background:rgb(255 107 107 / .08)}#searchResults{display:none;background:#fff0;backdrop-filter:blur(6px);border-radius:4px;margin-top:4px;padding:.5rem;max-height:400px;overflow-y:auto;border:1px solid #2a2a4a;position:absolute;top:100%;left:0;right:0;z-index:9999;box-shadow:0 10px 40px rgb(0 0 0 / .6);width:100%}#searchResults div{padding:.7rem 1rem;border-bottom:1px solid #1f1a61}#searchResults div:last-child{border-bottom:none}#searchResults a{color:#e0ebeb;text-decoration:none;font-weight:500;display:block}#searchResults a:hover{text-decoration:underline;color:#2943d8}.no-results,.loading{padding:1.5rem;text-align:center;color:#8a9ab0}