html,
body {
      padding: 0;
      margin: 0;
      color: black;
      font-size: 15px;
      background-color: var(--color_bg);
      overflow-x: hidden;
      font-family: ProximaNova, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      -webkit-user-select: none;
      -moz-user-focus: none;
      -moz-user-select: none;
}

::-webkit-scrollbar {
      display: none !important;
      width: 0 !important;
      scrollbar-width: none !important;
}

#app {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100vw;
}

button {
      padding: 0;
      margin: 0;
      outline: none;
      border: none;
      background-color: transparent;
      transition: all ease 0.3s;
}

button:active {
      transform: scale(0.92);
}

button:disabled {
      pointer-events: none;
}

a {
      text-decoration: none;
}

.fade-enter-active,
.fade-leave-active {
      transition: opacity 0.3s;
}

.fade-enter,
.fade-leave-to {
      opacity: 0;
}

.up-enter-active,
.up-leave-active {
      transition: transform 0.3s;
}

.up-enter,
.up-leave-to {
      transform: translateY(100%);
}

.disabled {
      opacity: 0.3;
}