@use '../abstracts/variables';

#{variables.$js-prefix} {
  &toggle-hidden {
    cursor: pointer;
  }

  &effect--fade-in-on-scroll {
    opacity: 0;
    flex-direction: column;
    transition: 'opacity', 'ease', 0.8s;
  }
}

.is-scrolled-into-view {
  opacity: 1;
}

.is-hidden {
  display: none !important;
}