@font-face {
  font-family: "Commissioner";
  src: url("/_tokenmovie/commissioner-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --semi-color-primary: #e43d2f !important;
  --semi-color-primary-hover: #c92e24 !important;
  --semi-color-primary-active: #a9211a !important;
  --semi-color-link: #2458d3 !important;
  --semi-border-radius-small: 4px !important;
  --semi-border-radius-medium: 6px !important;
  --semi-border-radius-large: 8px !important;
}

html, body, #root { letter-spacing: 0 !important; }
body {
  font-family: "Commissioner", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  background-image: linear-gradient(rgba(17, 16, 15, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 16, 15, 0.025) 1px, transparent 1px);
  background-size: 32px 32px;
}

.semi-button-primary,
button.semi-button-primary { border-radius: 4px !important; }

.semi-navigation,
.semi-navigation-vertical { border-radius: 0 !important; }

.semi-tag { border-radius: 3px !important; }

[data-token-movie-brand="true"]::after {
  content: "token.movie";
  margin-left: 0.5rem;
  color: #e43d2f;
  font-size: 0.7rem;
  font-weight: 700;
}

@media (max-width: 48rem) {
  .semi-button { min-height: 44px; }
  .semi-input-wrapper { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}