.shadow-primary {
  box-shadow: 0 4px 12px var(--bulma-primary-45); /* primary color shadow */
}

.media-container,
.audio-container {
  height: 100vh;
}

.audio-container {
 transition: opacity 0.35s ease;
 opacity: 1;
}

.audio-container.fade-in {
	 opacity: 1;
}

.audio-container.fade-out {
  opacity: 0;
  pointer-events: none; /* Optional: prevents interaction while fading */
}

.media-list {
  overflow-y: auto;
	margin-bottom: 0px;
  min-height: 0; 
  height: inherit;
} 

.media-item {
	cursor: pointer;
	transition: .4s;
	color: var(--bulma-primary);
}
.media-item:hover {
	color: var(--bulma-text);
}

.plyr {
	width: 80%;
}


@media (max-width: 768px) {
  .audio-container {
    margin-block: 1rem; 
  }
}