/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html {
  --ant-primary-color: #006BD6;
  --ant-primary-color-hover: #248ae3;
  --ant-primary-color-active: #0052b0;
  --ant-primary-color-outline: rgba(0, 107, 214, 0.2);
  --ant-primary-1: #e6f7ff;
  --ant-primary-2: #a3ddff;
  --ant-primary-3: #79c8fc;
  --ant-primary-4: #4da9f0;
  --ant-primary-5: #248ae3;
  --ant-primary-6: #006BD6;
  --ant-primary-7: #0052b0;
  --ant-primary-color-deprecated-pure: ;
  --ant-primary-color-deprecated-l-35: #89c4ff;
  --ant-primary-color-deprecated-l-20: #3d9eff;
  --ant-primary-color-deprecated-t-20: #3389de;
  --ant-primary-color-deprecated-t-50: #80b5eb;
  --ant-primary-color-deprecated-f-12: rgba(0, 107, 214, 0.12);
  --ant-primary-color-active-deprecated-f-30: rgba(230, 247, 255, 0.3);
  --ant-primary-color-active-deprecated-d-02: #dcf4ff;
  --ant-success-color: #469DA1;
  --ant-success-color-hover: #66acad;
  --ant-success-color-active: #2f747a;
  --ant-success-color-outline: rgba(70, 157, 161, 0.2);
  --ant-success-color-deprecated-bg: #d3e0df;
  --ant-success-color-deprecated-border: #b5c7c6;
  --ant-error-color: #E54545;
  --ant-error-color-hover: #f2746f;
  --ant-error-color-active: #bf3035;
  --ant-error-color-outline: rgba(229, 69, 69, 0.2);
  --ant-error-color-deprecated-bg: #fff2f0;
  --ant-error-color-deprecated-border: #ffcdc7;
  --ant-warning-color: #F2994A;
  --ant-warning-color-hover: #ffbb78;
  --ant-warning-color-active: #cc7635;
  --ant-warning-color-outline: rgba(242, 153, 74, 0.2);
  --ant-warning-color-deprecated-bg: #fff9f0;
  --ant-warning-color-deprecated-border: #ffe8c9;
  --ant-info-color: #006BD6;
  --ant-info-color-deprecated-bg: #e6f7ff;
  --ant-info-color-deprecated-border: #79c8fc;
}
.material-input {
  width: 100%;
  line-height: 24px;
  height: 24px;
  border: 0;
  outline: none;
  font-size: 16px;
  position: relative;
  top: 12px;
}
.material-input:not(:-moz-placeholder-shown) ~ .material-input-label {
  transform: translateY(0);
  font-size: 12px;
}
.material-input:not(:-ms-input-placeholder) ~ .material-input-label {
  transform: translateY(0);
  font-size: 12px;
}
.material-input:not(:placeholder-shown) ~ .material-input-label {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-size: 12px;
}
.material-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
          box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.65);
}
.material-input:-webkit-autofill::first-line {
  font-size: 16px;
  font-family: -apple-system, system-ui, "PingFang SC", Akrobat, "Segoe UI", Roboto, "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.material-input:-webkit-autofill ~ .material-input-label {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-size: 12px;
}
.material-input-focused .material-input-label {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-size: 12px;
}
.material-input-wrap {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  border: 1px solid;
  border-color: #E5E5E5;
  border-radius: 4px;
  line-height: 60px - 8px - 8px - 1px - 1px;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  cursor: text;
}
.material-input-wrap:hover {
  border-color: #5BBFF5;
}
.material-input-wrap-error {
  border-color: #FE4851;
}
.material-input-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
.material-input-label {
  position: absolute;
  top: -12px;
  left: 0;
  height: 0;
  line-height: 60px - 8px - 8px - 1px - 1px;
  font-size: 16px;
  -webkit-transition: 0.2s ease all;
  transition: 0.2s ease all;
  pointer-events: none;
  -webkit-transform: translateY(12px);
          transform: translateY(12px);
  color: #00000073;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.material-input-error {
  color: #FF4C4C;
  line-height: 16px;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.whale-input-with-limit {
  display: inline-block;
  position: relative;
}
.whale-input-with-limit.textarea-type {
  padding-top: 4px;
  padding-bottom: 26px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.whale-input-with-limit.textarea-type:hover,
.whale-input-with-limit.textarea-type.whale-input-with-limit-focus {
  border-color: var(--ant-primary-color-hover);
  border-right-width: 1px !important;
}
.whale-input-with-limit.textarea-type.whale-input-with-limit-focus {
  -webkit-box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
          box-shadow: 0 0 0 2px var(--ant-primary-color-outline);
}
.whale-input-with-limit.textarea-type .ant-input {
  border: none;
  resize: none;
}
.whale-input-with-limit.textarea-type .ant-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.whale-input-with-limit.textarea-type .ant-input:hover {
  border: none !important;
}
.whale-input-with-limit.textarea-type .whale-input-count {
  bottom: 4px;
}
.whale-input-with-limit .whale-input-count {
  position: absolute;
  right: 8px;
  bottom: 6px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
}
.whale-input-with-limit .whale-input-count-total {
  color: rgba(0, 0, 0, 0.45);
}
.whale-input-with-limit .whale-input-count.whale-input-count-hide {
  display: none;
}
.ant-input,
.ant-input-group-addon,
.ant-input-affix-wrapper {
  border-radius: 4px;
}
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group .ant-input-affix-wrapper:not(:first-child),
.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button {
  border-radius: 0 4px 4px 0;
}