acud/lib/input/style/index.css

acg react 组件库

/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
@font-face {
  font-weight: normal;
  font-family: password;
  font-style: normal;
  src: url(data:application/octet-stream;base64,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) format('woff2');
}
.acud-input {
  width: 100%;
  outline: none;
  display: flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  font-weight: 400;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  color: #151B26;
  background-color: #FFFFFF;
  border-color: #E8E9EB;
}
.acud-input input {
  min-width: 0;
  padding: 0 12px;
  border: none;
  height: 100%;
  flex-grow: 1;
  color: inherit;
  font-size: 12px;
}
.acud-input input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset !important;
}
.acud-input input:focus {
  outline: none;
}
.acud-input-prefix {
  display: flex;
  padding: 0 8px 0 0;
}
.acud-input-suffix {
  display: flex;
  padding: 0 0 0 4px;
  word-break: keep-all;
}
.acud-input-prefix,
.acud-input-suffix {
  color: #84868C;
}
.acud-input-prefix:hover,
.acud-input-suffix:hover {
  color: #84868C;
}
.acud-input-prefix:focus,
.acud-input-suffix:focus,
.acud-input-prefix:active,
.acud-input-suffix:active {
  color: #84868C;
}
.acud-input-prefix[disabled],
.acud-input-suffix[disabled],
.acud-input-prefix[aria-disabled="true"],
.acud-input-suffix[aria-disabled="true"],
.acud-input-prefix[disabled]:hover,
.acud-input-suffix[disabled]:hover,
.acud-input-prefix[aria-disabled="true"]:hover,
.acud-input-suffix[aria-disabled="true"]:hover,
.acud-input-prefix[disabled]:focus,
.acud-input-suffix[disabled]:focus,
.acud-input-prefix[aria-disabled="true"]:focus,
.acud-input-suffix[aria-disabled="true"]:focus,
.acud-input-prefix[disabled]:active,
.acud-input-suffix[disabled]:active,
.acud-input-prefix[aria-disabled="true"]:active,
.acud-input-suffix[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-lg {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
}
.acud-input-lg input {
  font-size: 14px;
}
.acud-input-sm {
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
}
.acud-input-sm input {
  padding: 0 8px;
}
.acud-input-sm input input {
  font-size: 12px;
}
.acud-input-has-prefix input {
  padding: 0;
}
.acud-input-has-prefix {
  padding-left: 12px;
}
.acud-input-has-addon-before {
  padding-left: 0;
}
.acud-input-has-suffix {
  padding-right: 12px;
}
.acud-input-has-addon-after {
  padding-right: 0;
}
.acud-input-has-prefix.acud-input-sm {
  padding-right: 8px;
  padding-left: 8px;
}
.acud-input-has-prefix.acud-input-sm input {
  padding: 0px;
}
.acud-input-has-suffix.acud-input-sm {
  padding-right: 8px;
  padding-left: 8px;
}
.acud-input-has-suffix.acud-input-sm input {
  padding: 0px;
}
.acud-input-has-suffix .acud-input-clear-wrapper {
  margin-right: 0px;
}
.acud-input-has-limit .acud-input-clear-wrapper {
  margin-right: 0px;
}
.acud-input-has-addon-before .acud-input-addon {
  margin-left: -1px;
}
.acud-input-has-addon-before input {
  padding: 0 8px 0 12px;
}
.acud-input-has-addon-after .acud-input-addon {
  margin-right: -1px;
}
.acud-input-has-addon-after input {
  padding: 0 8px 0 12px;
}
.acud-input-has-addon-before.acud-input-has-addon-after input {
  padding: 0 8px 0 12px;
}
.acud-input-addonOnlyText {
  padding: 0 12px 0 12px;
  color: #151B26;
  background-color: #F7F7F9;
  border-color: transparent;
}
.acud-input-addonOnlyText:hover {
  color: #151B26;
}
.acud-input-addonOnlyText:focus,
.acud-input-addonOnlyText:active {
  color: #151B26;
}
.acud-input-addonOnlyText[disabled],
.acud-input-addonOnlyText[aria-disabled="true"],
.acud-input-addonOnlyText[disabled]:hover,
.acud-input-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-addonOnlyText[disabled]:focus,
.acud-input-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-addonOnlyText[disabled]:active,
.acud-input-addonOnlyText[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-addonOnlyText:hover {
  background-color: #F2F2F4;
}
.acud-input-addonOnlyText:focus,
.acud-input-addonOnlyText:active {
  background-color: #F2F2F4;
}
.acud-input-addonOnlyText[disabled],
.acud-input-addonOnlyText[aria-disabled="true"],
.acud-input-addonOnlyText[disabled]:hover,
.acud-input-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-addonOnlyText[disabled]:focus,
.acud-input-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-addonOnlyText[disabled]:active,
.acud-input-addonOnlyText[aria-disabled="true"]:active {
  background-color: #F2F2F4;
}
.acud-input-addonOnlyText:hover {
  border-color: transparent;
}
.acud-input-addonOnlyText:focus,
.acud-input-addonOnlyText:active {
  border-color: transparent;
}
.acud-input-addonOnlyText[disabled],
.acud-input-addonOnlyText[aria-disabled="true"],
.acud-input-addonOnlyText[disabled]:hover,
.acud-input-addonOnlyText[aria-disabled="true"]:hover,
.acud-input-addonOnlyText[disabled]:focus,
.acud-input-addonOnlyText[aria-disabled="true"]:focus,
.acud-input-addonOnlyText[disabled]:active,
.acud-input-addonOnlyText[aria-disabled="true"]:active {
  border-color: transparent;
}
.acud-input-addon {
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.acud-input .acudicon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.acud-input-real-password input {
  padding-right: 32px;
  font-weight: normal;
  font-family: password;
  font-style: normal;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  /* Font smoothing. That was taken from TWBS */
  letter-spacing: 4px;
  text-transform: none;
}
.acud-input-real-password ::-webkit-input-placeholder {
  color: #B8BABF;
  letter-spacing: initial;
}
.acud-input-real-password ::-webkit-input-placeholder:hover {
  color: #B8BABF;
}
.acud-input-real-password ::-webkit-input-placeholder:focus,
.acud-input-real-password ::-webkit-input-placeholder:active {
  color: #B8BABF;
}
.acud-input-real-password ::-webkit-input-placeholder[disabled],
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"],
.acud-input-real-password ::-webkit-input-placeholder[disabled]:hover,
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-input-real-password ::-webkit-input-placeholder[disabled]:focus,
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-input-real-password ::-webkit-input-placeholder[disabled]:active,
.acud-input-real-password ::-webkit-input-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-real-password ::-moz-placeholder {
  color: #B8BABF;
  letter-spacing: initial;
  font-size: 12px;
}
.acud-input-real-password ::-moz-placeholder:hover {
  color: #B8BABF;
}
.acud-input-real-password ::-moz-placeholder:focus,
.acud-input-real-password ::-moz-placeholder:active {
  color: #B8BABF;
}
.acud-input-real-password ::-moz-placeholder[disabled],
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"],
.acud-input-real-password ::-moz-placeholder[disabled]:hover,
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"]:hover,
.acud-input-real-password ::-moz-placeholder[disabled]:focus,
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"]:focus,
.acud-input-real-password ::-moz-placeholder[disabled]:active,
.acud-input-real-password ::-moz-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-real-password :-ms-input-placeholder {
  letter-spacing: initial;
  font-size: 12px;
}
.acud-input-real-password :-webkit-autofill {
  background-color: transparent;
  background-image: none;
  box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-text-fill-color: tp4 !important;
}
.acud-input ::-webkit-input-placeholder {
  color: #B8BABF;
}
.acud-input ::-webkit-input-placeholder:hover {
  color: #B8BABF;
}
.acud-input ::-webkit-input-placeholder:focus,
.acud-input ::-webkit-input-placeholder:active {
  color: #B8BABF;
}
.acud-input ::-webkit-input-placeholder[disabled],
.acud-input ::-webkit-input-placeholder[aria-disabled="true"],
.acud-input ::-webkit-input-placeholder[disabled]:hover,
.acud-input ::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-input ::-webkit-input-placeholder[disabled]:focus,
.acud-input ::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-input ::-webkit-input-placeholder[disabled]:active,
.acud-input ::-webkit-input-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input :-moz-placeholder {
  color: #B8BABF;
}
.acud-input :-moz-placeholder:hover {
  color: #B8BABF;
}
.acud-input :-moz-placeholder:focus,
.acud-input :-moz-placeholder:active {
  color: #B8BABF;
}
.acud-input :-moz-placeholder[disabled],
.acud-input :-moz-placeholder[aria-disabled="true"],
.acud-input :-moz-placeholder[disabled]:hover,
.acud-input :-moz-placeholder[aria-disabled="true"]:hover,
.acud-input :-moz-placeholder[disabled]:focus,
.acud-input :-moz-placeholder[aria-disabled="true"]:focus,
.acud-input :-moz-placeholder[disabled]:active,
.acud-input :-moz-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input ::-moz-placeholder {
  color: #B8BABF;
}
.acud-input ::-moz-placeholder:hover {
  color: #B8BABF;
}
.acud-input ::-moz-placeholder:focus,
.acud-input ::-moz-placeholder:active {
  color: #B8BABF;
}
.acud-input ::-moz-placeholder[disabled],
.acud-input ::-moz-placeholder[aria-disabled="true"],
.acud-input ::-moz-placeholder[disabled]:hover,
.acud-input ::-moz-placeholder[aria-disabled="true"]:hover,
.acud-input ::-moz-placeholder[disabled]:focus,
.acud-input ::-moz-placeholder[aria-disabled="true"]:focus,
.acud-input ::-moz-placeholder[disabled]:active,
.acud-input ::-moz-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input :-ms-input-placeholder {
  color: #B8BABF;
}
.acud-input :-ms-input-placeholder:hover {
  color: #B8BABF;
}
.acud-input :-ms-input-placeholder:focus,
.acud-input :-ms-input-placeholder:active {
  color: #B8BABF;
}
.acud-input :-ms-input-placeholder[disabled],
.acud-input :-ms-input-placeholder[aria-disabled="true"],
.acud-input :-ms-input-placeholder[disabled]:hover,
.acud-input :-ms-input-placeholder[aria-disabled="true"]:hover,
.acud-input :-ms-input-placeholder[disabled]:focus,
.acud-input :-ms-input-placeholder[aria-disabled="true"]:focus,
.acud-input :-ms-input-placeholder[disabled]:active,
.acud-input :-ms-input-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input:hover {
  color: #151B26;
}
.acud-input:focus,
.acud-input:active {
  color: #151B26;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input:hover {
  background-color: #FFFFFF;
}
.acud-input:focus,
.acud-input:active {
  background-color: #FFFFFF;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
  background-color: #F7F7F9;
}
.acud-input:hover {
  border-color: #2468F2;
}
.acud-input:focus,
.acud-input:active {
  border-color: #144BCC;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
  border-color: #E8E9EB;
}
.acud-input[disabled],
.acud-input[aria-disabled="true"],
.acud-input[disabled]:hover,
.acud-input[aria-disabled="true"]:hover,
.acud-input[disabled]:focus,
.acud-input[aria-disabled="true"]:focus,
.acud-input[disabled]:active,
.acud-input[aria-disabled="true"]:active {
  color: #5C5F66;
}
.acud-input-span-focus {
  border-color: #144BCC;
}
.acud-input-span-focus:hover {
  border-color: #144BCC;
}
.acud-input-warning {
  background-color: #FFFFFF;
  border-color: #F33E3E;
}
.acud-input-warning:hover {
  background-color: #FFFFFF;
}
.acud-input-warning:focus,
.acud-input-warning:active {
  background-color: #FFFFFF;
}
.acud-input-warning[disabled],
.acud-input-warning[aria-disabled="true"],
.acud-input-warning[disabled]:hover,
.acud-input-warning[aria-disabled="true"]:hover,
.acud-input-warning[disabled]:focus,
.acud-input-warning[aria-disabled="true"]:focus,
.acud-input-warning[disabled]:active,
.acud-input-warning[aria-disabled="true"]:active {
  background-color: #FFFFFF;
}
.acud-input-warning:hover {
  border-color: #F33E3E;
}
.acud-input-warning:focus,
.acud-input-warning:active {
  border-color: #F33E3E;
}
.acud-input-warning[disabled],
.acud-input-warning[aria-disabled="true"],
.acud-input-warning[disabled]:hover,
.acud-input-warning[aria-disabled="true"]:hover,
.acud-input-warning[disabled]:focus,
.acud-input-warning[aria-disabled="true"]:focus,
.acud-input-warning[disabled]:active,
.acud-input-warning[aria-disabled="true"]:active {
  border-color: #F33E3E;
}
.acud-input-suffix-limit-text {
  color: #84868C;
  padding-right: 12px;
}
.acud-input-suffix-limit-text:hover {
  color: #84868C;
}
.acud-input-suffix-limit-text:focus,
.acud-input-suffix-limit-text:active {
  color: #84868C;
}
.acud-input-suffix-limit-text[disabled],
.acud-input-suffix-limit-text[aria-disabled="true"],
.acud-input-suffix-limit-text[disabled]:hover,
.acud-input-suffix-limit-text[aria-disabled="true"]:hover,
.acud-input-suffix-limit-text[disabled]:focus,
.acud-input-suffix-limit-text[aria-disabled="true"]:focus,
.acud-input-suffix-limit-text[disabled]:active,
.acud-input-suffix-limit-text[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-suffix-warning {
  color: #2468F2;
  background-color: #FFFFFF;
  border-color: #F33E3E;
  color: #F33E3E;
  font-weight: #FFECD4;
  font-size: 12px;
}
.acud-input-suffix-warning:hover {
  color: #528EFF;
}
.acud-input-suffix-warning:focus,
.acud-input-suffix-warning:active {
  color: #144BCC;
}
.acud-input-suffix-warning[disabled],
.acud-input-suffix-warning[aria-disabled="true"],
.acud-input-suffix-warning[disabled]:hover,
.acud-input-suffix-warning[aria-disabled="true"]:hover,
.acud-input-suffix-warning[disabled]:focus,
.acud-input-suffix-warning[aria-disabled="true"]:focus,
.acud-input-suffix-warning[disabled]:active,
.acud-input-suffix-warning[aria-disabled="true"]:active {
  color: #84868C;
}
.acud-input-suffix-warning:hover {
  background-color: #FFFFFF;
}
.acud-input-suffix-warning:focus,
.acud-input-suffix-warning:active {
  background-color: #FFFFFF;
}
.acud-input-suffix-warning[disabled],
.acud-input-suffix-warning[aria-disabled="true"],
.acud-input-suffix-warning[disabled]:hover,
.acud-input-suffix-warning[aria-disabled="true"]:hover,
.acud-input-suffix-warning[disabled]:focus,
.acud-input-suffix-warning[aria-disabled="true"]:focus,
.acud-input-suffix-warning[disabled]:active,
.acud-input-suffix-warning[aria-disabled="true"]:active {
  background-color: #FFFFFF;
}
.acud-input-suffix-warning:hover {
  border-color: #F33E3E;
}
.acud-input-suffix-warning:focus,
.acud-input-suffix-warning:active {
  border-color: #F33E3E;
}
.acud-input-suffix-warning[disabled],
.acud-input-suffix-warning[aria-disabled="true"],
.acud-input-suffix-warning[disabled]:hover,
.acud-input-suffix-warning[aria-disabled="true"]:hover,
.acud-input-suffix-warning[disabled]:focus,
.acud-input-suffix-warning[aria-disabled="true"]:focus,
.acud-input-suffix-warning[disabled]:active,
.acud-input-suffix-warning[aria-disabled="true"]:active {
  border-color: #F33E3E;
}
.acud-input-warning-text {
  margin-top: 4px;
  margin-bottom: 0;
  color: #F33E3E;
  font-size: 12px;
}
.acud-input-warning-popover-text {
  color: #F33E3E;
}
.acud-input-tips {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 12px;
  color: #B8BABF;
}
.acud-input-tips:hover {
  color: #B8BABF;
}
.acud-input-tips:focus,
.acud-input-tips:active {
  color: #FF9326;
}
.acud-input-tips[disabled],
.acud-input-tips[aria-disabled="true"],
.acud-input-tips[disabled]:hover,
.acud-input-tips[aria-disabled="true"]:hover,
.acud-input-tips[disabled]:focus,
.acud-input-tips[aria-disabled="true"]:focus,
.acud-input-tips[disabled]:active,
.acud-input-tips[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-clear-wrapper {
  display: flex;
  margin-right: 12px;
  text-align: center;
  cursor: pointer;
}
.acud-input-clear-wrapper svg {
  color: #FFFFFF;
  pointer-events: all;
}
.acud-input-clear-wrapper svg:hover {
  color: #FFFFFF;
}
.acud-input-clear-wrapper svg:focus,
.acud-input-clear-wrapper svg:active {
  color: #FFFFFF;
}
.acud-input-clear-wrapper svg[disabled],
.acud-input-clear-wrapper svg[aria-disabled="true"],
.acud-input-clear-wrapper svg[disabled]:hover,
.acud-input-clear-wrapper svg[aria-disabled="true"]:hover,
.acud-input-clear-wrapper svg[disabled]:focus,
.acud-input-clear-wrapper svg[aria-disabled="true"]:focus,
.acud-input-clear-wrapper svg[disabled]:active,
.acud-input-clear-wrapper svg[aria-disabled="true"]:active {
  color: #FFFFFF;
}
.acud-input-label-input {
  height: auto;
}
.acud-input-label-input > input {
  display: none;
  height: auto;
}
.acud-input-label-input .acud-input-clear-wrapper {
  top: 4px;
}
.acud-input-label-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  min-height: 32px;
  line-height: 24px;
  list-style: none;
}
.acud-input-label-wrapper .acud-input-label-item {
  display: flex;
  align-items: center;
  height: 24px;
  margin: 0 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 8px;
  list-style: none;
  border-radius: 2px;
  color: #151B26;
  background-color: #F7F7F9;
  border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item:hover {
  color: #151B26;
}
.acud-input-label-wrapper .acud-input-label-item:focus,
.acud-input-label-wrapper .acud-input-label-item:active {
  color: #151B26;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-label-wrapper .acud-input-label-item:hover {
  background-color: #F2F2F4;
}
.acud-input-label-wrapper .acud-input-label-item:focus,
.acud-input-label-wrapper .acud-input-label-item:active {
  background-color: #F2F2F4;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
  background-color: #F7F7F9;
}
.acud-input-label-wrapper .acud-input-label-item:hover {
  border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item:focus,
.acud-input-label-wrapper .acud-input-label-item:active {
  border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
  border-color: transparent;
}
.acud-input-label-wrapper .acud-input-label-item[disabled],
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item[aria-disabled="true"]:active {
  color: #5C5F66;
  background-color: #E8E9EB;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-text {
  display: inline-block;
  max-width: 95px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon {
  width: 12px;
  height: 12px;
  margin-left: 8px;
  cursor: pointer;
  color: #84868C;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon:hover {
  color: #5C5F66;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon:focus,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon:active {
  color: #303540;
}
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled],
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"],
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled]:hover,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"]:hover,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled]:focus,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"]:focus,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[disabled]:active,
.acud-input-label-wrapper .acud-input-label-item .acud-input-label-clear-icon[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-label-wrapper .acud-input-label-input-box {
  display: inline-block;
  max-width: 100%;
  height: 24px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 12px;
  margin-inline-start: 0;
}
.acud-input-label-wrapper .acud-input-label-input-box input {
  max-width: 100%;
  margin: 0;
  padding-right: 0;
  padding-left: 0;
  background: 0 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.acud-input-label-wrapper .acud-input-label-input-box-placeholder {
  width: 100%;
}
.acud-input-label-wrapper .acud-input-label-input-box-placeholder input {
  width: 100%;
}
.acud-input-label-clear-wrapper {
  position: absolute;
  top: 2px;
  right: 12px;
  cursor: pointer;
  color: #84868C;
}
.acud-input-label-clear-wrapper:hover {
  color: #5C5F66;
}
.acud-input-label-clear-wrapper:focus,
.acud-input-label-clear-wrapper:active {
  color: #303540;
}
.acud-input-label-clear-wrapper[disabled],
.acud-input-label-clear-wrapper[aria-disabled="true"],
.acud-input-label-clear-wrapper[disabled]:hover,
.acud-input-label-clear-wrapper[aria-disabled="true"]:hover,
.acud-input-label-clear-wrapper[disabled]:focus,
.acud-input-label-clear-wrapper[aria-disabled="true"]:focus,
.acud-input-label-clear-wrapper[disabled]:active,
.acud-input-label-clear-wrapper[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-textarea-outer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  max-width: 100%;
  font-size: 12px;
}
.acud-input-textarea-outer-icon-clear {
  position: absolute;
  top: 4px;
  right: 16px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
}
.acud-input-textarea-outer-icon-clear .acudicon {
  vertical-align: -0.3em;
}
.acud-input-textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  padding-top: 6px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 12px;
  overflow: auto;
  /* 为了在其他浏览器中生效 */
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro SC', 'SF Pro Text', 'Helvetica Neue', Helvetica, 'PingFang SC', Roboto, 'Arial', 'microsoft yahei ui', 'Microsoft YaHei', SimSun, sans-serif;
  border: 1px solid;
  border-radius: 4px;
  scrollbar-width: thin;
  /* Firefox支持 */
  scrollbar-color: transparent transparent;
  /* Firefox支持 */
  color: #151B26;
  background-color: #FFFFFF;
  border-color: #E8E9EB;
}
.acud-input-textarea::-webkit-input-placeholder {
  font-size: 12px;
  color: #B8BABF;
}
.acud-input-textarea::-webkit-input-placeholder:hover {
  color: #B8BABF;
}
.acud-input-textarea::-webkit-input-placeholder:focus,
.acud-input-textarea::-webkit-input-placeholder:active {
  color: #B8BABF;
}
.acud-input-textarea::-webkit-input-placeholder[disabled],
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"],
.acud-input-textarea::-webkit-input-placeholder[disabled]:hover,
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"]:hover,
.acud-input-textarea::-webkit-input-placeholder[disabled]:focus,
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"]:focus,
.acud-input-textarea::-webkit-input-placeholder[disabled]:active,
.acud-input-textarea::-webkit-input-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-textarea:-moz-placeholder {
  color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder {
  color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder:hover {
  color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder:focus,
.acud-input-textarea::-moz-placeholder:active {
  color: #B8BABF;
}
.acud-input-textarea::-moz-placeholder[disabled],
.acud-input-textarea::-moz-placeholder[aria-disabled="true"],
.acud-input-textarea::-moz-placeholder[disabled]:hover,
.acud-input-textarea::-moz-placeholder[aria-disabled="true"]:hover,
.acud-input-textarea::-moz-placeholder[disabled]:focus,
.acud-input-textarea::-moz-placeholder[aria-disabled="true"]:focus,
.acud-input-textarea::-moz-placeholder[disabled]:active,
.acud-input-textarea::-moz-placeholder[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-textarea:-ms-input-placeholder {
  color: #B8BABF;
}
.acud-input-textarea:hover {
  color: #151B26;
}
.acud-input-textarea:focus,
.acud-input-textarea:active {
  color: #151B26;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
  color: #B8BABF;
}
.acud-input-textarea:hover {
  background-color: #FFFFFF;
}
.acud-input-textarea:focus,
.acud-input-textarea:active {
  background-color: #FFFFFF;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
  background-color: #F7F7F9;
}
.acud-input-textarea:hover {
  border-color: #2468F2;
}
.acud-input-textarea:focus,
.acud-input-textarea:active {
  border-color: #144BCC;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
  border-color: #E8E9EB;
}
.acud-input-textarea[disabled],
.acud-input-textarea[aria-disabled="true"],
.acud-input-textarea[disabled]:hover,
.acud-input-textarea[aria-disabled="true"]:hover,
.acud-input-textarea[disabled]:focus,
.acud-input-textarea[aria-disabled="true"]:focus,
.acud-input-textarea[disabled]:active,
.acud-input-textarea[aria-disabled="true"]:active {
  color: #5C5F66;
}
.acud-input-textarea-span-focus {
  border-color: #144BCC;
}
.acud-input-textarea:focus {
  outline: none;
}
.acud-input-textarea-error {
  background-color: #FFFFFF;
  border-color: #F33E3E;
}
.acud-input-textarea-error:hover {
  background-color: #FFFFFF;
}
.acud-input-textarea-error:focus,
.acud-input-textarea-error:active {
  background-color: #FFFFFF;
}
.acud-input-textarea-error[disabled],
.acud-input-textarea-error[aria-disabled="true"],
.acud-input-textarea-error[disabled]:hover,
.acud-input-textarea-error[aria-disabled="true"]:hover,
.acud-input-textarea-error[disabled]:focus,
.acud-input-textarea-error[aria-disabled="true"]:focus,
.acud-input-textarea-error[disabled]:active,
.acud-input-textarea-error[aria-disabled="true"]:active {
  background-color: #FFFFFF;
}
.acud-input-textarea-error:hover {
  border-color: #F33E3E;
}
.acud-input-textarea-error:focus,
.acud-input-textarea-error:active {
  border-color: #F33E3E;
}
.acud-input-textarea-error[disabled],
.acud-input-textarea-error[aria-disabled="true"],
.acud-input-textarea-error[disabled]:hover,
.acud-input-textarea-error[aria-disabled="true"]:hover,
.acud-input-textarea-error[disabled]:focus,
.acud-input-textarea-error[aria-disabled="true"]:focus,
.acud-input-textarea-error[disabled]:active,
.acud-input-textarea-error[aria-disabled="true"]:active {
  border-color: #F33E3E;
}
.acud-input-textarea-warning {
  color: #F33E3E;
}
.acud-input-textarea-autosize {
  min-height: 32px;
}
.acud-input-textarea-limit-box {
  color: #84868C;
  background-color: #FFFFFF;
  border-color: #F33E3E;
}
.acud-input-textarea-limit-box:hover {
  background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
  background-color: #FFFFFF;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
  background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:hover {
  border-color: #F33E3E;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
  border-color: #F33E3E;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
  border-color: #F33E3E;
}
.acud-input-textarea-no-limit {
  padding-right: 32px;
}
.acud-input-textarea-no-clear {
  padding-right: 12px;
}
.acud-input-textarea-readonly {
  color: #5C5F66;
  background-color: #F7F7F9;
  cursor: not-allowed;
  pointer-events: none;
}
.acud-input-textarea-readonly:focus {
  background-color: #F7F7F9;
  border-color: #D4D6D9;
}
.acud-input-textarea-readonly:hover {
  background-color: #F7F7F9;
  border-color: #D4D6D9;
}
.acud-input-textarea-warning-popover-text {
  color: #F33E3E;
}
.acud-input-textarea-limit-box {
  position: absolute;
  right: 16px;
  bottom: 4px;
  width: auto;
  height: auto;
  padding-right: 4px;
  padding-left: 4px;
  opacity: 0.9;
  background-color: #FFFFFF;
  border-color: #F33E3E;
}
.acud-input-textarea-limit-box:hover {
  background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
  background-color: #FFFFFF;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
  background-color: #FFFFFF;
}
.acud-input-textarea-limit-box:hover {
  border-color: #F33E3E;
}
.acud-input-textarea-limit-box:focus,
.acud-input-textarea-limit-box:active {
  border-color: #F33E3E;
}
.acud-input-textarea-limit-box[disabled],
.acud-input-textarea-limit-box[aria-disabled="true"],
.acud-input-textarea-limit-box[disabled]:hover,
.acud-input-textarea-limit-box[aria-disabled="true"]:hover,
.acud-input-textarea-limit-box[disabled]:focus,
.acud-input-textarea-limit-box[aria-disabled="true"]:focus,
.acud-input-textarea-limit-box[disabled]:active,
.acud-input-textarea-limit-box[aria-disabled="true"]:active {
  border-color: #F33E3E;
}
.acud-input-textarea-limit-box-readonly {
  background-color: #F7F7F9;
}
.acud-input-textarea-limit-box-readonly:focus {
  background-color: #F7F7F9;
}
.acud-input-textarea-limit-box-readonly:hover {
  background-color: #F7F7F9;
}
.acud-input-textarea::-webkit-scrollbar {
  width: 6px;
  /* 设置滚动条宽度 */
}
.acud-input-textarea::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
  /* 圆角边框 */
}
.acud-input-textarea:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}
.acud-input-textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}
.acud-input-textarea:-webkit-scrollbar-track {
  background: transparent;
  border-radius: 3px;
}
.acud-input-textarea:-webkit-scrollbar-button {
  display: none;
}
.acud-input-password-outer {
  position: relative;
}
.acud-input-password-outer-icon {
  position: absolute;
  top: 2px;
  right: 12px;
  bottom: 2px;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.acud-input-password-outer-icon .acudicon svg {
  fill: #84868C;
}
.acud-input-password-outer-icon:hover .acudicon svg {
  fill: #5C5F66;
}
.acud-input-password-outer-icon:active .acudicon svg {
  fill: #303540;
}
.acud-input-password-outer-icon-disabled {
  cursor: not-allowed;
}
.acud-input-password-outer-icon-disabled .acudicon svg {
  fill: #D4D6D9 !important;
}
.acud-input-select-tags .acud-select-clear {
  right: 12px;
}
.acud-input-select-tags .acud-select-item-checkall {
  display: none !important;
}
.acud-input-select-tags .acud-checkbox-wrapper {
  display: none !important;
}
.acud-input-select-tags .acud-select-item-option-selected:not(
            .acud-select-item-option-input-disabled
        ) {
  color: #2468f2 !important;
}
.acud-select-auto-complete .acud-select-selector {
  position: relative;
  display: flex;
  width: 100%;
  cursor: text;
}
.acud-select-auto-complete {
  display: block;
  width: 100%;
}
.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.acud-select-auto-complete:not(.acud-select-customize-input) .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: none;
  cursor: auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.acud-select-auto-complete .acud-select-selector {
  position: relative;
  display: flex;
  width: 100%;
  cursor: text;
}
.acud-select-auto-complete .acud-select-selector .acud-select-selection-search {
  position: absolute;
  z-index: 2;
  inset: 0 12px;
}
.acud-select-auto-complete .acud-select-selector .acud-select-selection-search .acud-select-selection-search-input {
  width: 100%;
}
.acud-select-auto-complete .acud-select-selector .acud-select-selection-placeholder {
  z-index: 1;
  flex: 1;
  padding-right: 12px;
  padding-left: 12px;
  overflow: hidden;
  color: #bfbfbf;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: none;
  pointer-events: none;
}