.base-input{align-items:center;background:rgb(from var(--text) r g b/.05);border:1px solid transparent;border-radius:100px;display:inline-flex;height:40px;padding:0 20px;transition:var(--transition)}.base-input__el{background:transparent;border:none;color:var(--text);flex:1;font-size:18px;outline:none;width:100%}.base-input__prefix,.base-input__suffix{align-items:center;color:var(--menu-icon);display:flex}.base-input__prefix{margin-right:5px}.base-input__suffix{margin-left:5px}.base-input__clear,.base-input__loading{align-items:center;aspect-ratio:1;background:transparent;border:none;color:var(--menu-icon);display:flex;font-size:14px;height:14px;margin-left:5px;width:14px}.base-input__clear>*{cursor:pointer}.base-input__loading{color:var(--accent);cursor:inherit}.base-input--focus{border:1px solid #409eff}.base-input--disabled{cursor:not-allowed;opacity:.5}.base-input--error{border:1px solid #f56c6c}.base-input--loading{cursor:wait}.base-input--disabled>*,.base-input--loading>*{pointer-events:none}.opacity-enter-active,.opacity-leave-active{transition:opacity .5s ease}.opacity-enter-from,.opacity-leave-to{opacity:0}