.search-field{background:var(--white);border-radius:var(--radius-m);border:.0625rem solid #0000;align-items:center;gap:.5rem;width:100%;height:2.5rem;padding:.75rem .125rem .75rem .5rem;transition:border-color .2s;display:flex}.search-field:hover{border-color:var(--gray)}.search-field:focus-within{border:.125rem solid var(--red)}.search-field--filled{border-color:var(--gray)}.search-field--error{border:.125rem solid var(--red-100)}.search-field--error .search-field__clear{color:var(--red-100)}.search-field--success{border:.125rem solid var(--white)}.search-field--disabled,.search-field--readonly{background:var(--white-200);border-color:var(--white-200)}.search-field--disabled .search-field__action,.search-field--readonly .search-field__action{cursor:inherit}.search-field__input{letter-spacing:-.01rem;width:100%;color:var(--black-100);background:0 0;border:none;outline:none;font-size:.875rem;line-height:1.43}.search-field__input::placeholder{color:var(--gray-100)}.search-field__input:disabled{cursor:not-allowed;color:var(--gray)}.search-field__input:read-only{cursor:default}.search-field__clear{width:1.25rem;height:1.25rem}.search-field__action,.search-field__clear{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-field__action{border-radius:var(--radius-m);background:var(--white-200);width:2.25rem;height:2.25rem;color:var(--gray);border:none}.search-field__action .icon{width:24px;height:24px}.search-field__loading{border:.125rem solid var(--gray-100);border-radius:var(--radius-full);border-top:.125rem solid #0000;width:1.25rem;min-width:1.25rem;height:1.25rem;animation:.8s linear infinite search-spin}@media (width>=48rem){.search-field{height:3.25rem;padding:.75rem .375rem .75rem 1rem}.search-field__action{width:2.5rem;height:2.5rem}}@media (width>=90rem){.search-field{flex:1;height:3rem;padding:.75rem .25rem .75rem 1rem}}@keyframes search-spin{to{transform:rotate(1turn)}}