7.8 kBSCSSView Raw
1/**
2 * Swiper 10.0.4
3 * Most modern mobile touch slider and framework with hardware accelerated transitions
4 * https://swiperjs.com
5 *
6 * Copyright 2014-2023 Vladimir Kharlampidi
7 *
8 * Released under the MIT License
9 *
10 * Released on: July 8, 2023
11 */
12
13@import 'swiper-vars.scss';
14@at-root {
15 @font-face {
16 font-family: 'swiper-icons';
17 src: url('data:application/font-woff;charset=utf-8;base64, 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')
18 format('woff');
19 font-weight: 400;
20 font-style: normal;
21 }
22}
23@at-root {
24 :root {
25 --swiper-theme-color: #{$themeColor};
26 /*
27 --swiper-preloader-color: var(--swiper-theme-color);
28 --swiper-wrapper-transition-timing-function: initial;
29 */
30 }
31}
32:host {
33 position: relative;
34 display: block;
35 margin-left: auto;
36 margin-right: auto;
37 z-index: 1;
38}
39.swiper {
40 margin-left: auto;
41 margin-right: auto;
42 position: relative;
43 overflow: hidden;
44 overflow: clip;
45 list-style: none;
46 padding: 0;
47 /* Fix of Webkit flickering */
48 z-index: 1;
49 display: block;
50}
51.swiper-vertical > .swiper-wrapper {
52 flex-direction: column;
53}
54.swiper-wrapper {
55 position: relative;
56 width: 100%;
57 height: 100%;
58 z-index: 1;
59 display: flex;
60 transition-property: transform;
61 transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
62 box-sizing: content-box;
63}
64.swiper-android .swiper-slide,
65.swiper-ios .swiper-slide,
66.swiper-wrapper {
67 transform: translate3d(0px, 0, 0);
68}
69.swiper-horizontal {
70 touch-action: pan-y;
71}
72.swiper-vertical {
73 touch-action: pan-x;
74}
75.swiper-slide {
76 flex-shrink: 0;
77 width: 100%;
78 height: 100%;
79 position: relative;
80 transition-property: transform;
81 display: block;
82}
83.swiper-slide-invisible-blank {
84 visibility: hidden;
85}
86/* Auto Height */
87.swiper-autoheight,
88.swiper-autoheight .swiper-slide {
89 height: auto;
90}
91.swiper-autoheight .swiper-wrapper {
92 align-items: flex-start;
93 transition-property: transform, height;
94}
95.swiper-backface-hidden .swiper-slide {
96 transform: translateZ(0);
97 backface-visibility: hidden;
98}
99/* 3D Effects */
100.swiper-3d.swiper-css-mode .swiper-wrapper {
101 perspective: 1200px;
102}
103.swiper-3d .swiper-wrapper {
104 transform-style: preserve-3d;
105}
106.swiper-3d {
107 perspective: 1200px;
108 .swiper-slide,
109 .swiper-cube-shadow {
110 transform-style: preserve-3d;
111 }
112}
113
114/* CSS Mode */
115.swiper-css-mode {
116 > .swiper-wrapper {
117 overflow: auto;
118 scrollbar-width: none; /* For Firefox */
119 -ms-overflow-style: none; /* For Internet Explorer and Edge */
120 &::-webkit-scrollbar {
121 display: none;
122 }
123 }
124 > .swiper-wrapper > .swiper-slide {
125 scroll-snap-align: start start;
126 }
127 &.swiper-horizontal {
128 > .swiper-wrapper {
129 scroll-snap-type: x mandatory;
130 }
131 }
132 &.swiper-vertical {
133 > .swiper-wrapper {
134 scroll-snap-type: y mandatory;
135 }
136 }
137 &.swiper-free-mode {
138 > .swiper-wrapper {
139 scroll-snap-type: none;
140 }
141 > .swiper-wrapper > .swiper-slide {
142 scroll-snap-align: none;
143 }
144 }
145 &.swiper-centered {
146 > .swiper-wrapper::before {
147 content: '';
148 flex-shrink: 0;
149 order: 9999;
150 }
151 > .swiper-wrapper > .swiper-slide {
152 scroll-snap-align: center center;
153 scroll-snap-stop: always;
154 }
155 }
156 &.swiper-centered.swiper-horizontal {
157 > .swiper-wrapper > .swiper-slide:first-child {
158 margin-inline-start: var(--swiper-centered-offset-before);
159 }
160 > .swiper-wrapper::before {
161 height: 100%;
162 min-height: 1px;
163 width: var(--swiper-centered-offset-after);
164 }
165 }
166 &.swiper-centered.swiper-vertical {
167 > .swiper-wrapper > .swiper-slide:first-child {
168 margin-block-start: var(--swiper-centered-offset-before);
169 }
170 > .swiper-wrapper::before {
171 width: 100%;
172 min-width: 1px;
173 height: var(--swiper-centered-offset-after);
174 }
175 }
176}
177
178/* Slide styles start */
179/* 3D Shadows */
180.swiper-3d {
181 .swiper-slide-shadow,
182 .swiper-slide-shadow-left,
183 .swiper-slide-shadow-right,
184 .swiper-slide-shadow-top,
185 .swiper-slide-shadow-bottom,
186 .swiper-slide-shadow,
187 .swiper-slide-shadow-left,
188 .swiper-slide-shadow-right,
189 .swiper-slide-shadow-top,
190 .swiper-slide-shadow-bottom {
191 position: absolute;
192 left: 0;
193 top: 0;
194 width: 100%;
195 height: 100%;
196 pointer-events: none;
197 z-index: 10;
198 }
199 .swiper-slide-shadow {
200 background: rgba(0, 0, 0, 0.15);
201 }
202 .swiper-slide-shadow-left {
203 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
204 }
205 .swiper-slide-shadow-right {
206 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
207 }
208 .swiper-slide-shadow-top {
209 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
210 }
211 .swiper-slide-shadow-bottom {
212 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
213 }
214}
215.swiper-lazy-preloader {
216 width: 42px;
217 height: 42px;
218 position: absolute;
219 left: 50%;
220 top: 50%;
221 margin-left: -21px;
222 margin-top: -21px;
223 z-index: 10;
224 transform-origin: 50%;
225 box-sizing: border-box;
226 border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
227 border-radius: 50%;
228 border-top-color: transparent;
229}
230.swiper:not(.swiper-watch-progress),
231.swiper-watch-progress .swiper-slide-visible {
232 .swiper-lazy-preloader {
233 animation: swiper-preloader-spin 1s infinite linear;
234 }
235}
236.swiper-lazy-preloader-white {
237 --swiper-preloader-color: #fff;
238}
239.swiper-lazy-preloader-black {
240 --swiper-preloader-color: #000;
241}
242@keyframes swiper-preloader-spin {
243 0% {
244 transform: rotate(0deg);
245 }
246 100% {
247 transform: rotate(360deg);
248 }
249}
250/* Slide styles end */
251
252
253