/* ================================= */
/* SIDEBAR */
/* ================================= */

.work-sidebar {
  padding: 30px;

  border-right: 1px solid rgba(255, 255, 255, 0.06);

  background: rgba(255, 255, 255, 0.02);

  backdrop-filter: blur(20px);
  border-radius: 20px;
  border-radius: 0 0 0 20px;
}
.work-sidebar2 {
  padding: 30px;

  border-right: 1px solid rgba(255, 255, 255, 0.06);

  background: rgba(255, 255, 255, 0.02);

  backdrop-filter: blur(20px);

  border-radius: 0 0 0 20px;
}

.work-sidebar3 {
  padding: 30px;

  border-right: 1px solid rgba(255, 255, 255, 0.06);

  background: rgba(255, 255, 255, 0.02);

  backdrop-filter: blur(20px);

  border-radius: 0 0 0 20px;
}

.work-sidebar,
.work-sidebar2,
.work-sidebar3 {
  min-width: 0;
}
#music-window .window-content {
  height: calc(100% - 60px);

  overflow: hidden;
}

.sidebar-title {
  font-size: 14px;

  margin-bottom: 24px;

  color: var(--text-secondary);

  text-transform: uppercase;

  letter-spacing: 0.08em;
}

.sidebar-item {
  padding: 14px 18px;

  border-radius: 18px;

  margin-bottom: 10px;

  cursor: pointer;

  transition: 0.3s ease;

  color: var(--text-secondary);
}
.sidebar-item2 {
  padding: 14px 18px;

  border-radius: 18px;

  margin-bottom: 10px;

  cursor: pointer;

  transition: 0.3s ease;

  color: rgba(255, 255, 255, 0.7);
}

.sidebar-item:hover {
  background: rgba(255, 122, 0, 0.08);

  transform: translateX(4px);
}
.sidebar-item2:hover {
  background: rgba(255, 122, 0, 0.08);

  transform: translateX(4px);
}
.active-sidebar {
  background: rgba(255, 122, 0, 0.12);

  color: var(--accent);

  border: 1px solid rgba(255, 122, 0, 0.2);
}
.active-sidebar2 {
  background: rgba(255, 122, 0, 0.12);

  color: var(--accent);

  border: 1px solid rgba(255, 122, 0, 0.2);
}