.d-component.ant-input-affix-wrapper {
  border: 1px solid var(--divider-01-color);
  box-shadow: none;
  padding: 0 var(--spacing-05);
  border-radius: var(--radius-04);
  height: var(--input-height-medium);
}
.d-component.ant-input-affix-wrapper .ant-input-prefix {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}
.d-component.ant-input-affix-wrapper .ant-input-prefix::before, .d-component.ant-input-affix-wrapper .ant-input-prefix::after {
  box-sizing: inherit;
  font-size: inherit;
}
.d-component.ant-input-affix-wrapper, .d-component.ant-input-affix-wrapper > input {
  color: var(--text-primary-color);
  font-family: "Pretendard";
  background-color: var(--background-01-color);
}
.d-component.ant-input-affix-wrapper-disabled {
  background-color: var(--background-02-color);
  border-color: var(--divider-01-color);
}
.d-component.ant-input-affix-wrapper-disabled:hover {
  border-color: var(--divider-01-color) !important;
}
.d-component.ant-input-affix-wrapper-disabled .ant-input-disabled {
  color: var(--text-disabled-color) !important;
}
.d-component.ant-input-affix-wrapper-disabled .ant-input-disabled::placeholder {
  color: var(--text-disabled-color) !important;
}
.d-component.ant-input-affix-wrapper:focus, .d-component.ant-input-affix-wrapper:focus-within, .d-component.ant-input-affix-wrapper:hover:not(.ant-input-affix-wrapper-disabled) {
  border-color: var(--icon-theme-color);
}
.d-component.ant-input-affix-wrapper.ant-input-affix-wrapper-lg {
  height: var(--input-height-large);
  padding: 0 var(--spacing-05);
}
.d-component.ant-input-affix-wrapper.ant-input-affix-wrapper-sm {
  height: var(--input-height-small);
  border-radius: var(--radius-03);
  padding: var(--spacing-01) var(--spacing-04);
}
.d-component.ant-input-affix-wrapper .ant-input {
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--text-primary-color);
}
.d-component.ant-input-affix-wrapper .ant-input::placeholder {
  color: var(--text-placeholder-color);
}
.d-component.ant-input-affix-wrapper .ant-input-lg {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.d-component.ant-input-affix-wrapper.ant-input-affix-wrapper-status-error {
  border-color: var(--system-error-color) !important;
}
.d-component.ant-input-affix-wrapper.ant-input-affix-wrapper-status-error:hover:not(.ant-input-affix-wrapper-disabled) {
  border-color: var(--system-error-color) !important;
}
.d-component.ant-input-affix-wrapper input:-webkit-autofill,
.d-component.ant-input-affix-wrapper input:-webkit-autofill:hover,
.d-component.ant-input-affix-wrapper input:-webkit-autofill:focus,
.d-component.ant-input-affix-wrapper input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--text-primary-color);
  -webkit-box-shadow: 0 0 0px 1000px var(--background-01-color) inset;
  box-shadow: 0 0 0px 1000px var(--background-01-color) inset;
  transition: background-color 5000s ease-in-out 0s;
}
.d-component.ant-input-affix-wrapper input:autofill,
.d-component.ant-input-affix-wrapper input:autofill:hover,
.d-component.ant-input-affix-wrapper input:autofill:focus,
.d-component.ant-input-affix-wrapper input:autofill:active {
  -webkit-text-fill-color: var(--text-primary-color);
  -webkit-box-shadow: 0 0 0px 1000px var(--background-01-color) inset;
  box-shadow: 0 0 0px 1000px var(--background-01-color) inset;
  transition: background-color 5000s ease-in-out 0s;
}