You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

734 lines
21 KiB

1 year ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. /**
  2. * Swiper 11.2.5
  3. * Most modern mobile touch slider and framework with hardware accelerated transitions
  4. * https://swiperjs.com
  5. *
  6. * Copyright 2014-2025 Vladimir Kharlampidi
  7. *
  8. * Released under the MIT License
  9. *
  10. * Released on: March 3, 2025
  11. */
  12. @font-face {
  13. font-family: swiper-icons;
  14. src: url('data:application/font-woff;charset=utf-8;base64, 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');
  15. font-weight: 400;
  16. font-style: normal
  17. }
  18. :root {
  19. --swiper-theme-color: #007aff
  20. }
  21. :host {
  22. position: relative;
  23. display: block;
  24. margin-left: auto;
  25. margin-right: auto;
  26. z-index: 1
  27. }
  28. .swiper {
  29. margin-left: auto;
  30. margin-right: auto;
  31. position: relative;
  32. overflow: hidden;
  33. list-style: none;
  34. padding: 0;
  35. z-index: 1;
  36. display: block
  37. }
  38. .swiper-vertical > .swiper-wrapper {
  39. flex-direction: column
  40. }
  41. .swiper-wrapper {
  42. position: relative;
  43. width: 100%;
  44. height: 100%;
  45. z-index: 1;
  46. display: flex;
  47. transition-property: transform;
  48. transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  49. box-sizing: content-box
  50. }
  51. .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  52. transform: translate3d(0px, 0, 0)
  53. }
  54. .swiper-horizontal {
  55. touch-action: pan-y
  56. }
  57. .swiper-vertical {
  58. touch-action: pan-x
  59. }
  60. .swiper-slide {
  61. flex-shrink: 0;
  62. width: 100%;
  63. height: 100%;
  64. position: relative;
  65. transition-property: transform;
  66. display: block
  67. }
  68. .swiper-slide-invisible-blank {
  69. visibility: hidden
  70. }
  71. .swiper-autoheight, .swiper-autoheight .swiper-slide {
  72. height: auto
  73. }
  74. .swiper-autoheight .swiper-wrapper {
  75. align-items: flex-start;
  76. transition-property: transform, height
  77. }
  78. .swiper-backface-hidden .swiper-slide {
  79. transform: translateZ(0);
  80. -webkit-backface-visibility: hidden;
  81. backface-visibility: hidden
  82. }
  83. .swiper-3d.swiper-css-mode .swiper-wrapper {
  84. perspective: 1200px
  85. }
  86. .swiper-3d .swiper-wrapper {
  87. transform-style: preserve-3d
  88. }
  89. .swiper-3d {
  90. perspective: 1200px
  91. }
  92. .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  93. transform-style: preserve-3d
  94. }
  95. .swiper-css-mode > .swiper-wrapper {
  96. overflow: auto;
  97. scrollbar-width: none;
  98. -ms-overflow-style: none
  99. }
  100. .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  101. display: none
  102. }
  103. .swiper-css-mode > .swiper-wrapper > .swiper-slide {
  104. scroll-snap-align: start start
  105. }
  106. .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  107. scroll-snap-type: x mandatory
  108. }
  109. .swiper-css-mode.swiper-vertical > .swiper-wrapper {
  110. scroll-snap-type: y mandatory
  111. }
  112. .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  113. scroll-snap-type: none
  114. }
  115. .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  116. scroll-snap-align: none
  117. }
  118. .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  119. content: '';
  120. flex-shrink: 0;
  121. order: 9999
  122. }
  123. .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  124. scroll-snap-align: center center;
  125. scroll-snap-stop: always
  126. }
  127. .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  128. margin-inline-start: var(--swiper-centered-offset-before)
  129. }
  130. .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  131. height: 100%;
  132. min-height: 1px;
  133. width: var(--swiper-centered-offset-after)
  134. }
  135. .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  136. margin-block-start: var(--swiper-centered-offset-before)
  137. }
  138. .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  139. width: 100%;
  140. min-width: 1px;
  141. height: var(--swiper-centered-offset-after)
  142. }
  143. .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  144. position: absolute;
  145. left: 0;
  146. top: 0;
  147. width: 100%;
  148. height: 100%;
  149. pointer-events: none;
  150. z-index: 10
  151. }
  152. .swiper-3d .swiper-slide-shadow {
  153. background: rgba(0, 0, 0, .15)
  154. }
  155. .swiper-3d .swiper-slide-shadow-left {
  156. background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
  157. }
  158. .swiper-3d .swiper-slide-shadow-right {
  159. background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
  160. }
  161. .swiper-3d .swiper-slide-shadow-top {
  162. background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
  163. }
  164. .swiper-3d .swiper-slide-shadow-bottom {
  165. background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
  166. }
  167. .swiper-lazy-preloader {
  168. width: 42px;
  169. height: 42px;
  170. position: absolute;
  171. left: 50%;
  172. top: 50%;
  173. margin-left: -21px;
  174. margin-top: -21px;
  175. z-index: 10;
  176. transform-origin: 50%;
  177. box-sizing: border-box;
  178. border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  179. border-radius: 50%;
  180. border-top-color: transparent
  181. }
  182. .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  183. animation: swiper-preloader-spin 1s infinite linear
  184. }
  185. .swiper-lazy-preloader-white {
  186. --swiper-preloader-color: #fff
  187. }
  188. .swiper-lazy-preloader-black {
  189. --swiper-preloader-color: #000
  190. }
  191. @keyframes swiper-preloader-spin {
  192. 0% {
  193. transform: rotate(0deg)
  194. }
  195. 100% {
  196. transform: rotate(360deg)
  197. }
  198. }
  199. .swiper-virtual .swiper-slide {
  200. -webkit-backface-visibility: hidden;
  201. transform: translateZ(0)
  202. }
  203. .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  204. content: '';
  205. position: absolute;
  206. left: 0;
  207. top: 0;
  208. pointer-events: none
  209. }
  210. .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  211. height: 1px;
  212. width: var(--swiper-virtual-size)
  213. }
  214. .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  215. width: 1px;
  216. height: var(--swiper-virtual-size)
  217. }
  218. :root {
  219. --swiper-navigation-size: 44px
  220. }
  221. .swiper-button-next, .swiper-button-prev {
  222. position: absolute;
  223. top: var(--swiper-navigation-top-offset, 50%);
  224. width: calc(var(--swiper-navigation-size) / 44 * 27);
  225. height: var(--swiper-navigation-size);
  226. margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  227. z-index: 10;
  228. cursor: pointer;
  229. display: flex;
  230. align-items: center;
  231. justify-content: center;
  232. color: var(--swiper-navigation-color, var(--swiper-theme-color))
  233. }
  234. .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  235. opacity: .35;
  236. cursor: auto;
  237. pointer-events: none
  238. }
  239. .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  240. opacity: 0;
  241. cursor: auto;
  242. pointer-events: none
  243. }
  244. .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  245. display: none !important
  246. }
  247. .swiper-button-next svg, .swiper-button-prev svg {
  248. width: 100%;
  249. height: 100%;
  250. object-fit: contain;
  251. transform-origin: center
  252. }
  253. .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  254. transform: rotate(180deg)
  255. }
  256. .swiper-button-prev, .swiper-rtl .swiper-button-next {
  257. left: var(--swiper-navigation-sides-offset, 10px);
  258. right: auto
  259. }
  260. .swiper-button-next, .swiper-rtl .swiper-button-prev {
  261. right: var(--swiper-navigation-sides-offset, 10px);
  262. left: auto
  263. }
  264. .swiper-button-lock {
  265. display: none
  266. }
  267. .swiper-button-next:after, .swiper-button-prev:after {
  268. font-family: swiper-icons;
  269. font-size: var(--swiper-navigation-size);
  270. text-transform: none !important;
  271. letter-spacing: 0;
  272. font-variant: initial;
  273. line-height: 1
  274. }
  275. .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  276. content: 'prev'
  277. }
  278. .swiper-button-next, .swiper-rtl .swiper-button-prev {
  279. right: var(--swiper-navigation-sides-offset, 10px);
  280. left: auto
  281. }
  282. .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  283. content: 'next'
  284. }
  285. .swiper-pagination {
  286. position: absolute;
  287. text-align: center;
  288. transition: .3s opacity;
  289. transform: translate3d(0, 0, 0);
  290. z-index: 10
  291. }
  292. .swiper-pagination.swiper-pagination-hidden {
  293. opacity: 0
  294. }
  295. .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  296. display: none !important
  297. }
  298. .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  299. bottom: var(--swiper-pagination-bottom, 8px);
  300. top: var(--swiper-pagination-top, auto);
  301. left: 0;
  302. width: 100%
  303. }
  304. .swiper-pagination-bullets-dynamic {
  305. overflow: hidden;
  306. font-size: 0
  307. }
  308. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  309. transform: scale(.33);
  310. position: relative
  311. }
  312. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  313. transform: scale(1)
  314. }
  315. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  316. transform: scale(1)
  317. }
  318. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  319. transform: scale(.66)
  320. }
  321. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  322. transform: scale(.33)
  323. }
  324. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  325. transform: scale(.66)
  326. }
  327. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  328. transform: scale(.33)
  329. }
  330. .swiper-pagination-bullet {
  331. width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  332. height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  333. display: inline-block;
  334. border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  335. background: var(--swiper-pagination-bullet-inactive-color, #000);
  336. opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
  337. }
  338. button.swiper-pagination-bullet {
  339. border: none;
  340. margin: 0;
  341. padding: 0;
  342. box-shadow: none;
  343. -webkit-appearance: none;
  344. appearance: none
  345. }
  346. .swiper-pagination-clickable .swiper-pagination-bullet {
  347. cursor: pointer
  348. }
  349. .swiper-pagination-bullet:only-child {
  350. display: none !important
  351. }
  352. .swiper-pagination-bullet-active {
  353. opacity: var(--swiper-pagination-bullet-opacity, 1);
  354. background: var(--swiper-pagination-color, var(--swiper-theme-color))
  355. }
  356. .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  357. right: var(--swiper-pagination-right, 8px);
  358. left: var(--swiper-pagination-left, auto);
  359. top: 50%;
  360. transform: translate3d(0px, -50%, 0)
  361. }
  362. .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  363. margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  364. display: block
  365. }
  366. .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  367. top: 50%;
  368. transform: translateY(-50%);
  369. width: 8px
  370. }
  371. .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  372. display: inline-block;
  373. transition: .2s transform, .2s top
  374. }
  375. .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  376. margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
  377. }
  378. .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  379. left: 50%;
  380. transform: translateX(-50%);
  381. white-space: nowrap
  382. }
  383. .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  384. transition: .2s transform, .2s left
  385. }
  386. .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  387. transition: .2s transform, .2s right
  388. }
  389. .swiper-pagination-fraction {
  390. color: var(--swiper-pagination-fraction-color, inherit)
  391. }
  392. .swiper-pagination-progressbar {
  393. background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
  394. position: absolute
  395. }
  396. .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  397. background: var(--swiper-pagination-color, var(--swiper-theme-color));
  398. position: absolute;
  399. left: 0;
  400. top: 0;
  401. width: 100%;
  402. height: 100%;
  403. transform: scale(0);
  404. transform-origin: left top
  405. }
  406. .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  407. transform-origin: right top
  408. }
  409. .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  410. width: 100%;
  411. height: var(--swiper-pagination-progressbar-size, 4px);
  412. left: 0;
  413. top: 0
  414. }
  415. .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  416. width: var(--swiper-pagination-progressbar-size, 4px);
  417. height: 100%;
  418. left: 0;
  419. top: 0
  420. }
  421. .swiper-pagination-lock {
  422. display: none
  423. }
  424. .swiper-scrollbar {
  425. border-radius: var(--swiper-scrollbar-border-radius, 10px);
  426. position: relative;
  427. touch-action: none;
  428. background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
  429. }
  430. .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  431. display: none !important
  432. }
  433. .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  434. position: absolute;
  435. left: var(--swiper-scrollbar-sides-offset, 1%);
  436. bottom: var(--swiper-scrollbar-bottom, 4px);
  437. top: var(--swiper-scrollbar-top, auto);
  438. z-index: 50;
  439. height: var(--swiper-scrollbar-size, 4px);
  440. width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
  441. }
  442. .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  443. position: absolute;
  444. left: var(--swiper-scrollbar-left, auto);
  445. right: var(--swiper-scrollbar-right, 4px);
  446. top: var(--swiper-scrollbar-sides-offset, 1%);
  447. z-index: 50;
  448. width: var(--swiper-scrollbar-size, 4px);
  449. height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
  450. }
  451. .swiper-scrollbar-drag {
  452. height: 100%;
  453. width: 100%;
  454. position: relative;
  455. background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
  456. border-radius: var(--swiper-scrollbar-border-radius, 10px);
  457. left: 0;
  458. top: 0
  459. }
  460. .swiper-scrollbar-cursor-drag {
  461. cursor: move
  462. }
  463. .swiper-scrollbar-lock {
  464. display: none
  465. }
  466. .swiper-zoom-container {
  467. width: 100%;
  468. height: 100%;
  469. display: flex;
  470. justify-content: center;
  471. align-items: center;
  472. text-align: center
  473. }
  474. .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  475. max-width: 100%;
  476. max-height: 100%;
  477. object-fit: contain
  478. }
  479. .swiper-slide-zoomed {
  480. cursor: move;
  481. touch-action: none
  482. }
  483. .swiper .swiper-notification {
  484. position: absolute;
  485. left: 0;
  486. top: 0;
  487. pointer-events: none;
  488. opacity: 0;
  489. z-index: -1000
  490. }
  491. .swiper-free-mode > .swiper-wrapper {
  492. transition-timing-function: ease-out;
  493. margin: 0 auto
  494. }
  495. .swiper-grid > .swiper-wrapper {
  496. flex-wrap: wrap
  497. }
  498. .swiper-grid-column > .swiper-wrapper {
  499. flex-wrap: wrap;
  500. flex-direction: column
  501. }
  502. .swiper-fade.swiper-free-mode .swiper-slide {
  503. transition-timing-function: ease-out
  504. }
  505. .swiper-fade .swiper-slide {
  506. pointer-events: none;
  507. transition-property: opacity
  508. }
  509. .swiper-fade .swiper-slide .swiper-slide {
  510. pointer-events: none
  511. }
  512. .swiper-fade .swiper-slide-active {
  513. pointer-events: auto
  514. }
  515. .swiper-fade .swiper-slide-active .swiper-slide-active {
  516. pointer-events: auto
  517. }
  518. .swiper.swiper-cube {
  519. overflow: visible
  520. }
  521. .swiper-cube .swiper-slide {
  522. pointer-events: none;
  523. -webkit-backface-visibility: hidden;
  524. backface-visibility: hidden;
  525. z-index: 1;
  526. visibility: hidden;
  527. transform-origin: 0 0;
  528. width: 100%;
  529. height: 100%
  530. }
  531. .swiper-cube .swiper-slide .swiper-slide {
  532. pointer-events: none
  533. }
  534. .swiper-cube.swiper-rtl .swiper-slide {
  535. transform-origin: 100% 0
  536. }
  537. .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  538. pointer-events: auto
  539. }
  540. .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  541. pointer-events: auto;
  542. visibility: visible
  543. }
  544. .swiper-cube .swiper-cube-shadow {
  545. position: absolute;
  546. left: 0;
  547. bottom: 0px;
  548. width: 100%;
  549. height: 100%;
  550. opacity: .6;
  551. z-index: 0
  552. }
  553. .swiper-cube .swiper-cube-shadow:before {
  554. content: '';
  555. background: #000;
  556. position: absolute;
  557. left: 0;
  558. top: 0;
  559. bottom: 0;
  560. right: 0;
  561. filter: blur(50px)
  562. }
  563. .swiper-cube .swiper-slide-next + .swiper-slide {
  564. pointer-events: auto;
  565. visibility: visible
  566. }
  567. .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  568. z-index: 0;
  569. -webkit-backface-visibility: hidden;
  570. backface-visibility: hidden
  571. }
  572. .swiper.swiper-flip {
  573. overflow: visible
  574. }
  575. .swiper-flip .swiper-slide {
  576. pointer-events: none;
  577. -webkit-backface-visibility: hidden;
  578. backface-visibility: hidden;
  579. z-index: 1
  580. }
  581. .swiper-flip .swiper-slide .swiper-slide {
  582. pointer-events: none
  583. }
  584. .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  585. pointer-events: auto
  586. }
  587. .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  588. z-index: 0;
  589. -webkit-backface-visibility: hidden;
  590. backface-visibility: hidden
  591. }
  592. .swiper-creative .swiper-slide {
  593. -webkit-backface-visibility: hidden;
  594. backface-visibility: hidden;
  595. overflow: hidden;
  596. transition-property: transform, opacity, height
  597. }
  598. .swiper.swiper-cards {
  599. overflow: visible
  600. }
  601. .swiper-cards .swiper-slide {
  602. transform-origin: center bottom;
  603. -webkit-backface-visibility: hidden;
  604. backface-visibility: hidden;
  605. overflow: hidden
  606. }