/**
 * UI Initiative Expo Slider
 *
 * Parallax & scale effects slider
 *
 * https://uiinitiative.com
 *
 * Copyright 2025 UI Initiative
 *
 * Released under the UI Initiative Regular License
 *
 * February 26, 2025
 */

.swiper-expo {
  box-sizing: border-box;
}
.swiper-expo.swiper-horizontal {
  padding-top: var(--expo-padding, 0px);
  padding-bottom: var(--expo-padding, 0px);
}
.swiper-expo.swiper-vertical {
  padding-left: var(--expo-padding, 0px);
  padding-right: var(--expo-padding, 0px);
}
.swiper-expo .expo-container {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  overflow: hidden;
  border-radius: var(--expo-image-border-radius, 0px);
}
.swiper-expo .expo-content {
  position: relative;

  height: 100%;
}
.swiper-expo .expo-image {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  position: absolute;
  object-fit: cover;
}

.swiper-expo.swiper-horizontal .expo-image {
  left: calc((var(--expo-image-offset) * 100% - 100%) / -2);
  top: 0;
  width: calc(var(--expo-image-offset) * 100%);
  height: 100%;
}
.swiper-expo.swiper-vertical .expo-image {
  top: calc((var(--expo-image-offset) * 100% - 100%) / -2);
  left: 0;
  height: calc(var(--expo-image-offset) * 100%);
  width: 100%;
}