.input-search .row{align-items:center;display:flex;position:relative}.input-search .field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-color-3);border:none;border-radius:.5rem;color:var(--white-white-60);font-size:1rem;font-weight:400;height:48px;padding:.625rem 2.75rem;transition:all .2s ease-in-out;width:100%}@media (hover:hover) and (pointer:fine){.input-search .field:hover{background-color:var(--surface-color-4)}.input-search .field:hover .field__icon-search{--color:var(--white-white-90)}}.input-search .field::-moz-placeholder{color:var(--white-white-60);font-family:inherit;font-weight:400}.input-search .field::placeholder{color:var(--white-white-60);font-family:inherit;font-weight:400}.input-search .field:focus{background-color:var(--surface-color-4);color:var(--white-white-90)}.input-search .field:focus~.icon{--color:var(--white)}.input-search.isActive .field{background-color:var(--surface-color-4);color:var(--white-white-90)}.input-search__icon-search{left:12px;--color:var(--white-white-60)}.input-search__icon-clear,.input-search__icon-search{align-self:center;height:24px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.input-search__icon-clear{right:12px;transition:all .2s ease-in-out}.input-search__icon-clear--hidden{display:none}.input-search__icon-clear:active{color:var(--white)}.input-search--secondary .field{background-color:var(--surface-color-2);color:var(--white-white-90);height:40px}.input-search--secondary .field::-moz-placeholder{color:var(--white-white-60);font-weight:400}.input-search--secondary .field::placeholder{color:var(--white-white-60);font-weight:400}.input-search--secondary__icon-search{--color:var(--white-white-90)}.input-search--secondary__icon-clear:active{color:var(--white-white-90)}