::-webkit-scrollbar {
  width: 5px; 
}

::-webkit-scrollbar-thumb {
  background-color: #c9c9c9; 
  border-radius: 4px; 
}

::-webkit-scrollbar-track {
  background-color: #ffffff; 
}

.bg-primary {
  background-color: #fff;
}

.bg-secondary {
  background-color: #01CF87;
}

.hidden-menu {
  display: none;
}

.flex-menu {
  display: flex;
  flex-direction: column;
}

.glass-effect {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.loader {
  border: 4px solid transparent;
  border-top-color: gray;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Styling tambahan */
#loading-animation.hidden {
  display: none;
}

/* Positioning the eye icon */
.toggle-icon {
  position: absolute;
  top: 50%; 
  transform: translateY(-50%); 
  right: 1rem; 
  color: #888; 
  cursor: pointer;
  margin-top: 12px;
}