.searchbar{display:flex;align-items:center;background:#f8fafc;border-radius:.75rem;padding:.15rem .75rem .15rem .5rem;border:1.5px solid var(--gray-border,#e5e7eb);transition:border .18s;width:100%}.searchbar-input{background:transparent;border:none;outline:none;font-size:1rem;color:#374151;padding:.5rem .5rem .5rem 0;flex:1;font-family:inherit;border-radius:.75rem 0 0 .75rem;transition:background .18s}.searchbar-input::-moz-placeholder{color:#9ca3af}.searchbar-input::placeholder{color:#9ca3af}.searchbar-btn{background:none;border:none;outline:none;cursor:pointer;display:flex;align-items:center;padding:0 .25rem;color:var(--accent-main);border-radius:0 .75rem .75rem 0;transition:background .18s}.searchbar-btn:hover{background:rgba(99,102,241,.08)}.searchbar-btn:focus,.searchbar-btn:focus-visible{outline:none;box-shadow:none}.searchbar.mobile-searchbar{margin:0 auto 1rem;width:calc(100% - 32px);max-width:300px}.searchbar.navbar-searchbar{margin:0 1.5rem;min-width:300px;max-width:320px}