.flex {
  display: flex;
}
.items-center {
  align-items: center;
}
.justify-self-stretch {
  justify-self: stretch;
}
.justify-between {
  justify-content: space-between;
}
.flex-1 {
  flex: 1;
}
.w-full {
  width: 100%;
}
.hlxb-modal.fullscreen-modal,
.hlxb-modal.component-full-modal {
  overflow: hidden;
}
.hlxb-modal.fullscreen-modal .ant-modal,
.hlxb-modal.component-full-modal .ant-modal {
  inset: 0 !important;
  width: 100% !important;
  max-width: none;
  height: 100%;
  padding: 0;
}
.hlxb-modal.fullscreen-modal .ant-modal-content,
.hlxb-modal.component-full-modal .ant-modal-content {
  height: 100%;
  border-radius: 0;
}
.hlxb-modal.is-max-height .ant-modal-header {
  border-bottom: 1px solid #e9e9e9;
}
.hlxb-modal.is-max-height .ant-modal-footer {
  margin-top: 12px;
  border-top: 1px solid #e9e9e9;
}
.hlxb-modal .ant-modal-title {
  font-size: 16px;
  font-weight: bold;
}
.hlxb-modal .ant-modal-title .base-title {
  cursor: move !important;
}
.hlxb-modal .ant-modal-content {
  padding: 0 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hlxb-modal .ant-modal-content:has(.ant-modal-footer) .ant-modal-body .modal-container {
  padding-bottom: 12px !important;
}
.hlxb-modal .ant-modal-content:not(:has(.ant-modal-footer)) .ant-modal-body .scrollbar__view > div {
  padding-bottom: 24px !important;
}
.hlxb-modal .ant-modal-header {
  margin-bottom: 0;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  flex-shrink: 0;
}
.hlxb-modal .ant-modal-close-x {
  width: auto !important;
  cursor: unset;
}
.hlxb-modal .ant-modal-close-x:hover {
  background-color: transparent !important;
}
.hlxb-modal .ant-modal-close {
  cursor: unset;
  background-color: transparent !important;
  z-index: 10 !important;
  top: 16px !important;
  inset-inline-end: 0;
  right: 18px;
  width: auto;
  height: auto;
}
.hlxb-modal .ant-modal-close .icon-button {
  display: flex;
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
  width: 32px;
  height: 32px;
}
.hlxb-modal .ant-modal-close .icon-button:hover {
  background-color: #f8f8f8;
}
.hlxb-modal .ant-modal-body .warp-box {
  padding: 12px 24px 0;
}
@media screen and (max-width: 768px) {
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-sm-14.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-sm-16.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-sm-18.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-sm-20.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-sm-24.margin-end .ant-form-item {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 992px) {
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-md-14.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-md-16.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-md-18.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-md-20.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-md-24.margin-end .ant-form-item {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-lg-14.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-lg-16.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-lg-18.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-lg-20.margin-end .ant-form-item,
  .hlxb-modal .ant-modal-body .basic-form-row .ant-col-lg-24.margin-end .ant-form-item {
    margin-bottom: 24px;
  }
}
.hlxb-modal .ant-modal-body .basic-form-row .margin-end .ant-form-item,
.hlxb-modal .ant-modal-body .basic-form-row .ant-col:last-child .ant-form-item {
  margin-bottom: 0;
}
.hlxb-modal .ant-modal-large {
  top: 60px;
}
.hlxb-modal .ant-modal-large--mini {
  top: 16px;
}
.hlxb-modal .ant-modal-footer {
  margin: 0;
  height: 80px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}
.hlxb-modal .ant-modal-footer button {
  min-width: 72px;
  height: 32px;
}
.hlxb-modal .ant-modal-footer button + button {
  margin-inline-start: 16px !important;
}
.hlxb-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
  color: #909399;
}
.hlxb-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
  color: #ff2e2e;
}
.hlxb-modal .ant-modal-confirm-btns .ant-btn:last-child {
  margin-right: 0;
}
.hlxb-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #fc7c22;
}
.hlxb-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
  color: #4db803;
}
.hlxb-modal .ant-modal-confirm .ant-modal-body {
  padding: 24px;
}
@media screen and (max-height: 600px) {
  .ant-modal {
    top: 60px;
  }
}
@media screen and (max-height: 540px) {
  .ant-modal {
    top: 30px;
  }
}
@media screen and (max-height: 480px) {
  .ant-modal {
    top: 10px;
  }
}