.contract,
.contract-success {
  width: 100%;
  max-width: 1032px;
  border: 1px solid #404040;
  margin-top: 32px;
  display: flex;
  justify-content: center;
  padding: 80px 0;
  background: #131313;
  min-height: 650px;
  align-items: center;
}
.contract-form {
  width: 100%;
  max-width: 480px;
}
.contract-form .ant-form-item .ant-form-item-label > label {
  color: rgba(255, 255, 255, 0.5);
}
.contract-form
  .ant-form-item
  .ant-form-item-label
  > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before {
  display: none;
}
.contract-form
  .ant-form-item
  .ant-form-item-label
  > label.ant-form-item-required:not(.ant-form-item-required-mark-optional):after {
  content: "*";
  visibility: visible;
  margin-inline-start: 4px;
  line-height: 1px;
  display: inline-block;
  font-size: 16px;
  top: 3px;
  color: #ace916;
}
.ant-input,
.ant-input-affix-wrapper {
  background: #171717 !important;
  border-color: #404448;
  border-radius: 0;
  font-size: 14px;
  color: #fff;
  vertical-align: center;
  height: 48px;
  line-height: 48px;
}
.ant-input-affix-wrapper > input.ant-input {
  color: #fff;
  font-size: 12px;
}
.ant-input-group-wrapper-outlined .ant-input-group-addon {
  border-color: #404448;
  color: #718096;
  font-size: 12px;
}
.ant-input-affix-wrapper:active,
.ant-input-outlined:focus,
.ant-input-outlined:focus-within,
.filter-input:active,
.filter-input:focus,
.filter-input:focus-within {
  border-color: #404448;
  outline: 0;
  box-shadow: 0 0 0;
}
.ant-input-affix-wrapper:hover .ant-input-suffix {
  color: #718096 !important;
}
.ant-input-affix-wrapper,
.ant-picker-outlined {
  color: #2d3748;
  border-color: #404448;
  border-radius: 8px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  .ant-input-prefix,
  .ant-input-suffix {
    color: #999;
  }
  &:hover {
    .ant-input-suffix {
      color: #2d3748;
    }
  }
  &:active {
    .ant-input-suffix {
      color: #a0aec0;
    }
  }
}
.ant-input-outlined.ant-input-status-error .ant-input-group-addon,
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled),
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):active,
.ant-input-outlined.ant-input-status-error:not(.ant-input-disabled):hover {
  background: rgba(0, 0, 0, 0);
  border-color: #ef5350;
}
.ant-form-vertical
  .ant-form-item:not(.ant-form-item-horizontal)
  .ant-form-item-label {
  padding-bottom: 0;
}
.contract-form .ant-input-affix-wrapper:hover,
.contract-form .ant-input-outlined:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.contract-form .ant-input-affix-wrapper:active,
.contract-form .ant-input-outlined:focus,
.contract-form .ant-input-outlined:focus-within,
.contract-form .filter-input:active,
.contract-form .filter-input:focus,
.contract-form .filter-input:focus-within {
  border-color: rgba(255, 255, 255, 0.3);
  outline: 0;
  box-shadow: 0 0 0;
}
.contract-form .ant-input-affix-wrapper:hover .ant-input-suffix {
  color: #718096 !important;
}
.success-title {
  font-size: 48px;
  font-weight: 500;
  color: #fff;
}
.success-desc,
.success-title {
  font-family: IBM Plex Mono R, Arial, Helvetica, sans-serif;
  padding: 20px;
}
.success-desc {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  text-align: center;
  width: 440px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.page-550 .contract {
  border: 0;
  padding: 0 20px;
  min-width: 380px;
}
.page-550 .contract-success {
  width: calc(100% - 40px);
  min-width: 380px;
  height: 422px;
  min-height: 422px;
}
.page-550 .success-desc {
  width: calc(100% - 40px);
}