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

body {
  @apply text-white bg-neutral-900;
  overscroll-behavior-y: none;
  min-height: 100.3%;
}

.bg-gradient {
  @apply bg-fixed bg-no-repeat bg-gradient-to-b from-black to-[#0b215b];
}

.bg-gray {
  @apply bg-fixed bg-no-repeat bg-gradient-to-b from-[hsl(224,5%,5%)] to-[hsl(224,5%,20%)];
}

.react-modal-sheet-container {
  @apply !bg-[#262626];
}

a {
  @apply underline decoration-light-text hover:decoration-white;
}

#video-container {
  position: relative;
  width: max-content;
  height: max-content;
  overflow: hidden;
}

#video-container .scan-region-highlight {
  border-radius: 30px;
  outline: rgba(0, 0, 0, 0.25) solid 50vmax;
}

#video-container .scan-region-highlight-svg {
  display: none;
}

/* Missing you sveltekit */
dd {
  @apply mb-8 mt-2;
}