.ant-message {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  padding-bottom: 40px;
  z-index: var(--zindex-message);
}

.d-component.ant-message-notice .ant-message-notice-content {
  border-radius: var(--radius-05);
  background-color: var(--background-03-color);
  padding: var(--spacing-05) var(--spacing-06);
  color: var(--text-on-color-color);
  box-shadow: var(--shadow-lg);
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.d-component.ant-message-notice .ant-message-notice-content .ant-message-custom-content {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.d-component.ant-message-notice .ant-message-notice-content .ant-message-custom-content.ant-message-info i > svg > path:first-child {
  fill: var(--system-info-color);
}
.d-component.ant-message-notice .ant-message-notice-content .ant-message-custom-content.ant-message-loading span > svg > path {
  fill: var(--btn-theme-default-color);
}.d-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}.d-spin {
  display: inline-block;
}
@keyframes spin-rotate {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.d-spin {
  animation: spin-rotate 1s linear infinite;
}.n-btn {
  border: none;
  transition: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-04);
  cursor: pointer;
  outline: none;
  background-color: var(--background-01-color);
  border: 1px solid var(--background-01-color);
  white-space: nowrap;
}
.n-btn--active {
  background-color: var(--btn-secondary-hover-color);
}
.n-btn:focus-visible {
  outline-width: 1px;
  outline-style: solid;
  outline-offset: 2px;
}
.n-btn__spin {
  position: absolute;
  transform: translate(-50%, -50%);
}
.n-btn__content {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.n-btn__content--icon-right {
  flex-direction: row-reverse;
}
.n-btn--loading {
  cursor: not-allowed;
}
.n-btn--loading .n-btn__content {
  visibility: hidden;
}
.n-btn--icon-only {
  padding: var(--radius-03);
  border: none !important;
  background-color: transparent;
}
.n-btn--small {
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  height: 28px;
  border-radius: var(--radius-03);
  padding: 0px var(--spacing-04);
}
.n-btn--large {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  gap: var(--spacing-04);
  height: 48px;
  padding: 0px var(--spacing-07);
}
.n-btn--medium {
  font-family: "Pretendard", sans-serif;
  font-size: 15px;
  line-height: 23px;
  font-weight: 600;
  height: 36px;
  padding: 0px var(--spacing-05);
}
.n-btn--medium.n-btn--icon-only {
  padding: var(--spacing-04);
  border: none;
  background-color: transparent;
}
.n-btn--primary {
  color: var(--btn-primary-text-color);
  border-color: var(--btn-theme-default-color);
  background-color: var(--btn-theme-default-color);
}
.n-btn--primary.n-btn--loading {
  background-color: var(--btn-theme-hover-color);
  border-color: var(--btn-theme-hover-color);
}
.n-btn--primary:hover:not(.n-btn--disabled, .n-btn--loading) {
  background-color: var(--btn-theme-hover-color);
  border-color: var(--btn-theme-hover-color);
}
.n-btn--primary:focus-visible {
  outline-color: black;
}
.n-btn--alt {
  color: var(--btn-alt-text-color);
  border: 1px solid var(--btn-alt-border-color);
}
.n-btn--alt.n-btn--loading {
  background-color: var(--background-theme);
}
.n-btn--alt:hover:not(.n-btn--disabled, .n-btn--loading) {
  background-color: var(--background-theme);
}
.n-btn--alt:focus-visible {
  outline-color: black;
}
.n-btn--secondary {
  color: var(--text-primary-color);
  border: 1px solid var(--divider-01-color);
}
.n-btn--secondary.n-btn--loading {
  background-color: var(--btn-secondary-hover-color);
}
.n-btn--secondary:hover:not(.n-btn--disabled, .n-btn--loading) {
  background-color: var(--btn-secondary-hover-color);
}
.n-btn--secondary:focus-visible {
  outline-color: black;
}
.n-btn--error {
  border: 1px solid var(--system-error-color);
  background-color: var(--system-error-color);
  color: var(--text-on-color-color);
}
.n-btn--error.n-btn--loading {
  background-color: #a93e42;
  border-color: #a93e42;
}
.n-btn--error:hover:not(.n-btn--disabled, .n-btn--loading) {
  background-color: #a93e42;
  border-color: #a93e42;
}
.n-btn--error:focus-visible {
  outline-color: black;
}
.n-btn--error:not(.n-btn--disabled).n-btn--small {
  background-color: var(--btn-secondary-default-color);
  border-color: var(--btn-secondary-default-color);
  color: var(--system-error-color);
}
.n-btn--error:not(.n-btn--disabled).n-btn--small.n-btn--loading {
  background-color: var(--system-error-color);
  border-color: var(--system-error-color);
  color: var(--btn-secondary-default-color);
}
.n-btn--error:not(.n-btn--disabled).n-btn--small:hover:not(.n-btn--disabled, .n-btn--loading) {
  background-color: var(--system-error-color);
  border-color: var(--system-error-color);
  color: var(--btn-secondary-default-color);
}
.n-btn--text {
  color: var(--text-secondary-color);
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.n-btn--text.n-btn--small {
  font-family: "Pretendard", sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  height: 18px;
}
.n-btn--text.n-btn--medium {
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  height: 28px;
}
.n-btn--text.n-btn--large {
  font-family: "Pretendard", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  height: 32px;
}
.n-btn--text:focus-visible {
  outline-color: black;
}
.n-btn--link {
  font-family: "Pretendard", sans-serif;
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  text-decoration: underline;
  text-underline-position: from-font;
  background-color: transparent;
  border-color: transparent;
  color: var(--system-info-color);
}
.n-btn--link.n-btn--medium {
  height: 28px;
}
.n-btn--link:focus-visible {
  outline-color: black;
}
.n-btn--delete {
  border: 1px solid var(--divider-01-color);
  color: var(--text-primary-color);
}
.n-btn--delete:not(.n-btn--disabled, .n-btn--loading) svg > path {
  fill: var(--text-primary-color);
}
.n-btn--delete.n-btn--loading {
  background-color: var(--btn-secondary-hover-color);
  color: var(--system-error-color);
}
.n-btn--delete.n-btn--loading:hover:not(.n-btn--disabled) svg > path {
  fill: var(--system-error-color);
}
.n-btn--delete:hover:not(.n-btn--disabled, .n-btn--loading) {
  background-color: var(--btn-secondary-hover-color);
  color: var(--system-error-color);
}
.n-btn--delete:hover:not(.n-btn--disabled, .n-btn--loading):hover:not(.n-btn--disabled) svg > path {
  fill: var(--system-error-color);
}
.n-btn--disabled {
  cursor: not-allowed;
  background-color: var(--btn-theme-disabled-color);
  border: 1px solid var(--btn-theme-disabled-color);
}
.n-btn--disabled .n-btn__title {
  color: var(--text-disabled-color);
}
.n-btn--disabled.n-btn--text {
  border-color: transparent;
  background-color: transparent;
}
.n-btn--disabled.n-btn--link {
  border-color: transparent;
  background-color: transparent;
  text-decoration-color: var(--text-disabled-color);
}