/* static/css/scrollbar.css */

@layer components {

  .scrollbar::-webkit-scrollbar {
    width: 15px;
    height: 15px;
  }

  .scrollbar::-webkit-scrollbar-track {
    background: #e5e7eb;
    border-radius: 0px;
    border: 8px solid #e5e7eb;
  }

  .scrollbar::-webkit-scrollbar-thumb {
    background-color: #0C5678;
    border-radius: 8px;
    border: 3px solid #e5e7eb;
  }

  .scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #9ca3af;
  }
}