/* Scrollbar, in the brand palette.
   These are raw hex rather than tokens because this file is enqueued directly
   and never passes through Tailwind. Keep them in step with tailwind.config.js:
   lagoon #0B6A73, sea-200 #D3E2E8. */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background-color: #0b6a73;
  border-radius: 6px;
}

::-webkit-scrollbar-track {
  background: #d3e2e8;
  border-radius: 6px;
}

html {
  scrollbar-color: #0b6a73 #d3e2e8;
  scrollbar-width: thin;
}

.no-scrollbar-8080 {
  -ms-overflow-style: none; /* IE dan Edge */
  scrollbar-width: none; /* Firefox */
}
.no-scrollbar-8080::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}