.search-bar-with-notifications{flex:1;justify-content:space-between;align-items:center;gap:12px;transition:gap .3s;display:flex}.explore-header-search-bar.search-focused .search-bar-with-notifications{gap:8px}.explore-header-search-bar:not(.search-focused) .search-close-button{display:none}.search-container{flex-grow:0;flex-shrink:0;width:100%;transition:width .3s,max-width .3s;position:relative}.explore-header-search-bar .search-container{width:40px;max-width:40px}.explore-header-search-bar.search-focused .search-container{width:calc(100% - 48px);max-width:calc(100% - 48px)}.search-input-wrapper{background-color:#f3f4f6;border-radius:20px;align-items:center;height:40px;transition:all .3s;display:flex;position:relative}.explore-header-search-bar.search-focused .search-input-wrapper{background-color:#0000}.search-input{box-sizing:border-box;opacity:1;pointer-events:auto;background-color:#0000;border:none;border-radius:20px;outline:none;width:100%;padding:10px 40px 10px 44px;font-size:14px;transition:all .3s}.explore-header-search-bar:not(.search-focused) .search-input{opacity:0;pointer-events:none}.explore-header-search-bar.search-focused .search-input{opacity:1;pointer-events:auto;background-color:#f9fafb;border:1px solid #e5e7eb}.search-input:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.search-icon{color:#6b7280;cursor:default;pointer-events:none;transition:all .3s;position:absolute;left:12px}.explore-header-search-bar:not(.search-focused) .search-icon{pointer-events:auto;cursor:pointer;left:50%;transform:translate(-50%)}.explore-header-search-bar.search-focused .search-icon{pointer-events:none;cursor:default;left:12px;transform:none}.clear-search{color:#9ca3af;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:18px;transition:opacity .3s;display:flex;position:absolute;right:12px}.explore-header-search-bar.search-focused .clear-search{opacity:1;pointer-events:auto}.clear-search:hover{color:#4b5563}.search-results{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:400px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.results-group{padding-bottom:8px}.results-group:not(:last-child){border-bottom:1px solid #f3f4f6}.results-group-header{color:#6b7280;text-transform:uppercase;background-color:#f9fafb;padding:8px 16px;font-size:12px;font-weight:600}.search-result-item{cursor:pointer;align-items:center;padding:10px 16px;transition:background-color .15s;display:flex}.search-result-item:hover{background-color:#f3f4f6}.result-icon{color:#6b7280;flex-shrink:0;margin-right:12px}.result-profile-pic{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-right:12px}.result-title{color:#111827;font-size:14px}.user-result-info{flex-direction:column;display:flex}.result-handle{color:#6b7280;margin-top:2px;font-size:12px}.no-results{text-align:center;color:#6b7280;padding:16px;font-size:14px}.menu-button,.notifications-button{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;transition:all .2s;display:flex}.menu-button:hover,.notifications-button:hover{color:#374151;background-color:#e5e7eb}.menu-button:active,.notifications-button:active{transform:scale(.95)}