/* Sidebar base styles */
/* .sidebar {
  transition: width 0.3s ease-in-out;
} */
 
.sidebar {
  width: 50vw;
  background-color: black;
  border-right: 1px solid #fff;
  color: #fff;
}

/* When sidebar is hidden */
.sidebar-hidden {
  width: 0 !important;
  display: none !important; /* Hides the sidebar, not sure if this will be kept */
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

/* When sidebar is visible */
.sidebar-visible {
  opacity: 1;
  visibility: visible;
  overflow-x: hidden;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .sidebar {
    width: 100%;
  }
  
}