/* Let's get this party started */
::-webkit-scrollbar {
  @apply w-2 h-2;
}

/* Track */
::-webkit-scrollbar-track {
  @apply bg-line-dimmed/0;
}

/* Handle */
::-webkit-scrollbar-thumb {
  @apply bg-line rounded-xl;

  &:hover {
    @apply bg-content-dimmed;
  }
}

::-webkit-scrollbar-thumb:window-inactive {
  @apply bg-line/50;
}

::-webkit-search-cancel-button {
  @apply hidden;
}

hr {
  @apply border-line-dimmed;
}

label,
.label {
  @apply text-sm font-semibold cursor-pointer inline-flex items-center gap-1;
}

/* Label helpers */
label:has(+ [required]),
label:has(+ * [required]) {
  @apply before:text-failure before:content-['*'] before:text-xs;
}

label .help {
  @apply text-base text-content-dimmed transition-all hover:text-content;
}

/* Headings */
h1 {
  @apply text-2xl font-bold;
}

h2 {
  @apply text-lg font-bold;
}

h3 {
  @apply text-base font-bold;
}

select option {
  @apply bg-main text-content;
}

fieldset {
  @apply flex flex-col gap-2;
}

x-uuid {
  @apply text-xs text-content-dimmed font-mono;
}

button {
  @apply cursor-pointer;
}