.search-bar-container{position:relative;width:100%;max-width:400px;min-width:250px}.search-bar-form{position:relative;display:flex;align-items:center;width:100%}.search-bar-field{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#ffffff;font-size:16px;font-family:Noto Sans,sans-serif;transition:all .3s ease}.search-bar-field::-moz-placeholder{color:rgba(255,255,255,.6);font-family:Noto Sans,sans-serif}.search-bar-field::placeholder{color:rgba(255,255,255,.6);font-family:Noto Sans,sans-serif}.search-bar-field:focus{outline:none;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.search-bar-icon{position:absolute;left:.75rem;color:rgba(255,255,255,.5);z-index:1;pointer-events:none}.search-bar-clear-btn{position:absolute;right:2.75rem;background:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.search-bar-clear-btn:hover{color:#ffffff;background:rgba(255,255,255,.1)}.search-bar-submit-btn{position:absolute;right:.5rem;background:transparent;border:none;color:rgba(255,255,255,.6);font-size:16px;cursor:pointer;transition:all .3s ease;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.search-bar-submit-btn:hover{color:#ffffff;background:rgba(255,255,255,.1)}.search-bar-submit-btn:disabled{opacity:.4;cursor:not-allowed}.search-bar-results{position:absolute;top:100%;left:0;right:0;background:rgba(15,15,15,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.5);z-index:1000;margin-top:.5rem;max-height:400px;overflow-y:auto}.search-bar-results::-webkit-scrollbar{width:6px}.search-bar-results::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.search-bar-results::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.search-bar-results::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.search-bar-results-list{padding:.5rem}.search-bar-result-item{padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.search-bar-result-item:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);transform:translateY(-1px)}.search-bar-result-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.search-bar-result-type{font-size:14px;flex-shrink:0}.search-bar-result-title{flex:1;font-weight:500;color:#ffffff;font-family:Noto Sans,sans-serif;font-size:14px}.search-bar-result-score{background:rgba(255,255,255,.15);padding:.125rem .375rem;border-radius:12px}.search-bar-result-excerpt,.search-bar-result-score{font-size:12px;color:rgba(255,255,255,.8);font-family:Noto Sans,sans-serif}.search-bar-result-excerpt{line-height:1.4;margin-top:.25rem}.search-bar-no-results{padding:1rem;text-align:center;color:rgba(255,255,255,.7);font-family:Noto Sans,sans-serif;font-size:14px}.search-bar-container.compact .search-bar-field{padding:.5rem .5rem .5rem 2rem;font-size:14px}.search-bar-container.compact .search-bar-icon{left:.5rem;width:16px;height:16px}.search-bar-container.compact .search-bar-clear-btn{right:2.25rem}.search-bar-container.large{max-width:600px}.search-bar-container.large .search-bar-field{padding:1rem 1rem 1rem 3rem;font-size:18px}.search-bar-container.large .search-bar-icon{left:1rem;width:24px;height:24px}.search-bar-container.large .search-bar-clear-btn{right:3.5rem}@media (max-width:768px){.search-bar-container{max-width:100%;min-width:auto}.search-bar-field{padding:.625rem .625rem .625rem 2.25rem;font-size:14px}.search-bar-icon{left:.625rem;width:18px;height:18px}.search-bar-clear-btn{right:2.5rem}}@media (max-width:480px){.search-bar-field{padding:.5rem .5rem .5rem 2rem;font-size:14px}.search-bar-icon{left:.5rem;width:16px;height:16px}.search-bar-clear-btn{right:2.25rem}}