@itcase/ui 1.8.179 → 1.9.0

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