/*
 * 400 and 600 are new here. Only 500 and 700 were ever fetched, so every `fontWeight={600}` in the
 * app — panel titles, section headers, the category lists — was being synthesised by the browser
 * from the 500. Faux-bold is what a lot of the "unpolished" feeling actually was.
 */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

html,
body {
  padding: 0;
  margin: 0;
  /*
   * Inter, with the system stack as fallback rather than as an override. This used to declare
   * `font-family: "Inter"` and then immediately redeclare the system stack on the next line, so the
   * second won and Inter never applied to anything that did not opt in by hand.
   */
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.chakra-ui-light {
  overflow: unset !important;
}

[data-radix-popper-content-wrapper] {
  z-index: 9999 !important;
}

div[style*="pointer-events: none"] {
  z-index: 0 !important;
}

.react-three-fiber-portal {
  z-index: 0 !important;
}

[data-liveblocks-portal] {
  z-index: 9999 !important;
}
a {
  color: inherit;
  text-decoration: none;
}