.name-search{border:1px solid var(--color-border);background-color:#ffffffe6;border-radius:999px;align-items:center;width:100%;max-width:360px;margin:0 auto;padding:4px 4px 4px 1rem;transition:all .3s;display:flex;box-shadow:0 4px 8px #0000000d}.name-search:focus-within{border-color:var(--color-border-hover);box-shadow:0 0 0 3px var(--color-outline)}.name-search-input{min-width:0;color:var(--color-text-main);background:0 0;border:none;flex:1;padding:.4rem 0;font-family:Inter,sans-serif;font-size:.85rem;font-style:italic}.name-search-input:focus{outline:none}.name-search-button{background-color:var(--color-button);color:var(--color-white);cursor:pointer;border:none;border-radius:999px;padding:.4rem 1rem;font-size:.8rem;transition:background-color .2s,opacity .2s}.name-search-button:hover{background-color:var(--color-button-hover)}.name-search-button:disabled{opacity:.5;cursor:default}