@import 'antd/dist/reset.css';

/* fix Tailwind CSS border styles,form Tailwind CSS's preflight */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */
}

::before,
::after {
  --tw-content: '';
}

a {
  text-decoration: none;
}

#root, .App {
  height: 100%;
  font-family: 'gg sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.App.dark {
  @apply bg-gray-900 text-white;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  @apply bg-black bg-opacity-10;
  border-color: transparent;
  background-clip: padding-box;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  @apply bg-black bg-opacity-20;
}

::-webkit-scrollbar-track {
  @apply bg-black bg-opacity-5;
  border-color: transparent;
  background-clip: padding-box;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
}

@tailwind base;
@tailwind components;
@tailwind utilities;
