CSS File

1/**

2 * Swiper 12.2.0

3 * Most modern mobile touch slider and framework with hardware accelerated transitions

4 * https://swiperjs.com

5 *

6 * Copyright 2014-2026 Vladimir Kharlampidi

7 *

8 * Released under the MIT License

9 *

10 * Released on: May 27, 2026

11 */

12

13:root{--swiper-theme-color:#007aff}

14:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}

15.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}

16.swiper-vertical>.swiper-wrapper{flex-direction:column}

17.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}

18.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}

19.swiper-horizontal{touch-action:pan-y}

20.swiper-vertical{touch-action:pan-x}

21.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}

22.swiper-slide-invisible-blank{visibility:hidden}

23.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}

24.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}

25.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}

26.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}

27.swiper-3d .swiper-wrapper{transform-style:preserve-3d}

28.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}

29}

30.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}

31}

32>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}

33&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}

34>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}

35>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}

36}

37&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}

38>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}

39>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}

40}

...