.base-input{position:relative;width:100%;display:flex;align-items:center;justify-content:center;justify-content:flex-start;gap:4px;border-width:1px;border-color:var(--color-border-neutral-white-12);border-style:solid;border-radius:8px;background-color:var(--color-bg-base-secondary);transition-property:border;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.base-input-default{border-width:1px;border-color:var(--color-border-neutral-white-12);border-style:solid}.base-input-error{border-width:1px!important;border-color:var(--color-border-danger-tertiary)!important;border-style:solid!important}.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);border-style:solid;background-color:var(--color-bg-neutral-white-8);color:var(--color-text-neutral-white-40)}.suffix-icon{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;color:var(--color-icon-neutral-white-80)}.suffix-icon .base-input-clear-icon{cursor:pointer;font-size:12px}