@import "./tailwind.css";
@import "./nprogress.css";
@import "./cssvar.css";

body {
  margin: 0;
  font-size: var(--app-main-font-size);
  min-width: var(--app-min-width);
  min-height: 600px;
  user-select: none;
}

.main-text-color {
  color: var(--app-main-text-color);
}

.secondary-text {
  color: var(--app-small-header-text-color);
  font-size: var(--app-secondary-font-size);
}

/* for MarkHeader */
.header-small-text {
  font-size: var(--app-secondary-font-size);
}
.highlight-text {
  color: white;
  font-size: var(--app-title-font-size);
}

.score-number-animation-enter-active,
.score-number-animation-leave-active {
  transition: all 0.2s ease-in-out 0.2s;
  transform: scale(1.1);
}
.score-number-animation-enter-from,
.score-number-animation-leave-to {
  opacity: 0;
  /* transform: translateX(40px) scale(0.3); */
  transform: scale(0.3);
  transition: all 0.2s ease-in-out;
}

/* override ant-design */
.ant-message {
  z-index: 6001 !important;
  font-size: 16px !important;
}

.ant-message-custom-content span[role="img"] {
  top: -4px;
}

button.ant-btn span[role="img"] {
  display: inline-flex !important;
}

button.ant-btn-primary {
  background-color: var(--app-primary-button-bg-color);
}
