@itcase/ui 1.1.17 → 1.1.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/dist/css/components/Accordion/Accordion.css +87 -11
  2. package/dist/css/components/Avatar/Avatar.css +102 -7
  3. package/dist/css/components/Badge/Badge.css +66 -8
  4. package/dist/css/components/Button/Button.css +335 -16
  5. package/dist/css/components/Caption/Caption.css +22 -4
  6. package/dist/css/components/Card/Card.css +18 -3
  7. package/dist/css/components/Cell/Cell.css +119 -13
  8. package/dist/css/components/Checkbox/Checkbox.css +95 -5
  9. package/dist/css/components/Chips/Chips.css +59 -5
  10. package/dist/css/components/Choice/Choice.css +84 -6
  11. package/dist/css/components/Choice/css/__item/choice__item.css +0 -2
  12. package/dist/css/components/Code/Code.css +38 -6
  13. package/dist/css/components/ContextMenu/ContextMenu.css +36 -5
  14. package/dist/css/components/ContextMenu/css/__item/context-menu__item.css +0 -2
  15. package/dist/css/components/CookiesWarning/CookiesWarning.css +36 -2
  16. package/dist/css/components/DadataHintField/DadataHintField.css +36 -6
  17. package/dist/css/components/DatePicker/DatePicker.css +1175 -8
  18. package/dist/css/components/Divider/Divider.css +48 -6
  19. package/dist/css/components/Dot/Dot.css +25 -5
  20. package/dist/css/components/Drawer/Drawer.css +52 -4
  21. package/dist/css/components/Dropdown/Dropdown.css +129 -13
  22. package/dist/css/components/Flex/Flex.css +178 -17
  23. package/dist/css/components/Flex/css/__item/flex__item.css +0 -2
  24. package/dist/css/components/Flex/css/__item/flex__item_align.css +0 -2
  25. package/dist/css/components/Flex/css/__item/flex__item_direction.css +0 -2
  26. package/dist/css/components/Flex/css/__item/flex__item_grow.css +0 -2
  27. package/dist/css/components/Flex/css/__item/flex__item_justify-content.css +0 -2
  28. package/dist/css/components/Flex/css/__item/flex__item_shape.css +0 -2
  29. package/dist/css/components/Flex/css/__item/flex__item_wrap.css +0 -2
  30. package/dist/css/components/Grid/Grid.css +218 -22
  31. package/dist/css/components/Grid/css/__item/grid__item.css +0 -2
  32. package/dist/css/components/Grid/css/__item/grid__item_align-self.css +0 -2
  33. package/dist/css/components/Grid/css/__item/grid__item_column.css +0 -2
  34. package/dist/css/components/Grid/css/__item/grid__item_justify-self.css +0 -2
  35. package/dist/css/components/Grid/css/__item/grid__item_row.css +0 -2
  36. package/dist/css/components/Grid/css/__row/grid__row.css +0 -2
  37. package/dist/css/components/Group/Group.css +94 -9
  38. package/dist/css/components/HTMLContent/HTMLContent.css +98 -7
  39. package/dist/css/components/Icon/Icon.css +123 -12
  40. package/dist/css/components/Image/Image.css +132 -9
  41. package/dist/css/components/Input/Input.css +85 -6
  42. package/dist/css/components/InputMask/Input.css +77 -6
  43. package/dist/css/components/InputPassword/InputPassword.css +68 -5
  44. package/dist/css/components/Label/Label.css +83 -8
  45. package/dist/css/components/Link/Link.css +32 -5
  46. package/dist/css/components/List/List.css +112 -9
  47. package/dist/css/components/Loader/Loader.css +44 -4
  48. package/dist/css/components/Logo/Logo.css +55 -7
  49. package/dist/css/components/Menu/Menu.css +56 -6
  50. package/dist/css/components/MenuItem/MenuItem.css +81 -9
  51. package/dist/css/components/Modal/Modal.css +39 -5
  52. package/dist/css/components/Notification/Notification.css +143 -11
  53. package/dist/css/components/Notification/css/__item/notification__item_set_float.css +0 -2
  54. package/dist/css/components/Notification/css/__item/notification__item_set_form.css +0 -2
  55. package/dist/css/components/Notification/css/__item/notification__item_set_toast.css +0 -2
  56. package/dist/css/components/Notification/css/__item/notification__item_set_top.css +0 -2
  57. package/dist/css/components/Notification/css/__item/notification__item_status.css +0 -2
  58. package/dist/css/components/Notification/css/__item/notification__item_type_close-button.css +0 -2
  59. package/dist/css/components/Overlay/Overlay.css +43 -5
  60. package/dist/css/components/Page/Page.css +8 -3
  61. package/dist/css/components/Pagination/Pagination.css +107 -8
  62. package/dist/css/components/Pagination/css/__item/pagination__item.css +0 -2
  63. package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css +0 -2
  64. package/dist/css/components/Pagination/css/__item/pagination__item_state_disabled.css +0 -2
  65. package/dist/css/components/Panel/Panel.css +107 -10
  66. package/dist/css/components/Radio/Radio.css +113 -6
  67. package/dist/css/components/RangeSlider/RangeSlider.css +418 -15
  68. package/dist/css/components/Response/Response.css +29 -4
  69. package/dist/css/components/SVGContent/SVGContent.css +2 -3
  70. package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +30 -2
  71. package/dist/css/components/Scrollbar/Scrollbar.css +58 -3
  72. package/dist/css/components/Search/Search.css +114 -10
  73. package/dist/css/components/Search/css/search-input/search-input.css +0 -2
  74. package/dist/css/components/Search/css/search-input/search-input_shape.css +0 -2
  75. package/dist/css/components/Search/css/search-input/search-input_size.css +0 -2
  76. package/dist/css/components/Search/css/search-result/search-result.css +0 -2
  77. package/dist/css/components/Search/css/search-result/search-result_shape.css +0 -2
  78. package/dist/css/components/Segmented/Segmented.css +117 -6
  79. package/dist/css/components/Select/Select.css +373 -22
  80. package/dist/css/components/Select/css/__control/select__control.css +0 -2
  81. package/dist/css/components/Select/css/__control/select__control_fill.css +0 -2
  82. package/dist/css/components/Select/css/__control/select__control_shape.css +0 -2
  83. package/dist/css/components/Select/css/__indicators/select__indicators.css +0 -2
  84. package/dist/css/components/Select/css/__input-container/select__input-container.css +0 -2
  85. package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css +0 -2
  86. package/dist/css/components/Select/css/__menu/select__menu-notice.css +0 -2
  87. package/dist/css/components/Select/css/__menu/select__menu.css +0 -2
  88. package/dist/css/components/Select/css/__multi-value/select__multi-value.css +0 -2
  89. package/dist/css/components/Select/css/__option/select__option.css +0 -2
  90. package/dist/css/components/Select/css/__placeholder/select__placeholder.css +0 -2
  91. package/dist/css/components/Select/css/__single-value/select__single-value.css +0 -2
  92. package/dist/css/components/Select/css/__value-container/select__value-container.css +0 -2
  93. package/dist/css/components/SiteMenu/SiteMenu.css +37 -3
  94. package/dist/css/components/Swiper/Swiper.css +973 -7
  95. package/dist/css/components/Swiper/css/__item/swiper-block__item.css +0 -2
  96. package/dist/css/components/Switch/Switch.css +68 -5
  97. package/dist/css/components/Tab/Tab.css +69 -9
  98. package/dist/css/components/Text/Text.css +57 -6
  99. package/dist/css/components/Textarea/Textarea.css +40 -5
  100. package/dist/css/components/Tile/Tile.css +47 -6
  101. package/dist/css/components/Title/Title.css +59 -7
  102. package/dist/css/components/Tooltip/Tooltip.css +121 -9
  103. package/dist/css/components/Video/Video.css +37 -7
  104. package/dist/css/components/Wrapper/Wrapper.css +35 -4
  105. package/dist/css/styles/align/align.css +0 -2
  106. package/dist/css/styles/align/align_horizontal-reverse.css +0 -2
  107. package/dist/css/styles/align/align_horizontal.css +0 -2
  108. package/dist/css/styles/align/align_vertical-reverse.css +0 -2
  109. package/dist/css/styles/align/align_vertical.css +0 -2
  110. package/dist/css/styles/alignment/alignment.css +0 -2
  111. package/dist/css/styles/border-color/border-color.css +0 -2
  112. package/dist/css/styles/border-color/border-color_focus.css +0 -2
  113. package/dist/css/styles/border-color/border-color_hover.css +0 -2
  114. package/dist/css/styles/border-type/border-type.css +0 -2
  115. package/dist/css/styles/border-width/border-width.css +0 -2
  116. package/dist/css/styles/caret-color/caret-color.css +0 -2
  117. package/dist/css/styles/column-gap/column-gap.css +0 -2
  118. package/dist/css/styles/constraints/constraints.css +0 -2
  119. package/dist/css/styles/cursor/cursor.css +0 -2
  120. package/dist/css/styles/direction/direction.css +0 -2
  121. package/dist/css/styles/elevation/elevation.css +0 -2
  122. package/dist/css/styles/elevation/elevation_hover.css +0 -2
  123. package/dist/css/styles/fill/fill.css +0 -2
  124. package/dist/css/styles/fill/fill_active.css +0 -2
  125. package/dist/css/styles/fill/fill_active_hover.css +0 -2
  126. package/dist/css/styles/fill/fill_disabled.css +0 -2
  127. package/dist/css/styles/fill/fill_hover.css +0 -2
  128. package/dist/css/styles/fill-gradient/fill-gradient.css +0 -2
  129. package/dist/css/styles/flex/flex-grow.css +0 -2
  130. package/dist/css/styles/gap/gap.css +0 -2
  131. package/dist/css/styles/height/height.css +0 -2
  132. package/dist/css/styles/hover/hover-fill-color.css +0 -2
  133. package/dist/css/styles/hover/hover-item-color.css +0 -2
  134. package/dist/css/styles/hover/hover-text-color.css +0 -2
  135. package/dist/css/styles/justify-content/justify-content.css +0 -2
  136. package/dist/css/styles/mediaqueries.css +24 -2
  137. package/dist/css/styles/mixin_elevation.css +0 -2
  138. package/dist/css/styles/mixin_fill-gradient.css +0 -2
  139. package/dist/css/styles/mixin_global.css +0 -2
  140. package/dist/css/styles/opacity/opacity.css +0 -2
  141. package/dist/css/styles/placeholder-text-color/placeholder-text-color.css +0 -2
  142. package/dist/css/styles/position/position.css +0 -2
  143. package/dist/css/styles/resize-horizontal/resize-horizontal.css +0 -2
  144. package/dist/css/styles/resize-vertical/resize-vertical.css +0 -2
  145. package/dist/css/styles/row-gap/row-gap.css +0 -2
  146. package/dist/css/styles/shape/shape.css +0 -2
  147. package/dist/css/styles/svg-color/svg_fill.css +1 -2
  148. package/dist/css/styles/svg-color/svg_fill_hover.css +0 -2
  149. package/dist/css/styles/text-align/text-align.css +0 -2
  150. package/dist/css/styles/text-color/text-color.css +0 -2
  151. package/dist/css/styles/text-color/text-color_active.css +0 -2
  152. package/dist/css/styles/text-color/text-color_hover.css +0 -2
  153. package/dist/css/styles/text-decoration/text-decoration.css +0 -2
  154. package/dist/css/styles/text-gradient/text-gradient.css +0 -2
  155. package/dist/css/styles/text-style/text-style.css +0 -2
  156. package/dist/css/styles/text-truncate/text-truncate.css +0 -2
  157. package/dist/css/styles/text-weight/text-weight.css +0 -2
  158. package/dist/css/styles/width/width.css +0 -2
  159. package/dist/css/styles/word-wrap/word-wrap.css +0 -2
  160. package/package.json +5 -5
@@ -1,13 +1,979 @@
1
- @import 'swiper/swiper-bundle.css';
1
+ /**
2
+ * Swiper 11.1.8
3
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
4
+ * https://swiperjs.com
5
+ *
6
+ * Copyright 2014-2024 Vladimir Kharlampidi
7
+ *
8
+ * Released under the MIT License
9
+ *
10
+ * Released on: July 26, 2024
11
+ */
2
12
 
3
- @import './css/__item/swiper-block__item.css';
13
+ /* FONT_START */
4
14
 
5
- @import './css/swiper-block_type_auto.css';
6
- @import './css/swiper-block_type_step.css';
15
+ @font-face {
16
+ font-family: 'swiper-icons';
17
+ src: url('data:application/font-woff;charset=utf-8;base64, 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');
18
+ font-weight: 400;
19
+ font-style: normal;
20
+ }
7
21
 
8
- @import './css/swiper-block.css';
22
+ /* FONT_END */
9
23
 
10
- @import './css/swiper-pagination.css';
24
+ :root {
25
+ --swiper-theme-color: #007aff;
26
+ /*
27
+ --swiper-preloader-color: var(--swiper-theme-color);
28
+ --swiper-wrapper-transition-timing-function: initial;
29
+ */
30
+ }
11
31
 
32
+ :host {
33
+ position: relative;
34
+ display: block;
35
+ margin-left: auto;
36
+ margin-right: auto;
37
+ z-index: 1;
38
+ }
39
+
40
+ .swiper {
41
+ margin-left: auto;
42
+ margin-right: auto;
43
+ position: relative;
44
+ overflow: hidden;
45
+ list-style: none;
46
+ padding: 0;
47
+ /* Fix of Webkit flickering */
48
+ z-index: 1;
49
+ display: block;
50
+ }
51
+
52
+ .swiper-vertical > .swiper-wrapper {
53
+ flex-direction: column;
54
+ }
55
+
56
+ .swiper-wrapper {
57
+ position: relative;
58
+ width: 100%;
59
+ height: 100%;
60
+ z-index: 1;
61
+ display: flex;
62
+ transition-property: transform;
63
+ transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
64
+ box-sizing: content-box;
65
+ }
66
+
67
+ .swiper-android .swiper-slide,
68
+ .swiper-ios .swiper-slide,
69
+ .swiper-wrapper {
70
+ transform: translate3d(0px, 0, 0);
71
+ }
72
+
73
+ .swiper-horizontal {
74
+ touch-action: pan-y;
75
+ }
76
+
77
+ .swiper-vertical {
78
+ touch-action: pan-x;
79
+ }
80
+
81
+ .swiper-slide {
82
+ flex-shrink: 0;
83
+ width: 100%;
84
+ height: 100%;
85
+ position: relative;
86
+ transition-property: transform;
87
+ display: block;
88
+ }
89
+
90
+ .swiper-slide-invisible-blank {
91
+ visibility: hidden;
92
+ }
93
+
94
+ /* Auto Height */
95
+
96
+ .swiper-autoheight,
97
+ .swiper-autoheight .swiper-slide {
98
+ height: auto;
99
+ }
100
+
101
+ .swiper-autoheight .swiper-wrapper {
102
+ align-items: flex-start;
103
+ transition-property: transform, height;
104
+ }
105
+
106
+ .swiper-backface-hidden .swiper-slide {
107
+ transform: translateZ(0);
108
+ -webkit-backface-visibility: hidden;
109
+ backface-visibility: hidden;
110
+ }
111
+
112
+ /* 3D Effects */
113
+
114
+ .swiper-3d.swiper-css-mode .swiper-wrapper {
115
+ perspective: 1200px;
116
+ }
117
+
118
+ .swiper-3d .swiper-wrapper {
119
+ transform-style: preserve-3d;
120
+ }
121
+
122
+ .swiper-3d {
123
+ perspective: 1200px;
124
+ }
125
+
126
+ .swiper-3d .swiper-slide,
127
+ .swiper-3d .swiper-cube-shadow {
128
+ transform-style: preserve-3d;
129
+ }
130
+
131
+ /* CSS Mode */
132
+
133
+ .swiper-css-mode > .swiper-wrapper {
134
+ overflow: auto;
135
+ scrollbar-width: none;
136
+ /* For Firefox */
137
+ -ms-overflow-style: none;
138
+ /* For Internet Explorer and Edge */
139
+ }
140
+
141
+ .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
142
+ display: none;
143
+ }
144
+
145
+ .swiper-css-mode > .swiper-wrapper > .swiper-slide {
146
+ scroll-snap-align: start start;
147
+ }
148
+
149
+ .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
150
+ scroll-snap-type: x mandatory;
151
+ }
152
+
153
+ .swiper-css-mode.swiper-vertical > .swiper-wrapper {
154
+ scroll-snap-type: y mandatory;
155
+ }
156
+
157
+ .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
158
+ scroll-snap-type: none;
159
+ }
160
+
161
+ .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
162
+ scroll-snap-align: none;
163
+ }
164
+
165
+ .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
166
+ content: '';
167
+ flex-shrink: 0;
168
+ order: 9999;
169
+ }
170
+
171
+ .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
172
+ scroll-snap-align: center center;
173
+ scroll-snap-stop: always;
174
+ }
175
+
176
+ .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
177
+ margin-inline-start: var(--swiper-centered-offset-before);
178
+ }
179
+
180
+ .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
181
+ height: 100%;
182
+ min-height: 1px;
183
+ width: var(--swiper-centered-offset-after);
184
+ }
185
+
186
+ .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
187
+ margin-block-start: var(--swiper-centered-offset-before);
188
+ }
189
+
190
+ .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
191
+ width: 100%;
192
+ min-width: 1px;
193
+ height: var(--swiper-centered-offset-after);
194
+ }
195
+
196
+ /* Slide styles start */
197
+
198
+ /* 3D Shadows */
199
+
200
+ .swiper-3d .swiper-slide-shadow,
201
+ .swiper-3d .swiper-slide-shadow-left,
202
+ .swiper-3d .swiper-slide-shadow-right,
203
+ .swiper-3d .swiper-slide-shadow-top,
204
+ .swiper-3d .swiper-slide-shadow-bottom,
205
+ .swiper-3d .swiper-slide-shadow,
206
+ .swiper-3d .swiper-slide-shadow-left,
207
+ .swiper-3d .swiper-slide-shadow-right,
208
+ .swiper-3d .swiper-slide-shadow-top,
209
+ .swiper-3d .swiper-slide-shadow-bottom {
210
+ position: absolute;
211
+ left: 0;
212
+ top: 0;
213
+ width: 100%;
214
+ height: 100%;
215
+ pointer-events: none;
216
+ z-index: 10;
217
+ }
218
+
219
+ .swiper-3d .swiper-slide-shadow {
220
+ background: rgba(0, 0, 0, 0.15);
221
+ }
222
+
223
+ .swiper-3d .swiper-slide-shadow-left {
224
+ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
225
+ }
226
+
227
+ .swiper-3d .swiper-slide-shadow-right {
228
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
229
+ }
230
+
231
+ .swiper-3d .swiper-slide-shadow-top {
232
+ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
233
+ }
234
+
235
+ .swiper-3d .swiper-slide-shadow-bottom {
236
+ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
237
+ }
238
+
239
+ .swiper-lazy-preloader {
240
+ width: 42px;
241
+ height: 42px;
242
+ position: absolute;
243
+ left: 50%;
244
+ top: 50%;
245
+ margin-left: -21px;
246
+ margin-top: -21px;
247
+ z-index: 10;
248
+ transform-origin: 50%;
249
+ box-sizing: border-box;
250
+ border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
251
+ border-radius: 50%;
252
+ border-top-color: transparent;
253
+ }
254
+
255
+ .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
256
+ .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
257
+ animation: swiper-preloader-spin 1s infinite linear;
258
+ }
259
+
260
+ .swiper-lazy-preloader-white {
261
+ --swiper-preloader-color: #fff;
262
+ }
263
+
264
+ .swiper-lazy-preloader-black {
265
+ --swiper-preloader-color: #000;
266
+ }
267
+
268
+ @keyframes swiper-preloader-spin {
269
+ 0% {
270
+ transform: rotate(0deg);
271
+ }
272
+ 100% {
273
+ transform: rotate(360deg);
274
+ }
275
+ }
276
+
277
+ /* Slide styles end */
278
+
279
+ .swiper-virtual .swiper-slide {
280
+ -webkit-backface-visibility: hidden;
281
+ transform: translateZ(0);
282
+ }
283
+
284
+ .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
285
+ content: '';
286
+ position: absolute;
287
+ left: 0;
288
+ top: 0;
289
+ pointer-events: none;
290
+ }
291
+
292
+ .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
293
+ height: 1px;
294
+ width: var(--swiper-virtual-size);
295
+ }
296
+
297
+ .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
298
+ width: 1px;
299
+ height: var(--swiper-virtual-size);
300
+ }
301
+
302
+ :root {
303
+ --swiper-navigation-size: 44px;
304
+ /*
305
+ --swiper-navigation-top-offset: 50%;
306
+ --swiper-navigation-sides-offset: 10px;
307
+ --swiper-navigation-color: var(--swiper-theme-color);
308
+ */
309
+ }
310
+
311
+ .swiper-button-prev,
312
+ .swiper-button-next {
313
+ position: absolute;
314
+ top: var(--swiper-navigation-top-offset, 50%);
315
+ width: calc(var(--swiper-navigation-size) / 44 * 27);
316
+ height: var(--swiper-navigation-size);
317
+ margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
318
+ z-index: 10;
319
+ cursor: pointer;
320
+ display: flex;
321
+ align-items: center;
322
+ justify-content: center;
323
+ color: var(--swiper-navigation-color, var(--swiper-theme-color));
324
+ }
325
+
326
+ .swiper-button-prev.swiper-button-disabled,
327
+ .swiper-button-next.swiper-button-disabled {
328
+ opacity: 0.35;
329
+ cursor: auto;
330
+ pointer-events: none;
331
+ }
332
+
333
+ .swiper-button-prev.swiper-button-hidden,
334
+ .swiper-button-next.swiper-button-hidden {
335
+ opacity: 0;
336
+ cursor: auto;
337
+ pointer-events: none;
338
+ }
339
+
340
+ .swiper-navigation-disabled .swiper-button-prev,
341
+ .swiper-navigation-disabled .swiper-button-next {
342
+ display: none !important;
343
+ }
344
+
345
+ .swiper-button-prev svg,
346
+ .swiper-button-next svg {
347
+ width: 100%;
348
+ height: 100%;
349
+ object-fit: contain;
350
+ transform-origin: center;
351
+ }
352
+
353
+ .swiper-rtl .swiper-button-prev svg,
354
+ .swiper-rtl .swiper-button-next svg {
355
+ transform: rotate(180deg);
356
+ }
357
+
358
+ .swiper-button-prev,
359
+ .swiper-rtl .swiper-button-next {
360
+ left: var(--swiper-navigation-sides-offset, 10px);
361
+ right: auto;
362
+ }
363
+
364
+ .swiper-button-next,
365
+ .swiper-rtl .swiper-button-prev {
366
+ right: var(--swiper-navigation-sides-offset, 10px);
367
+ left: auto;
368
+ }
369
+
370
+ .swiper-button-lock {
371
+ display: none;
372
+ }
373
+
374
+ /* Navigation font start */
375
+
376
+ .swiper-button-prev:after,
377
+ .swiper-button-next:after {
378
+ font-family: swiper-icons;
379
+ font-size: var(--swiper-navigation-size);
380
+ text-transform: none !important;
381
+ letter-spacing: 0;
382
+ font-variant: initial;
383
+ line-height: 1;
384
+ }
385
+
386
+ .swiper-button-prev:after,
387
+ .swiper-rtl .swiper-button-next:after {
388
+ content: 'prev';
389
+ }
390
+
391
+ .swiper-button-next,
392
+ .swiper-rtl .swiper-button-prev {
393
+ right: var(--swiper-navigation-sides-offset, 10px);
394
+ left: auto;
395
+ }
396
+
397
+ .swiper-button-next:after,
398
+ .swiper-rtl .swiper-button-prev:after {
399
+ content: 'next';
400
+ }
401
+
402
+ /* Navigation font end */
403
+
404
+ :root {
405
+ /*
406
+ --swiper-pagination-color: var(--swiper-theme-color);
407
+ --swiper-pagination-left: auto;
408
+ --swiper-pagination-right: 8px;
409
+ --swiper-pagination-bottom: 8px;
410
+ --swiper-pagination-top: auto;
411
+ --swiper-pagination-fraction-color: inherit;
412
+ --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
413
+ --swiper-pagination-progressbar-size: 4px;
414
+ --swiper-pagination-bullet-size: 8px;
415
+ --swiper-pagination-bullet-width: 8px;
416
+ --swiper-pagination-bullet-height: 8px;
417
+ --swiper-pagination-bullet-border-radius: 50%;
418
+ --swiper-pagination-bullet-inactive-color: #000;
419
+ --swiper-pagination-bullet-inactive-opacity: 0.2;
420
+ --swiper-pagination-bullet-opacity: 1;
421
+ --swiper-pagination-bullet-horizontal-gap: 4px;
422
+ --swiper-pagination-bullet-vertical-gap: 6px;
423
+ */
424
+ }
425
+
426
+ .swiper-pagination {
427
+ position: absolute;
428
+ text-align: center;
429
+ transition: 300ms opacity;
430
+ transform: translate3d(0, 0, 0);
431
+ z-index: 10;
432
+ }
433
+
434
+ .swiper-pagination.swiper-pagination-hidden {
435
+ opacity: 0;
436
+ }
437
+
438
+ .swiper-pagination-disabled > .swiper-pagination,
439
+ .swiper-pagination.swiper-pagination-disabled {
440
+ display: none !important;
441
+ }
442
+
443
+ /* Common Styles */
444
+
445
+ .swiper-pagination-fraction,
446
+ .swiper-pagination-custom,
447
+ .swiper-horizontal > .swiper-pagination-bullets,
448
+ .swiper-pagination-bullets.swiper-pagination-horizontal {
449
+ bottom: var(--swiper-pagination-bottom, 8px);
450
+ top: var(--swiper-pagination-top, auto);
451
+ left: 0;
452
+ width: 100%;
453
+ }
454
+
455
+ /* Bullets */
456
+
457
+ .swiper-pagination-bullets-dynamic {
458
+ overflow: hidden;
459
+ font-size: 0;
460
+ }
461
+
462
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
463
+ transform: scale(0.33);
464
+ position: relative;
465
+ }
466
+
467
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
468
+ transform: scale(1);
469
+ }
470
+
471
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
472
+ transform: scale(1);
473
+ }
474
+
475
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
476
+ transform: scale(0.66);
477
+ }
478
+
479
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
480
+ transform: scale(0.33);
481
+ }
482
+
483
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
484
+ transform: scale(0.66);
485
+ }
486
+
487
+ .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
488
+ transform: scale(0.33);
489
+ }
490
+
491
+ .swiper-pagination-bullet {
492
+ width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
493
+ height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
494
+ display: inline-block;
495
+ border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
496
+ background: var(--swiper-pagination-bullet-inactive-color, #000);
497
+ opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
498
+ }
499
+
500
+ button.swiper-pagination-bullet {
501
+ border: none;
502
+ margin: 0;
503
+ padding: 0;
504
+ box-shadow: none;
505
+ -webkit-appearance: none;
506
+ appearance: none;
507
+ }
508
+
509
+ .swiper-pagination-clickable .swiper-pagination-bullet {
510
+ cursor: pointer;
511
+ }
512
+
513
+ .swiper-pagination-bullet:only-child {
514
+ display: none !important;
515
+ }
516
+
517
+ .swiper-pagination-bullet-active {
518
+ opacity: var(--swiper-pagination-bullet-opacity, 1);
519
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
520
+ }
521
+
522
+ .swiper-vertical > .swiper-pagination-bullets,
523
+ .swiper-pagination-vertical.swiper-pagination-bullets {
524
+ right: var(--swiper-pagination-right, 8px);
525
+ left: var(--swiper-pagination-left, auto);
526
+ top: 50%;
527
+ transform: translate3d(0px, -50%, 0);
528
+ }
529
+
530
+ .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
531
+ .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
532
+ margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
533
+ display: block;
534
+ }
535
+
536
+ .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
537
+ .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
538
+ top: 50%;
539
+ transform: translateY(-50%);
540
+ width: 8px;
541
+ }
542
+
543
+ .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
544
+ .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
545
+ display: inline-block;
546
+ transition: 200ms transform,
547
+ 200ms top;
548
+ }
549
+
550
+ .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
551
+ .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
552
+ margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
553
+ }
554
+
555
+ .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
556
+ .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
557
+ left: 50%;
558
+ transform: translateX(-50%);
559
+ white-space: nowrap;
560
+ }
561
+
562
+ .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
563
+ .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
564
+ transition: 200ms transform,
565
+ 200ms left;
566
+ }
567
+
568
+ .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
569
+ transition: 200ms transform,
570
+ 200ms right;
571
+ }
572
+
573
+ /* Fraction */
574
+
575
+ .swiper-pagination-fraction {
576
+ color: var(--swiper-pagination-fraction-color, inherit);
577
+ }
578
+
579
+ /* Progress */
580
+
581
+ .swiper-pagination-progressbar {
582
+ background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
583
+ position: absolute;
584
+ }
585
+
586
+ .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
587
+ background: var(--swiper-pagination-color, var(--swiper-theme-color));
588
+ position: absolute;
589
+ left: 0;
590
+ top: 0;
591
+ width: 100%;
592
+ height: 100%;
593
+ transform: scale(0);
594
+ transform-origin: left top;
595
+ }
596
+
597
+ .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
598
+ transform-origin: right top;
599
+ }
600
+
601
+ .swiper-horizontal > .swiper-pagination-progressbar,
602
+ .swiper-pagination-progressbar.swiper-pagination-horizontal,
603
+ .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
604
+ .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
605
+ width: 100%;
606
+ height: var(--swiper-pagination-progressbar-size, 4px);
607
+ left: 0;
608
+ top: 0;
609
+ }
610
+
611
+ .swiper-vertical > .swiper-pagination-progressbar,
612
+ .swiper-pagination-progressbar.swiper-pagination-vertical,
613
+ .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
614
+ .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
615
+ width: var(--swiper-pagination-progressbar-size, 4px);
616
+ height: 100%;
617
+ left: 0;
618
+ top: 0;
619
+ }
620
+
621
+ .swiper-pagination-lock {
622
+ display: none;
623
+ }
624
+
625
+ :root {
626
+ /*
627
+ --swiper-scrollbar-border-radius: 10px;
628
+ --swiper-scrollbar-top: auto;
629
+ --swiper-scrollbar-bottom: 4px;
630
+ --swiper-scrollbar-left: auto;
631
+ --swiper-scrollbar-right: 4px;
632
+ --swiper-scrollbar-sides-offset: 1%;
633
+ --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
634
+ --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
635
+ --swiper-scrollbar-size: 4px;
636
+ */
637
+ }
638
+
639
+ .swiper-scrollbar {
640
+ border-radius: var(--swiper-scrollbar-border-radius, 10px);
641
+ position: relative;
642
+ touch-action: none;
643
+ background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
644
+ }
645
+
646
+ .swiper-scrollbar-disabled > .swiper-scrollbar,
647
+ .swiper-scrollbar.swiper-scrollbar-disabled {
648
+ display: none !important;
649
+ }
650
+
651
+ .swiper-horizontal > .swiper-scrollbar,
652
+ .swiper-scrollbar.swiper-scrollbar-horizontal {
653
+ position: absolute;
654
+ left: var(--swiper-scrollbar-sides-offset, 1%);
655
+ bottom: var(--swiper-scrollbar-bottom, 4px);
656
+ top: var(--swiper-scrollbar-top, auto);
657
+ z-index: 50;
658
+ height: var(--swiper-scrollbar-size, 4px);
659
+ width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
660
+ }
661
+
662
+ .swiper-vertical > .swiper-scrollbar,
663
+ .swiper-scrollbar.swiper-scrollbar-vertical {
664
+ position: absolute;
665
+ left: var(--swiper-scrollbar-left, auto);
666
+ right: var(--swiper-scrollbar-right, 4px);
667
+ top: var(--swiper-scrollbar-sides-offset, 1%);
668
+ z-index: 50;
669
+ width: var(--swiper-scrollbar-size, 4px);
670
+ height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
671
+ }
672
+
673
+ .swiper-scrollbar-drag {
674
+ height: 100%;
675
+ width: 100%;
676
+ position: relative;
677
+ background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
678
+ border-radius: var(--swiper-scrollbar-border-radius, 10px);
679
+ left: 0;
680
+ top: 0;
681
+ }
682
+
683
+ .swiper-scrollbar-cursor-drag {
684
+ cursor: move;
685
+ }
686
+
687
+ .swiper-scrollbar-lock {
688
+ display: none;
689
+ }
690
+
691
+ /* Zoom container styles start */
692
+
693
+ .swiper-zoom-container {
694
+ width: 100%;
695
+ height: 100%;
696
+ display: flex;
697
+ justify-content: center;
698
+ align-items: center;
699
+ text-align: center;
700
+ }
701
+
702
+ .swiper-zoom-container > img,
703
+ .swiper-zoom-container > svg,
704
+ .swiper-zoom-container > canvas {
705
+ max-width: 100%;
706
+ max-height: 100%;
707
+ object-fit: contain;
708
+ }
709
+
710
+ /* Zoom container styles end */
711
+
712
+ .swiper-slide-zoomed {
713
+ cursor: move;
714
+ touch-action: none;
715
+ }
716
+
717
+ /* a11y */
718
+
719
+ .swiper .swiper-notification {
720
+ position: absolute;
721
+ left: 0;
722
+ top: 0;
723
+ pointer-events: none;
724
+ opacity: 0;
725
+ z-index: -1000;
726
+ }
727
+
728
+ .swiper-free-mode > .swiper-wrapper {
729
+ transition-timing-function: ease-out;
730
+ margin: 0 auto;
731
+ }
732
+
733
+ .swiper-grid > .swiper-wrapper {
734
+ flex-wrap: wrap;
735
+ }
736
+
737
+ .swiper-grid-column > .swiper-wrapper {
738
+ flex-wrap: wrap;
739
+ flex-direction: column;
740
+ }
741
+
742
+ .swiper-fade.swiper-free-mode .swiper-slide {
743
+ transition-timing-function: ease-out;
744
+ }
745
+
746
+ .swiper-fade .swiper-slide {
747
+ pointer-events: none;
748
+ transition-property: opacity;
749
+ }
750
+
751
+ .swiper-fade .swiper-slide .swiper-slide {
752
+ pointer-events: none;
753
+ }
754
+
755
+ .swiper-fade .swiper-slide-active {
756
+ pointer-events: auto;
757
+ }
758
+
759
+ .swiper-fade .swiper-slide-active .swiper-slide-active {
760
+ pointer-events: auto;
761
+ }
762
+
763
+ .swiper-cube {
764
+ overflow: visible;
765
+ }
766
+
767
+ .swiper-cube .swiper-slide {
768
+ pointer-events: none;
769
+ -webkit-backface-visibility: hidden;
770
+ backface-visibility: hidden;
771
+ z-index: 1;
772
+ visibility: hidden;
773
+ transform-origin: 0 0;
774
+ width: 100%;
775
+ height: 100%;
776
+ }
777
+
778
+ .swiper-cube .swiper-slide .swiper-slide {
779
+ pointer-events: none;
780
+ }
781
+
782
+ .swiper-cube.swiper-rtl .swiper-slide {
783
+ transform-origin: 100% 0;
784
+ }
785
+
786
+ .swiper-cube .swiper-slide-active,
787
+ .swiper-cube .swiper-slide-active .swiper-slide-active {
788
+ pointer-events: auto;
789
+ }
790
+
791
+ .swiper-cube .swiper-slide-active,
792
+ .swiper-cube .swiper-slide-next,
793
+ .swiper-cube .swiper-slide-prev {
794
+ pointer-events: auto;
795
+ visibility: visible;
796
+ }
797
+
798
+ .swiper-cube .swiper-cube-shadow {
799
+ position: absolute;
800
+ left: 0;
801
+ bottom: 0px;
802
+ width: 100%;
803
+ height: 100%;
804
+ opacity: 0.6;
805
+ z-index: 0;
806
+ }
807
+
808
+ .swiper-cube .swiper-cube-shadow:before {
809
+ content: '';
810
+ background: #000;
811
+ position: absolute;
812
+ left: 0;
813
+ top: 0;
814
+ bottom: 0;
815
+ right: 0;
816
+ filter: blur(50px);
817
+ }
818
+
819
+ .swiper-cube .swiper-slide-next + .swiper-slide {
820
+ pointer-events: auto;
821
+ visibility: visible;
822
+ }
823
+
824
+ /* Cube slide shadows start */
825
+
826
+ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
827
+ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
828
+ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
829
+ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
830
+ z-index: 0;
831
+ -webkit-backface-visibility: hidden;
832
+ backface-visibility: hidden;
833
+ }
834
+
835
+ /* Cube slide shadows end */
836
+
837
+ .swiper-flip {
838
+ overflow: visible;
839
+ }
840
+
841
+ .swiper-flip .swiper-slide {
842
+ pointer-events: none;
843
+ -webkit-backface-visibility: hidden;
844
+ backface-visibility: hidden;
845
+ z-index: 1;
846
+ }
847
+
848
+ .swiper-flip .swiper-slide .swiper-slide {
849
+ pointer-events: none;
850
+ }
851
+
852
+ .swiper-flip .swiper-slide-active,
853
+ .swiper-flip .swiper-slide-active .swiper-slide-active {
854
+ pointer-events: auto;
855
+ }
856
+
857
+ /* Flip slide shadows start */
858
+
859
+ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
860
+ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
861
+ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
862
+ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
863
+ z-index: 0;
864
+ -webkit-backface-visibility: hidden;
865
+ backface-visibility: hidden;
866
+ }
867
+
868
+ /* Flip slide shadows end */
869
+
870
+ .swiper-creative .swiper-slide {
871
+ -webkit-backface-visibility: hidden;
872
+ backface-visibility: hidden;
873
+ overflow: hidden;
874
+ transition-property: transform, opacity, height;
875
+ }
876
+
877
+ .swiper-cards {
878
+ overflow: visible;
879
+ }
880
+
881
+ .swiper-cards .swiper-slide {
882
+ transform-origin: center bottom;
883
+ -webkit-backface-visibility: hidden;
884
+ backface-visibility: hidden;
885
+ overflow: hidden;
886
+ }
887
+
888
+ div.swiper-block__item {
889
+ display: flex;
890
+ &_type_center {
891
+ height: auto !important;
892
+ }
893
+ }
894
+
895
+ .swiper-block {
896
+ &&_type_auto {
897
+ & .swiper-slide {
898
+ width: auto;
899
+ }
900
+ }
901
+ }
902
+
903
+ .swiper-block {
904
+ &&_type_step {
905
+ height: 100%;
906
+ ^&__swiper {
907
+ height: 100%;
908
+ display: flex;
909
+ align-items: center;
910
+ }
911
+ & .swiper-wrapper {
912
+ align-items: center !important;
913
+ }
914
+ & .swiper-slide {
915
+ width: 100% !important;
916
+ }
917
+ }
918
+ }
919
+
920
+ div.swiper-block {
921
+ width: 100%;
922
+ max-width: 100%;
923
+ position: relative;
924
+ &__swiper {
925
+ & .swiper-wrapper {
926
+ box-sizing: border-box;
927
+ }
928
+ }
929
+ &__wrapper {
930
+ width: 100%;
931
+ position: absolute;
932
+ top: 50%;
933
+ z-index: 100;
934
+ transform: translate(0%, -50%);
935
+ ^&__navigation {
936
+ display: flex;
937
+ justify-content: space-between;
938
+ }
939
+ }
940
+ }
941
+
942
+ div.swiper-pagination {
943
+ display: flex;
944
+ &-horizontal {
945
+ justify-content: center;
946
+ bottom: 16px;
947
+ & .swiper-pagination-bullet {
948
+ margin: 0;
949
+ }
950
+ }
951
+ & .swiper-pagination-bullet {
952
+ width: 24px;
953
+ height: 24px;
954
+ background: none;
955
+ margin: 0;
956
+ display: flex;
957
+ justify-content: center;
958
+ align-items: center;
959
+ opacity: 100%;
960
+ cursor: pointer;
961
+ &::after {
962
+ width: 6px;
963
+ height: 6px;
964
+ background: #fff;
965
+ border: solid 1px #000;
966
+ border-radius: 50%;
967
+ content: '';
968
+ display: block;
969
+ }
970
+ &-active {
971
+ &::after {
972
+ width: 10px;
973
+ height: 10px;
974
+ background: #fff;
975
+ }
976
+ }
977
+ }
978
+ }
12
979
 
13
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1N3aXBlci9Td2lwZXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IlN3aXBlci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICdzd2lwZXIvc3dpcGVyLWJ1bmRsZS5jc3MnO1xuXG5AaW1wb3J0ICcuL2Nzcy9fX2l0ZW0vc3dpcGVyLWJsb2NrX19pdGVtLmNzcyc7XG5cbkBpbXBvcnQgJy4vY3NzL3N3aXBlci1ibG9ja190eXBlX2F1dG8uY3NzJztcbkBpbXBvcnQgJy4vY3NzL3N3aXBlci1ibG9ja190eXBlX3N0ZXAuY3NzJztcblxuQGltcG9ydCAnLi9jc3Mvc3dpcGVyLWJsb2NrLmNzcyc7XG5cbkBpbXBvcnQgJy4vY3NzL3N3aXBlci1wYWdpbmF0aW9uLmNzcyc7XG5cbiJdfQ== */