.base-input{border-width:1px;border-color:var(--color-border-neutral-white-12);background-color:var(--color-bg-base-secondary) ;border-style:solid;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;width:100%;transition-property:border;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.base-input-default{border-width:1px;border-color:var(--color-border-neutral-white-12);border-style:solid}.base-input-error{border-width:1px;border-color:var(--color-border-danger-default);border-style:solid}.base-input-focus{border-width:1px;border-color:var(--color-border-brand-secondary);border-style:solid}.base-input-hover{border-width:1px;border-color:var(--color-border-neutral-white-16);border-style:solid}.base-input-disabled{pointer-events:none;border-width:1px;border-color:var(--color-border-neutral-white-8);background-color:var(--color-bg-neutral-white-8) ;color:var(--color-text-neutral-white-40) ;border-style:solid}.base-input-plain{--un-shadow:0 0 var(--un-shadow-color,#0000);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);background-color:#0000;border-style:none}.base-input input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-base-secondary) inset!important;-webkit-text-fill-color:var(--color-text-neutral-white-95)!important;caret-color:var(--color-text-neutral-white-95)!important;color:var(--color-text-neutral-white-95)!important}.base-input input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-base-secondary) inset!important;-webkit-text-fill-color:var(--color-text-neutral-white-95)!important;caret-color:var(--color-text-neutral-white-95)!important;color:var(--color-text-neutral-white-95)!important}.base-input input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-base-secondary) inset!important;-webkit-text-fill-color:var(--color-text-neutral-white-95)!important;caret-color:var(--color-text-neutral-white-95)!important;color:var(--color-text-neutral-white-95)!important}.base-input input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-bg-base-secondary) inset!important;-webkit-text-fill-color:var(--color-text-neutral-white-95)!important;caret-color:var(--color-text-neutral-white-95)!important;color:var(--color-text-neutral-white-95)!important}.base-input input:-moz-autofill{background-color:var(--color-bg-base-secondary)!important;caret-color:var(--color-text-neutral-white-95)!important;color:var(--color-text-neutral-white-95)!important}.base-input input:-moz-autofill:focus{background-color:var(--color-bg-base-secondary)!important;caret-color:var(--color-text-neutral-white-95)!important;color:var(--color-text-neutral-white-95)!important}.base-input input:-moz-autofill:hover{background-color:var(--color-bg-base-secondary)!important;caret-color:var(--color-text-neutral-white-95)!important;color:var(--color-text-neutral-white-95)!important}.suffix-icon{color:var(--color-icon-neutral-white-80) ;justify-content:center;align-items:center;gap:8px;font-size:16px;display:flex;position:absolute;right:12px}.suffix-icon .base-input-clear-icon{cursor:pointer;font-size:12px}