html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.flex {
  display: flex;
}
.flex-vertical-center {
  display: flex;
  align-items: center;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
::-webkit-scrollbar {
  display: none;
}
.show-shadow {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.cursor {
  cursor: pointer;
}
.text-center {
  text-align: center;
}

#app {
  width: 100%;
  height: 100%;
}
.invite-box .ant-checkbox-checked .ant-checkbox-inner {
  border-color: #894BFC !important;
  background-color: #894BFC !important;
}
.invite-box .ant-checkbox-disabled .ant-checkbox-inner:after {
  border-color: #fff !important;
}
.invite-box .ant-checkbox-disabled .ant-checkbox-inner:after {
  border-color: #fff !important;
}
.invite-box .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled):after {
  border-color: #894BFC !important;
}
.invite-box .ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
.invite-box :where(.css-dev-only-do-not-override-1hsjdkk).ant-checkbox:not(
      .ant-checkbox-disabled
    ):hover .ant-checkbox-inner {
  border-color: #894BFC !important;
}
.invite-box .ant-checkbox-checked:after {
  border: 2px solid #894BFC;
}
.invite-box .ant-checkbox-indeterminate .ant-checkbox-inner:after {
  background-color: #894BFC;
}
.invite-box .ant-input:hover {
  border-color: #bd88ff !important;
}
.invite-box .ant-input:focus {
  border-color: #bd88ff !important;
  box-shadow: 0 0 0 2px rgba(189, 136, 255, 0.1) !important;
}
.invite-box .ant-btn-link,
.invite-box .ant-btn-link:not(:disabled):hover {
  color: #894BFC;
}
.invite-box .ant-btn-dashed.ant-btn-sm {
  font-size: 12px;
  padding: 0px 8px;
  color: rgba(0, 0, 0, 0.88);
}
.invite-box .ant-btn-dashed.ant-btn-sm .anticon + span,
.invite-box .ant-btn-dashed.ant-btn-sm > span + .anticon {
  margin-inline-start: 4px;
}
.invite-box .ant-btn-dashed.ant-btn-sm:not(:disabled):hover {
  border-color: #bd88ff;
  color: #bd88ff;
}
.invite-box .ant-btn-dashed:not(:disabled):active {
  color: rgba(0, 0, 0, 0.88);
  border-color: #d9d9d9;
}
.invite-box .ant-btn-dashed:disabled {
  color: rgba(0, 0, 0, 0.25);
}
.invite-box .ant-btn-primary {
  border-color: #894bfc !important;
  background: #894bfc;
  box-shadow: 0 0 0 2px rgba(189, 136, 255, 0.1);
}
.invite-box .ant-btn-primary:not(:disabled):hover {
  background: #894bfc;
  opacity: 0.9;
}
.invite-box .ant-btn-default:not(:disabled):hover {
  border-color: #bd88ff;
  color: #bd88ff;
}
.invite-box .ant-btn-primary:not(:disabled):active {
  background-color: #894BFC;
}
.invite-box .ant-btn-primary:disabled {
  border-color: #d9d9d9 !important;
}
.invite-box .ant-btn:not(:disabled):focus-visible {
  outline: 2px solid #bd88ff !important;
}
.view-box-smart .input1 .ant-input-affix-wrapper > input.ant-input,
.view-box-foxess .input1 .ant-input-affix-wrapper > input.ant-input,
.view-box-smart .input2 .ant-input-affix-wrapper > input.ant-input,
.view-box-foxess .input2 .ant-input-affix-wrapper > input.ant-input {
  background: transparent !important;
  font-size: 17px !important;
}


.svg-icon[data-v-19b554eb] {
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: hidden;
  cursor: pointer;
}
.svg-icon[data-v-19b554eb]:focus {
  outline: none
}