.BaseTextInput[data-v-4914b5be]{flex-direction:column;width:100%;display:flex}.inputContainer[data-v-4914b5be]{width:100%;font-size:inherit;font-weight:inherit;display:inline-block;position:relative}.input{&[data-v-4914b5be]{box-sizing:border-box;width:100%;font-size:inherit;font-weight:inherit;border:1px solid var(--shadow-color-1);border-radius:6px;padding:8px;transition:all .3s cubic-bezier(.4,.4,0,1);box-shadow:0 0 #0000}&[data-v-4914b5be]:hover{background:var(--shadow-color-0)}&[data-v-4914b5be]:focus{box-shadow:0 0 0 2px var(--focus-outline-color);background:0 0}&[data-v-4914b5be]::placeholder{color:var(--text-color-4)}&.hasError[data-v-4914b5be]{color:var(--color-text-danger);box-shadow:0 0 0 1px var(--color-border-danger);background-color:var(--color-surface-danger-light)}}.prefix[data-v-4914b5be]{font-size:12px}ul.errors{&[data-v-4914b5be]{flex:unset;list-style:none;transition:all .4s cubic-bezier(.4,.4,0,1) .1s;display:list-item}&.has-error[data-v-4914b5be]{margin-top:.3em}& li[data-v-4914b5be]{margin-top:.5em;list-style:none}}.suffix-block[data-v-4914b5be]{box-sizing:border-box;pointer-events:none;border:1px solid #0000;height:31px;padding:4px 0 5px;font-size:12px;line-height:21px;display:flex;position:absolute;top:0;left:0;right:0}.prefix-text[data-v-4914b5be],.suffix-text[data-v-4914b5be]{color:var(--piano-gray-600);padding:0 6px}.suffix-margin[data-v-4914b5be]{opacity:0;max-width:100%;overflow:hidden}