@layer base {
  html {
    @apply selection:bg-white selection:text-indigo-900;
  }

  body {
    @apply font-light overflow-x-hidden;
  }

  button, input {
    @apply focus:outline-none;
  }

  button {
    -webkit-tap-highlight-color: transparent;
  }

  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::-webkit-scrollbar {
      @apply w-[16px] h-[16px];
    }

    ::-webkit-scrollbar-thumb {
      @apply bg-indigo-500 hover:bg-indigo-400 bg-clip-padding;
      @apply border-[5px] border-solid border-transparent rounded-full;
    }

    ::-webkit-scrollbar-track {
      @apply bg-indigo-900/50;
    }
  }
}