* {
  box-sizing:
    border-box;
}

html {
  min-height:
    100%;

  background:
    var(
      --background
    );

  scrollbar-color:
    var(
      --border-strong
    )
    var(
      --background
    );

  scrollbar-width:
    thin;
}

body {
  min-width:
    0;

  min-height:
    100vh;

  margin:
    0;

  overflow-x:
    hidden;

  background:
    var(
      --background
    );

  color:
    var(
      --text
    );

  font-family:
    "DM Sans",
    sans-serif;

  font-size:
    15px;

  line-height:
    1.5;

  -webkit-font-smoothing:
    antialiased;
}

body::before {
  position:
    fixed;

  z-index:
    -2;

  inset:
    0;

  background:
    linear-gradient(
      90deg,
      rgba(
        255,
        255,
        255,
        0.018
      )
      1px,
      transparent
      1px
    ),
    linear-gradient(
      rgba(
        255,
        255,
        255,
        0.014
      )
      1px,
      transparent
      1px
    );

  background-size:
    48px
    48px;

  content:
    "";
}

body::after {
  position:
    fixed;

  z-index:
    -1;

  inset:
    0;

  background:
    linear-gradient(
      180deg,
      rgba(
        213,
        220,
        52,
        0.025
      ),
      transparent
      240px
    );

  content:
    "";

  pointer-events:
    none;
}

button,
input,
textarea,
select {
  font:
    inherit;
}

button {
  cursor:
    pointer;
}

button:disabled {
  cursor:
    not-allowed;

  opacity:
    0.52;
}

a {
  color:
    inherit;

  text-decoration:
    none;
}

h1,
h2,
h3,
p {
  margin-top:
    0;
}

::selection {
  background:
    var(
      --primary
    );

  color:
    var(
      --primary-text
    );
}

::-webkit-scrollbar {
  width:
    8px;

  height:
    8px;
}

::-webkit-scrollbar-track {
  background:
    var(
      --background
    );
}

::-webkit-scrollbar-thumb {
  border:
    2px solid
    var(
      --background
    );

  border-radius:
    99px;

  background:
    var(
      --border-strong
    );
}

::-webkit-scrollbar-thumb:hover {
  background:
    var(
      --text-muted
    );
}

#app {
  min-height:
    100vh;
}