// vue/app/shared/ImageSlider/index.styl
// Стили исключительно для слайдера изображений

.imageslider
  .slides-container
    scroll-behavior: smooth
    
  .nav-btn
    backdrop-filter: blur(8px)
    opacity: 0
    transition: opacity 0.3s ease
    
  &:hover .nav-btn
    opacity: 1
    
  .indicator
    transition: all 0.3s ease
    
  .progress-fill
    transition-timing-function: linear

// Анимации для слайдов
.slide-enter-active,
.slide-leave-active
  transition: all 0.5s ease

.slide-enter-from
  opacity: 0
  transform: translateX(100px)

.slide-leave-to
  opacity: 0
  transform: translateX(-100px)