/* Other effects */
.scroll-fade-out {
  --scroll-speed: 1;
  --scroll-direction: 1;
  --viewport-start: 0;
  --viewport-end: 100;
}

.scroll-fade-in {
  --scroll-speed: 1;
  --scroll-direction: -1;
  --viewport-start: 0;
  --viewport-end: 100;
}

.scroll-scale-up {
  --scroll-speed: 0.2;
  --scroll-direction: 1;
  --viewport-start: 0;
  --viewport-end: 100;
}

.scroll-scale-down {
  --scroll-speed: 0.2;
  --scroll-direction: -1;
  --viewport-start: 0;
  --viewport-end: 100;
}

.scroll-rotate-right {
  --scroll-speed: 0.5;
  --scroll-direction: 1;
  --viewport-start: 0;
  --viewport-end: 100;
}

.scroll-rotate-left {
  --scroll-speed: 0.5;
  --scroll-direction: -1;
  --viewport-start: 0;
  --viewport-end: 100;
}

.scroll-blur-out {
  --scroll-speed: 10;
  --scroll-direction: 1;
  --viewport-start: 0;
  --viewport-end: 100;
}

.scroll-blur-in {
  --scroll-speed: 10;
  --scroll-direction: -1;
  --viewport-start: 0;
  --viewport-end: 100;
}

/* Speed modifiers (1-10) */
.scroll-speed-1 { --scroll-speed: 0.1; }
.scroll-speed-2 { --scroll-speed: 0.2; }
.scroll-speed-3 { --scroll-speed: 0.3; }
.scroll-speed-4 { --scroll-speed: 0.4; }
.scroll-speed-5 { --scroll-speed: 0.5; }
.scroll-speed-6 { --scroll-speed: 0.6; }
.scroll-speed-7 { --scroll-speed: 0.7; }
.scroll-speed-8 { --scroll-speed: 0.8; }
.scroll-speed-9 { --scroll-speed: 0.9; }
.scroll-speed-10 { --scroll-speed: 1.0; }

/* Viewport Start Position (0-100%) - Bottom to Top */
.scroll-vp-start-0 { --viewport-start: 0; }
.scroll-vp-start-10 { --viewport-start: 10; }
.scroll-vp-start-20 { --viewport-start: 20; }
.scroll-vp-start-30 { --viewport-start: 30; }
.scroll-vp-start-40 { --viewport-start: 40; }
.scroll-vp-start-50 { --viewport-start: 50; }
.scroll-vp-start-60 { --viewport-start: 60; }
.scroll-vp-start-70 { --viewport-start: 70; }
.scroll-vp-start-80 { --viewport-start: 80; }
.scroll-vp-start-90 { --viewport-start: 90; }
.scroll-vp-start-100 { --viewport-start: 100; }

/* Viewport End Position (0-100%) - Bottom to Top */
.scroll-vp-end-0 { --viewport-end: 0; }
.scroll-vp-end-10 { --viewport-end: 10; }
.scroll-vp-end-20 { --viewport-end: 20; }
.scroll-vp-end-30 { --viewport-end: 30; }
.scroll-vp-end-40 { --viewport-end: 40; }
.scroll-vp-end-50 { --viewport-end: 50; }
.scroll-vp-end-60 { --viewport-end: 60; }
.scroll-vp-end-70 { --viewport-end: 70; }
.scroll-vp-end-80 { --viewport-end: 80; }
.scroll-vp-end-90 { --viewport-end: 90; }
.scroll-vp-end-100 { --viewport-end: 100; }

/* Distance modifiers (optional) - 10 options */
.scroll-distance-50 { --scroll-distance: 50; }
.scroll-distance-100 { --scroll-distance: 100; }
.scroll-distance-150 { --scroll-distance: 150; }
.scroll-distance-200 { --scroll-distance: 200; }
.scroll-distance-300 { --scroll-distance: 300; }
.scroll-distance-400 { --scroll-distance: 400; }
.scroll-distance-500 { --scroll-distance: 500; }
.scroll-distance-600 { --scroll-distance: 600; }
.scroll-distance-800 { --scroll-distance: 800; }
.scroll-distance-1000 { --scroll-distance: 1000; }