.search-input-wrapper{width:100%;background:var(--color-bright);border:1px solid var(--color-dark-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-family:var(--font-sans);transition:var(--transition-base);padding:var(--spacing-2) var(--spacing-3)}.search-input-wrapper:hover{border-color:var(--color-hovering);box-shadow:0 0 0 2px var(--color-input-shadow-hovering)}.search-input-wrapper.is-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-input-shadow-primary)}.search-input-wrapper.has-error{border-color:var(--color-danger);box-shadow:0 0 0 2px var(--color-input-shadow-danger)}.search-input-wrapper.is-disabled{cursor:not-allowed;opacity:.6}.search-input-inner{display:flex;align-items:center;gap:var(--spacing-2)}.search-input-icon{color:var(--color-dark-strong);flex-shrink:0;transition:var(--transition-base)}.search-input-wrapper.is-focused .search-input-icon,.search-input-wrapper:hover .search-input-icon{color:var(--color-glory);transition:var(--transition-base);filter:var(--glow-glory)}.search-input-field{flex:1;border:none;background:transparent;font-size:var(--font-size-base);color:var(--color-dark);outline:none;font-family:var(--font-sans);font-weight:var( --font-weight-light)}.search-input-clear{background:none;border:none;cursor:pointer;padding:0}.search-input-clear,.search-input-loading{color:var(--color-dark-strong);display:flex;align-items:center}.search-input-loading{justify-content:center;margin-left:var(--spacing-1)}.search-input-wrapper{--search-font-size:var(--font-size-base);--search-padding-y:var(--spacing-2);--search-padding-x:var(--spacing-3)}.search-input--sm{--search-font-size:var(--font-size-sm);--search-padding-y:var(--spacing-1);--search-padding-x:var(--spacing-2)}.search-input--lg{--search-font-size:var(--font-size-lg);--search-padding-y:var(--spacing-3);--search-padding-x:var(--spacing-4)}.search-input-wrapper{padding:var(--search-padding-y) var(--search-padding-x);font-size:var(--search-font-size)}.search-dropdown-panel{position:absolute;top:calc(100% + var(--spacing-1));left:0;width:100%;max-height:300px;overflow-y:auto;background:var(--color-bright-background);border:1px solid var(--color-dark-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-2);font-family:var(--font-sans);font-size:var(--font-size-base);animation:fadeSlideIn .2s ease-out;transition:var(--transition-base);scrollbar-width:none;-ms-overflow-style:none}.search-dropdown-panel::-webkit-scrollbar{display:none}.search-dropdown-panel:hover{border-color:var(--color-hovering);box-shadow:var(--shadow-md)}.search-dropdown-panel.is-focused{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-input-shadow-primary)}.search-dropdown-item{padding:var(--spacing-2);border-radius:var(--radius-sm);background:transparent;transition:background .2s ease;cursor:pointer}.search-dropdown-item:hover{background-color:var(--color-dark-softer)}.search-dropdown-no-result{font-size:var(--font-size-sm);color:var(--color-dark-strong);padding:var(--spacing-2);text-align:center}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-result-item{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--spacing-1)}.friend-info{display:grid;grid-template-columns:75% 25%;align-items:center;width:100%;padding-inline:var(--spacing-2)}.friend-info-contain{cursor:pointer;transition:var(--transition-fast);color:var(--color-dark);overflow:hidden}.friend-info-name,.friend-info-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.friend-info-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);flex-shrink:1}.friend-info-username{font-size:var(--font-size-xs);font-weight:var(--font-weight-light);color:var(--color-muted);margin-top:2px}.friend-info-contain:hover{color:var(--color-hovering)}.friend-action-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-2)}.friend-message-button,.friend-status{color:var(--color-primary)}.friend-message-button,.friend-minus-button{transition:var(--transition-fast)}.friend-minus-button{color:var(--color-danger)}.friend-accept-button,.friend-plus-button{color:var(--color-success);transition:var(--transition-fast)}.friend-decline-button{color:var(--color-danger);transition:var(--transition-fast)}.friend-accept-button:hover,.friend-decline-button:hover,.friend-info button:hover,.friend-minus-button:hover,.friend-plus-button:hover{color:var(--color-hovering)}
/*# sourceMappingURL=946b850f91c700c7.css.map*/