* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body.pc-admin-body {
  min-height: 100vh;
  color: var(--pc-text);
  background:
    radial-gradient(circle at 12% 10%, rgba(126, 231, 255, 0.12), transparent 32%),
    radial-gradient(circle at 90% 14%, rgba(231, 194, 118, 0.10), transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(126, 231, 255, 0.08), transparent 36%),
    var(--pc-bg);
  font-family: Inter, Geist, "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

body.pc-admin-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.020) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, black, transparent 74%);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input {
  font: inherit;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}