.search-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-popup .search-container{margin-top:80px;border:1px solid #27272a;background-color:rgba(24,24,27,.9019607843);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;width:100%;max-width:768px;height:auto;border-radius:12px}.search-popup .search-container .search-bar-container{padding:16px;width:100%;box-sizing:border-box;border-bottom:1px solid #27272a}.search-popup .search-container .search-bar-container form{width:100%;height:50px;position:relative;display:flex;flex-direction:row;align-items:center}.search-popup .search-container .search-bar-container form .lucide-search{position:absolute;left:12px}.search-popup .search-container .search-bar-container form input{position:relative;background-color:rgba(39,39,42,.5019607843);box-sizing:border-box;width:100%;padding:24px 40px;border:1px solid #3f3f46;border-radius:6px;transition:all .15s ease;height:100%;color:#fff;font-weight:400;line-height:28px;font-size:18px}.search-popup .search-container .search-bar-container form input::placeholder{color:#a1a1aa}.search-popup .search-container .search-bar-container form input:focus-visible{outline:2px solid #27272a;outline-offset:2px;box-shadow:0 0 0 2px #09090b,0 0 0 4px #27272a,0 0 0 0 rgba(0,0,0,0)}.search-popup .search-container .search-bar-container form button{position:absolute;cursor:pointer;background-color:rgba(0,0,0,0);border:none;padding:0;width:20px;height:20px}.search-popup .search-container .search-bar-container form button svg{transition:all .15s ease}.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{padding:16px;width:100%;box-sizing:border-box}.search-popup .search-container .search-close-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px;width:100%;box-sizing:border-box;border-top:1px solid #27272a}.search-popup .search-container .search-close-container .close-info{color:#6b7280;font-weight:400;line-height:16px;font-size:12px}.search-popup .search-container .search-close-container .close-info kbd{background-color:#27272a;padding:4px 8px;border-radius:4px}.search-popup .search-container .search-close-container .close-button{width:16px;height:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;border:none;background-color:rgba(0,0,0,0)}.search-popup .search-container .search-close-container .close-button svg{transition:all .15s ease}.search-popup .search-container .search-close-container .close-button:hover svg{stroke:#fff}