@import (reference) '../extend.less';
.ant-modal-content {
  background-color: fade(@primary-color, 50%);

  backdrop-filter: blur(5px);
}
.ant-modal-header {
  padding: @padding-sm @padding-md;

  border-bottom: 0;
  background-color: transparent;
}
.ant-modal-title {
  color: fade(@white, 85%);
}
.ant-modal-body {
  background-color: @component-background;
}
.ant-modal-footer {
  background-color: @component-background;
}
.ant-modal-close {
  top: 10px;
  right: 10px;

  color: fade(@white, 75%);
  background-color: @error-color;
  &:hover,
  &:focus {
    color: @white;
  }
}
.ant-modal-close-x {
  line-height: 26px;

  width: 26px;
  height: 26px;
}
.ant-modal-mask {
  backdrop-filter: blur(3px);
}
