.search-popup{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#000c;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.search-popup .search-container{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#18181be6;border:1px solid #27272a;border-radius:12px;width:100%;max-width:768px;height:auto;margin-top:80px}.search-popup .search-container .search-bar-container{box-sizing:border-box;border-bottom:1px solid #27272a;width:100%;padding:16px}.search-popup .search-container .search-bar-container form{flex-direction:row;align-items:center;width:100%;height:50px;display:flex;position:relative}.search-popup .search-container .search-bar-container form .lucide-search{position:absolute;left:12px}.search-popup .search-container .search-bar-container form input{box-sizing:border-box;color:#fff;background-color:#27272a80;border:1px solid #3f3f46;border-radius:6px;width:100%;height:100%;padding:24px 40px;font-size:18px;font-weight:400;line-height:28px;transition:all .15s;position:relative}.search-popup .search-container .search-bar-container form input::placeholder{color:#a1a1aa}.search-popup .search-container .search-bar-container form input:focus-visible{outline-offset:2px;outline:2px solid #27272a;box-shadow:0 0 0 2px #09090b,0 0 0 4px #27272a,0 0 #0000}.search-popup .search-container .search-bar-container form button{cursor:pointer;background-color:#0000;border:none;width:20px;height:20px;padding:0;position:absolute}.search-popup .search-container .search-bar-container form button svg{transition:all .15s}.search-popup .search-container .search-bar-container form button:hover svg{stroke:#fff}.search-popup .search-container .search-bar-container form .clear{right:56px}.search-popup .search-container .search-bar-container form button[type=submit]{right:12px}.search-popup .search-container .search-results-container{box-sizing:border-box;width:100%;padding:16px}.search-popup .search-container .search-close-container{box-sizing:border-box;border-top:1px solid #27272a;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.search-popup .search-container .search-close-container .close-info{color:#6b7280;font-size:12px;font-weight:400;line-height:16px}.search-popup .search-container .search-close-container .close-info kbd{background-color:#27272a;border-radius:4px;padding:4px 8px}.search-popup .search-container .search-close-container .close-button{cursor:pointer;background-color:#0000;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.search-popup .search-container .search-close-container .close-button svg{transition:all .15s}.search-popup .search-container .search-close-container .close-button:hover svg{stroke:#fff}