.input-ui{display:flex;flex-direction:column}.input-ui__label{margin:0 0 8px}.input-ui__main{display:flex;align-items:center;gap:8px}.input-ui__element-wrapper{display:flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;position:relative;width:100%;height:100%}.input-ui__element{width:100%;height:100%;outline:none;border:1px solid #e5e7eb;border-radius:6px;padding:.5em .625em;min-height:40px;color:#1f2937;opacity:1;transition:border-color .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out;font-size:14px;line-height:20px;font-weight:400}.input-ui__element::-moz-placeholder{color:#6b7280;-moz-transition:color .15s ease-in-out;transition:color .15s ease-in-out}.input-ui__element::placeholder{color:#6b7280;transition:color .15s ease-in-out}.input-ui__element:hover{border-color:#6365f1}.input-ui__element:focus{border-color:#6366f1}.input-ui__element:focus .input-ui__element-icon{color:#6366f1}.input-ui__element:active{border-color:#6366f1}.input-ui__element--clearable{padding:.5em 2.5em .5em .625em}.input-ui__element:disabled{background-color:#e5e7eb;border-color:#bbbdc0;cursor:not-allowed}.input-ui__element:disabled::-moz-placeholder{color:#bbbdc0}.input-ui__element:disabled,.input-ui__element:disabled::placeholder{color:#bbbdc0}.input-ui__element:-moz-read-only{cursor:default}.input-ui__element:read-only{cursor:default}.input-ui__element--error{border-color:#ef4444!important}.input-ui__element--with-preicon{padding-left:28px}.input-ui__element--with-posticon{padding-right:28px}.input-ui__element--textarea{resize:vertical;max-height:500px}.input-ui__element[type=color]{padding:4px 30px 4px 4px;cursor:pointer;height:40px}.input-ui__element[type=color]::-webkit-color-swatch-wrapper{padding:6px}.input-ui__element[type=color]::-webkit-color-swatch{border:1px solid #e5e7eb;border-radius:4px}.input-ui__element[type=color]::-moz-color-swatch{border:1px solid #e5e7eb;border-radius:4px}.input-ui__element-icon{position:absolute;top:50%;transform:translateY(-50%);color:#e5e7eb}.input-ui__element-icon img,.input-ui__element-icon svg{width:12px;height:12px}.input-ui__element-icon--pre{left:10px}.input-ui__element-icon--post{right:10px}.input-ui__element-icon--post.input-ui__element-icon--clearable-showed{right:35px}.input-ui__prepend{border:1px solid #e5e7eb;border-radius:6px 0 0 6px;padding:.5em .625em;border-right:0!important;font-size:14px;line-height:20px;font-weight:400}.input-ui__prepend+.input-ui__element{border-radius:0 6px 6px 0!important}.input-ui textarea.input-ui__element{resize:vertical}