.search-input-wrapper{position:relative;width:100%}.search-input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#64748b;display:flex;align-items:center;pointer-events:none;z-index:1}.search-input-field{width:100%;padding:16px 48px 16px 56px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:white;font-size:1rem;outline:none;transition:all .3s}.search-input-field::placeholder{color:#64748b}.search-input-field:focus{border-color:#1681ff;background:rgba(255,255,255,.08)}.search-input-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.search-input-clear:hover{color:#fff}.search-input-clear:focus{outline:2px solid #1681ff;outline-offset:2px;border-radius:4px}