@layer utilities {
    .scrollbar::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
  
    .scrollbar::-webkit-scrollbar-track {
      /* border-radius: 100vh; */
      border-radius: 0;
      background: #e2e8f0;
    }
  
    .scrollbar::-webkit-scrollbar-thumb {
      background: #5661b3;
      border-radius: 100vh;
      border: 2px solid #e2e8f0;
    }
  
    .scrollbar::-webkit-scrollbar-thumb:hover {
      background: #2f365f;
    }
  
    .sidebar_scrollbar::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
  
    .sidebar_scrollbar::-webkit-scrollbar-track {
      /* border-radius: 100vh; */
      border-radius: 0;
      background: #2F365F;
    }
  
    .sidebar_scrollbar::-webkit-scrollbar-thumb {
      background: #e2e8f0;
      border-radius: 100vh;
      border: 2px solid #2F365F;
    }
  
    .sidebar_scrollbar::-webkit-scrollbar-thumb:hover {
      background: #5661b3;
    }
  }