.is-disabled{
 opacity: 0.5;
 transition: all 200ms;
}

.is-disabled .arrow-prev,.is-disabled .arrow-next{
color: #6A6A6A !important;
}

/* Base state: hidden + slightly smaller */
.first-notes,
.firt-notes,
.third-notes,
.thitd-notes,
.thid-notes,
.second-label{
  opacity: 0;
  transform: scale(0.9);
  transition:
    opacity 0.35s ease,
    transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: opacity, transform;
    transform: scale(0.8) translateY(20px);
}

/* Visible state: fade + grow */
.is-notes-visible {
  opacity: 1;
  transform: scale(1);
    transform: scale(1) translateY(0);
}