.SearchInput-module__2H4LhW__container{flex-direction:column;width:100%;display:flex}.SearchInput-module__2H4LhW__inputWrapper{align-items:center;width:100%;display:flex;position:relative}.SearchInput-module__2H4LhW__input{border:1px solid var(--sys-roles-surface-container-highest);width:100%;height:44px;font-family:var(--font-primary);color:var(--color-on-background);background-color:#0000;border-radius:8px;padding:12px 16px 12px 42px;font-size:14px;transition:all .2s}.SearchInput-module__2H4LhW__input:hover{border-color:var(--color-primary)}.SearchInput-module__2H4LhW__input::placeholder{color:var(--color-outline)}.SearchInput-module__2H4LhW__input:focus{box-shadow:none;border-color:var(--color-primary);outline:none}.SearchInput-module__2H4LhW__searchIcon{color:var(--color-outline);pointer-events:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;left:14px}.SearchInput-module__2H4LhW__input:focus~.SearchInput-module__2H4LhW__searchIcon,.SearchInput-module__2H4LhW__inputWrapper:hover .SearchInput-module__2H4LhW__searchIcon{color:var(--color-primary)}.SearchInput-module__2H4LhW__clearButton{color:var(--color-outline);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;transition:all .2s;display:flex;position:absolute;right:12px}.SearchInput-module__2H4LhW__clearButton:hover{color:var(--color-primary);background-color:var(--sys-roles-surface-container-high)}