.search-bar-container{position:relative;flex:1;max-width:42rem;width:100%;z-index:50}.search-form{width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;border-radius:1.5rem;background-color:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform,box-shadow;overflow:hidden}.dark .search-input-wrapper{background-color:rgb(31,41,55)}.search-gradient-bg{position:absolute;inset:-2px;border-radius:1.5rem;background:linear-gradient(135deg,rgba(59,130,246,.5),rgba(147,51,234,.5),rgba(236,72,153,.5),rgba(59,130,246,.5));background-size:300% 300%;opacity:0;transition:opacity .3s ease;animation:gradientShift 8s ease infinite;z-index:-1}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.search-input-wrapper.search-focused .search-gradient-bg{opacity:1}.search-input-wrapper.search-focused{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 3px rgba(59,130,246,.1);transform:scale3d(1.02,1.02,1)}.search-input-wrapper.search-has-value{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.search-icon-container{position:absolute;left:1rem;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.search-icon{width:1.125rem;height:1.125rem;color:rgb(156,163,175);transition:all .3s ease}.search-input-wrapper.search-focused .search-icon{color:rgb(59,130,246);transform:scale3d(1.1,1.1,1) rotate(15deg)}.search-input{width:100%;padding:.875rem 8rem .875rem 2.75rem;background-color:transparent;border:none;outline:none;font-size:.9375rem;font-weight:500;color:rgb(17,24,39);transition:all .3s ease}.dark .search-input{color:white}.search-input::placeholder{color:rgb(156,163,175);transition:color .3s ease}.search-input:focus::placeholder{color:rgb(209,213,219)}@media (max-width:640px){.search-input{padding-right:6rem;font-size:.875rem}}.search-clear-btn{position:absolute;right:4.5rem;display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:transparent;border:none;cursor:pointer;transition:all .3s ease;border-radius:.5rem;animation:fadeInScale .3s ease;transform:translateZ(0)}@keyframes fadeInScale{0%{opacity:0;transform:scale3d(.8,.8,1)}to{opacity:1;transform:scaleX(1)}}.search-clear-btn:hover{background-color:rgba(0,0,0,.05);transform:scale3d(1.1,1.1,1) rotate(90deg)}.dark .search-clear-btn:hover{background-color:rgba(255,255,255,.1)}.search-clear-icon{width:.875rem;height:.875rem;color:rgb(156,163,175);transition:color .3s ease}.search-clear-btn:hover .search-clear-icon{color:rgb(239,68,68)}.search-submit-btn{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;padding:.625rem .875rem;background:linear-gradient(135deg,rgb(59,130,246),rgb(147,51,234));border:none;border-radius:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgba(59,130,246,.3);transform:translateZ(0);will-change:transform}.search-submit-btn:hover{transform:scale3d(1.05,1.05,1);box-shadow:0 10px 15px -3px rgba(59,130,246,.4)}.search-submit-btn:active{transform:scale3d(.95,.95,1)}.search-submit-icon{width:1rem;height:1rem;color:white}.search-dropdown{position:absolute;z-index:9999;margin-top:.75rem;width:100%;border-radius:1.5rem;background-color:white;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,.05);overflow:hidden;opacity:0;transform:translateY(-8px) scale3d(.95,.95,1);transform-origin:top center;animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity}.dark .search-dropdown{background-color:rgb(31,41,55);border-color:rgba(255,255,255,.1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale3d(.95,.95,1)}to{opacity:1;transform:translateY(0) scaleX(1)}}.search-dropdown.dropdown-open{animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}.search-dropdown-inner{padding:.5rem}.search-results-count{padding:.75rem 1rem .5rem}.results-count-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(107,114,128)}.dark .results-count-text{color:rgb(156,163,175)}.search-suggestions{display:flex;flex-direction:column;gap:.25rem}.suggestion-item{position:relative;display:flex;align-items:center;gap:.875rem;padding:.875rem;width:100%;background-color:transparent;border:none;border-radius:1rem;cursor:pointer;transition:all .2s ease;text-align:left;overflow:hidden;opacity:0;animation:suggestionSlideIn .4s cubic-bezier(.4,0,.2,1) forwards;transform:translateZ(0)}@keyframes suggestionSlideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.suggestion-item.suggestion-selected,.suggestion-item:hover{background-color:rgba(59,130,246,.05);transform:translateX(4px)}.dark .suggestion-item.suggestion-selected,.dark .suggestion-item:hover{background-color:rgba(59,130,246,.1)}.suggestion-hover-effect{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.suggestion-item:hover .suggestion-hover-effect{opacity:1;animation:shimmerEffect 1.5s ease infinite}@keyframes shimmerEffect{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.suggestion-emoji-container{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.875rem;flex-shrink:0;transition:transform .3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateZ(0)}.suggestion-item:hover .suggestion-emoji-container{transform:scale3d(1.1,1.1,1) rotate(5deg)}.suggestion-emoji{font-size:1.5rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.suggestion-content{flex:1;min-width:0}.suggestion-name{font-size:.9375rem;font-weight:600;color:rgb(17,24,39);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .suggestion-name{color:white}.suggestion-description{font-size:.8125rem;color:rgb(107,114,128);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .suggestion-description{color:rgb(156,163,175)}.suggestion-badge{flex-shrink:0}.badge-text{display:inline-block;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:rgba(59,130,246,.1);color:rgb(59,130,246);border-radius:.5rem;transition:all .3s ease}.dark .badge-text{background-color:rgba(59,130,246,.2);color:rgb(147,197,253)}.suggestion-item:hover .badge-text{background-color:rgba(59,130,246,.15);transform:scale3d(1.05,1.05,1)}.suggestion-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:all .3s ease;transform:translateX(-8px)}.suggestion-item.suggestion-selected .suggestion-arrow,.suggestion-item:hover .suggestion-arrow{opacity:1;transform:translateX(0)}.arrow-icon{width:1rem;height:1rem;color:rgb(59,130,246)}.search-view-all{padding:.5rem 1rem .75rem;border-top:1px solid rgba(0,0,0,.05);margin-top:.5rem}.dark .search-view-all{border-top-color:rgba(255,255,255,.1)}.view-all-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:600;color:rgb(59,130,246);background-color:transparent;border:1px solid rgba(59,130,246,.2);border-radius:.75rem;cursor:pointer;transition:all .3s ease}.view-all-btn:hover{background-color:rgba(59,130,246,.05);border-color:rgb(59,130,246);transform:scale3d(1.02,1.02,1)}.dark .view-all-btn{color:rgb(147,197,253)}.dark .view-all-btn:hover{background-color:rgba(59,130,246,.1)}@media (max-width:640px){.search-bar-container{max-width:100%}.suggestion-emoji-container{width:2.5rem;height:2.5rem}.suggestion-emoji{font-size:1.25rem}.suggestion-name{font-size:.875rem}.suggestion-description{font-size:.75rem}.search-dropdown{max-height:70vh;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.search-gradient-bg{animation:none}.suggestion-hover-effect{display:none}}