@gravity-ui/page-constructor 5.28.0 → 5.28.2

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 (249) hide show
  1. package/README.md +54 -0
  2. package/build/cjs/blocks/SliderNew/Slider.js +1 -1
  3. package/build/esm/blocks/SliderNew/Slider.js +1 -1
  4. package/package.json +1 -1
  5. package/styles/mixins.scss +1 -1
  6. package/widget/index.js +1 -1
  7. package/build/cjs/blocks/Banner/Banner.css +0 -15
  8. package/build/cjs/blocks/CardLayout/CardLayout.css +0 -343
  9. package/build/cjs/blocks/Companies/Companies.css +0 -21
  10. package/build/cjs/blocks/ContentLayout/ContentLayout.css +0 -59
  11. package/build/cjs/blocks/ExtendedFeatures/ExtendedFeatures.css +0 -402
  12. package/build/cjs/blocks/FilterBlock/FilterBlock.css +0 -49
  13. package/build/cjs/blocks/Form/Form.css +0 -134
  14. package/build/cjs/blocks/Header/Header.css +0 -226
  15. package/build/cjs/blocks/HeaderSlider/HeaderSlider.css +0 -55
  16. package/build/cjs/blocks/Icons/Icons.css +0 -56
  17. package/build/cjs/blocks/Info/Info.css +0 -32
  18. package/build/cjs/blocks/Map/Map.css +0 -14
  19. package/build/cjs/blocks/Media/Media.css +0 -17
  20. package/build/cjs/blocks/PromoFeaturesBlock/PromoFeaturesBlock.css +0 -390
  21. package/build/cjs/blocks/Questions/QuestionBlockItem/QuestionBlockItem.css +0 -66
  22. package/build/cjs/blocks/Questions/Questions.css +0 -13
  23. package/build/cjs/blocks/Share/Share.css +0 -68
  24. package/build/cjs/blocks/Slider/Arrow/Arrow.css +0 -65
  25. package/build/cjs/blocks/Slider/Slider.css +0 -701
  26. package/build/cjs/blocks/Slider/slick.css +0 -87
  27. package/build/cjs/blocks/SliderNew/Arrow/Arrow.css +0 -62
  28. package/build/cjs/blocks/SliderNew/Slider.css +0 -830
  29. package/build/cjs/blocks/Table/Table.css +0 -30
  30. package/build/cjs/blocks/Tabs/Tabs.css +0 -111
  31. package/build/cjs/blocks/Tabs/TabsTextContent/TabsTextContent.css +0 -27
  32. package/build/cjs/components/Anchor/Anchor.css +0 -8
  33. package/build/cjs/components/Author/Author.css +0 -58
  34. package/build/cjs/components/BackgroundImage/BackgroundImage.css +0 -16
  35. package/build/cjs/components/BackgroundMedia/BackgroundMedia.css +0 -60
  36. package/build/cjs/components/BalancedMasonry/BalancedMasonry.css +0 -10
  37. package/build/cjs/components/BlockBase/BlockBase.css +0 -70
  38. package/build/cjs/components/Button/Button.css +0 -59
  39. package/build/cjs/components/ButtonTabs/ButtonTabs.css +0 -28
  40. package/build/cjs/components/Buttons/Buttons.css +0 -11
  41. package/build/cjs/components/CardBase/CardBase.css +0 -96
  42. package/build/cjs/components/ContentList/ContentList.css +0 -65
  43. package/build/cjs/components/Control/Control.css +0 -88
  44. package/build/cjs/components/DefaultVideo/DefaultVideo.css +0 -5
  45. package/build/cjs/components/ErrorWrapper/ErrorWrapper.css +0 -11
  46. package/build/cjs/components/FileLink/FileLink.css +0 -54
  47. package/build/cjs/components/Foldable/Foldable.css +0 -10
  48. package/build/cjs/components/FullWidthBackground/FullWidthBackground.css +0 -13
  49. package/build/cjs/components/FullscreenImage/FullscreenImage.css +0 -80
  50. package/build/cjs/components/FullscreenMedia/FullscreenMedia.css +0 -75
  51. package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.css +0 -45
  52. package/build/cjs/components/IconWrapper/IconWrapper.css +0 -32
  53. package/build/cjs/components/Link/Link.css +0 -71
  54. package/build/cjs/components/Links/Links.css +0 -15
  55. package/build/cjs/components/Map/Map.css +0 -25
  56. package/build/cjs/components/Media/DataLens/DataLens.css +0 -20
  57. package/build/cjs/components/Media/Iframe/Iframe.css +0 -18
  58. package/build/cjs/components/Media/Image/Image.css +0 -10
  59. package/build/cjs/components/Media/Media.css +0 -11
  60. package/build/cjs/components/Media/Video/Video.css +0 -12
  61. package/build/cjs/components/MediaBase/MediaBase.css +0 -60
  62. package/build/cjs/components/MediaBase/MediaBaseContent.css +0 -12
  63. package/build/cjs/components/MetaInfo/MetaInfo.css +0 -11
  64. package/build/cjs/components/OverflowScroller/OverflowScroller.css +0 -58
  65. package/build/cjs/components/ReactPlayer/CircleProgress.css +0 -3
  66. package/build/cjs/components/ReactPlayer/CustomBarControls.css +0 -91
  67. package/build/cjs/components/ReactPlayer/ReactPlayer.css +0 -78
  68. package/build/cjs/components/Table/Table.css +0 -87
  69. package/build/cjs/components/Title/Title.css +0 -16
  70. package/build/cjs/components/Title/TitleItem.css +0 -119
  71. package/build/cjs/components/ToggleArrow/ToggleArrow.css +0 -23
  72. package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.css +0 -19
  73. package/build/cjs/components/VideoBlock/VideoBlock.css +0 -55
  74. package/build/cjs/containers/Loadable/Loadable.css +0 -4
  75. package/build/cjs/containers/PageConstructor/PageConstructor.css +0 -198
  76. package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css +0 -38
  77. package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.css +0 -8
  78. package/build/cjs/editor/components/AddBlock/AddBlock.css +0 -82
  79. package/build/cjs/editor/components/CodeEditor/CodeEditor.css +0 -55
  80. package/build/cjs/editor/components/ControlPanel/ControlPanel.css +0 -32
  81. package/build/cjs/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.css +0 -33
  82. package/build/cjs/editor/components/EditBlock/EditBlock.css +0 -56
  83. package/build/cjs/editor/components/ErrorBoundary/ErrorBoundary.css +0 -27
  84. package/build/cjs/editor/components/Layout/Layout.css +0 -50
  85. package/build/cjs/editor/components/NotFoundBlock/NotFoundBlock.css +0 -21
  86. package/build/cjs/editor/components/PageSettings/PageSettings.css +0 -26
  87. package/build/cjs/editor/containers/Editor/Editor.css +0 -17
  88. package/build/cjs/editor/containers/Form/Form.css +0 -87
  89. package/build/cjs/editor/containers/Form/dynamic-form-custom.css +0 -0
  90. package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.css +0 -27
  91. package/build/cjs/editor/styles/mixins.css +0 -0
  92. package/build/cjs/editor/styles/root.css +0 -9
  93. package/build/cjs/editor/styles/variables.css +0 -0
  94. package/build/cjs/grid/Grid/Grid.css +0 -87
  95. package/build/cjs/grid/styles/bootstrap.css +0 -1627
  96. package/build/cjs/navigation/components/DesktopNavigation/DesktopNavigation.css +0 -131
  97. package/build/cjs/navigation/components/Logo/Logo.css +0 -23
  98. package/build/cjs/navigation/components/MobileMenuButton/MobileMenuButton.css +0 -7
  99. package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.css +0 -72
  100. package/build/cjs/navigation/components/Navigation/Navigation.css +0 -12
  101. package/build/cjs/navigation/components/NavigationItem/NavigationItem.css +0 -31
  102. package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.css +0 -5
  103. package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.css +0 -14
  104. package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.css +0 -3
  105. package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css +0 -26
  106. package/build/cjs/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css +0 -32
  107. package/build/cjs/navigation/components/NavigationItem/mixins.css +0 -0
  108. package/build/cjs/navigation/components/NavigationPopup/NavigationPopup.css +0 -30
  109. package/build/cjs/navigation/components/SocialIcon/SocialIcon.css +0 -20
  110. package/build/cjs/navigation/containers/Layout/Layout.css +0 -15
  111. package/build/cjs/sub-blocks/BackgroundCard/BackgroundCard.css +0 -49
  112. package/build/cjs/sub-blocks/BannerCard/BannerCard.css +0 -97
  113. package/build/cjs/sub-blocks/BasicCard/BasicCard.css +0 -12
  114. package/build/cjs/sub-blocks/Content/Content.css +0 -159
  115. package/build/cjs/sub-blocks/Divider/Divider.css +0 -27
  116. package/build/cjs/sub-blocks/HubspotForm/HubspotForm.css +0 -401
  117. package/build/cjs/sub-blocks/ImageCard/ImageCard.css +0 -102
  118. package/build/cjs/sub-blocks/LayoutItem/LayoutItem.css +0 -29
  119. package/build/cjs/sub-blocks/MediaCard/MediaCard.css +0 -5
  120. package/build/cjs/sub-blocks/PriceCard/PriceCard.css +0 -100
  121. package/build/cjs/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.css +0 -35
  122. package/build/cjs/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.css +0 -50
  123. package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/List.css +0 -11
  124. package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.css +0 -20
  125. package/build/cjs/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css +0 -61
  126. package/build/cjs/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.css +0 -9
  127. package/build/cjs/sub-blocks/Quote/Quote.css +0 -146
  128. package/build/esm/blocks/Banner/Banner.css +0 -15
  129. package/build/esm/blocks/CardLayout/CardLayout.css +0 -343
  130. package/build/esm/blocks/Companies/Companies.css +0 -21
  131. package/build/esm/blocks/ContentLayout/ContentLayout.css +0 -59
  132. package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.css +0 -402
  133. package/build/esm/blocks/FilterBlock/FilterBlock.css +0 -49
  134. package/build/esm/blocks/Form/Form.css +0 -134
  135. package/build/esm/blocks/Header/Header.css +0 -226
  136. package/build/esm/blocks/HeaderSlider/HeaderSlider.css +0 -55
  137. package/build/esm/blocks/Icons/Icons.css +0 -56
  138. package/build/esm/blocks/Info/Info.css +0 -32
  139. package/build/esm/blocks/Map/Map.css +0 -14
  140. package/build/esm/blocks/Media/Media.css +0 -17
  141. package/build/esm/blocks/PromoFeaturesBlock/PromoFeaturesBlock.css +0 -390
  142. package/build/esm/blocks/Questions/QuestionBlockItem/QuestionBlockItem.css +0 -66
  143. package/build/esm/blocks/Questions/Questions.css +0 -13
  144. package/build/esm/blocks/Share/Share.css +0 -68
  145. package/build/esm/blocks/Slider/Arrow/Arrow.css +0 -65
  146. package/build/esm/blocks/Slider/Slider.css +0 -701
  147. package/build/esm/blocks/Slider/slick.css +0 -87
  148. package/build/esm/blocks/SliderNew/Arrow/Arrow.css +0 -62
  149. package/build/esm/blocks/SliderNew/Slider.css +0 -830
  150. package/build/esm/blocks/Table/Table.css +0 -30
  151. package/build/esm/blocks/Tabs/Tabs.css +0 -111
  152. package/build/esm/blocks/Tabs/TabsTextContent/TabsTextContent.css +0 -27
  153. package/build/esm/components/Anchor/Anchor.css +0 -8
  154. package/build/esm/components/Author/Author.css +0 -58
  155. package/build/esm/components/BackgroundImage/BackgroundImage.css +0 -16
  156. package/build/esm/components/BackgroundMedia/BackgroundMedia.css +0 -60
  157. package/build/esm/components/BalancedMasonry/BalancedMasonry.css +0 -10
  158. package/build/esm/components/BlockBase/BlockBase.css +0 -70
  159. package/build/esm/components/Button/Button.css +0 -59
  160. package/build/esm/components/ButtonTabs/ButtonTabs.css +0 -28
  161. package/build/esm/components/Buttons/Buttons.css +0 -11
  162. package/build/esm/components/CardBase/CardBase.css +0 -96
  163. package/build/esm/components/ContentList/ContentList.css +0 -65
  164. package/build/esm/components/Control/Control.css +0 -88
  165. package/build/esm/components/DefaultVideo/DefaultVideo.css +0 -5
  166. package/build/esm/components/ErrorWrapper/ErrorWrapper.css +0 -11
  167. package/build/esm/components/FileLink/FileLink.css +0 -54
  168. package/build/esm/components/Foldable/Foldable.css +0 -10
  169. package/build/esm/components/FullWidthBackground/FullWidthBackground.css +0 -13
  170. package/build/esm/components/FullscreenImage/FullscreenImage.css +0 -80
  171. package/build/esm/components/FullscreenMedia/FullscreenMedia.css +0 -75
  172. package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.css +0 -45
  173. package/build/esm/components/IconWrapper/IconWrapper.css +0 -32
  174. package/build/esm/components/Link/Link.css +0 -71
  175. package/build/esm/components/Links/Links.css +0 -15
  176. package/build/esm/components/Map/Map.css +0 -25
  177. package/build/esm/components/Media/DataLens/DataLens.css +0 -20
  178. package/build/esm/components/Media/Iframe/Iframe.css +0 -18
  179. package/build/esm/components/Media/Image/Image.css +0 -10
  180. package/build/esm/components/Media/Media.css +0 -11
  181. package/build/esm/components/Media/Video/Video.css +0 -12
  182. package/build/esm/components/MediaBase/MediaBase.css +0 -60
  183. package/build/esm/components/MediaBase/MediaBaseContent.css +0 -12
  184. package/build/esm/components/MetaInfo/MetaInfo.css +0 -11
  185. package/build/esm/components/OverflowScroller/OverflowScroller.css +0 -58
  186. package/build/esm/components/ReactPlayer/CircleProgress.css +0 -3
  187. package/build/esm/components/ReactPlayer/CustomBarControls.css +0 -91
  188. package/build/esm/components/ReactPlayer/ReactPlayer.css +0 -78
  189. package/build/esm/components/Table/Table.css +0 -87
  190. package/build/esm/components/Title/Title.css +0 -16
  191. package/build/esm/components/Title/TitleItem.css +0 -119
  192. package/build/esm/components/ToggleArrow/ToggleArrow.css +0 -23
  193. package/build/esm/components/UnpublishedLabel/UnpublishedLabel.css +0 -19
  194. package/build/esm/components/VideoBlock/VideoBlock.css +0 -55
  195. package/build/esm/containers/Loadable/Loadable.css +0 -4
  196. package/build/esm/containers/PageConstructor/PageConstructor.css +0 -198
  197. package/build/esm/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css +0 -38
  198. package/build/esm/containers/PageConstructor/components/ConstructorRow/ConstructorRow.css +0 -8
  199. package/build/esm/editor/components/AddBlock/AddBlock.css +0 -82
  200. package/build/esm/editor/components/CodeEditor/CodeEditor.css +0 -55
  201. package/build/esm/editor/components/ControlPanel/ControlPanel.css +0 -32
  202. package/build/esm/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.css +0 -33
  203. package/build/esm/editor/components/EditBlock/EditBlock.css +0 -56
  204. package/build/esm/editor/components/ErrorBoundary/ErrorBoundary.css +0 -27
  205. package/build/esm/editor/components/Layout/Layout.css +0 -50
  206. package/build/esm/editor/components/NotFoundBlock/NotFoundBlock.css +0 -21
  207. package/build/esm/editor/components/PageSettings/PageSettings.css +0 -26
  208. package/build/esm/editor/containers/Editor/Editor.css +0 -17
  209. package/build/esm/editor/containers/Form/Form.css +0 -87
  210. package/build/esm/editor/containers/Form/dynamic-form-custom.css +0 -0
  211. package/build/esm/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.css +0 -27
  212. package/build/esm/editor/styles/mixins.css +0 -0
  213. package/build/esm/editor/styles/root.css +0 -9
  214. package/build/esm/editor/styles/variables.css +0 -0
  215. package/build/esm/grid/Grid/Grid.css +0 -87
  216. package/build/esm/grid/styles/bootstrap.css +0 -1627
  217. package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.css +0 -131
  218. package/build/esm/navigation/components/Logo/Logo.css +0 -23
  219. package/build/esm/navigation/components/MobileMenuButton/MobileMenuButton.css +0 -7
  220. package/build/esm/navigation/components/MobileNavigation/MobileNavigation.css +0 -72
  221. package/build/esm/navigation/components/Navigation/Navigation.css +0 -12
  222. package/build/esm/navigation/components/NavigationItem/NavigationItem.css +0 -31
  223. package/build/esm/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.css +0 -5
  224. package/build/esm/navigation/components/NavigationItem/components/GithubButton/GithubButton.css +0 -14
  225. package/build/esm/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.css +0 -3
  226. package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css +0 -26
  227. package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css +0 -32
  228. package/build/esm/navigation/components/NavigationItem/mixins.css +0 -0
  229. package/build/esm/navigation/components/NavigationPopup/NavigationPopup.css +0 -30
  230. package/build/esm/navigation/components/SocialIcon/SocialIcon.css +0 -20
  231. package/build/esm/navigation/containers/Layout/Layout.css +0 -15
  232. package/build/esm/sub-blocks/BackgroundCard/BackgroundCard.css +0 -49
  233. package/build/esm/sub-blocks/BannerCard/BannerCard.css +0 -97
  234. package/build/esm/sub-blocks/BasicCard/BasicCard.css +0 -12
  235. package/build/esm/sub-blocks/Content/Content.css +0 -159
  236. package/build/esm/sub-blocks/Divider/Divider.css +0 -27
  237. package/build/esm/sub-blocks/HubspotForm/HubspotForm.css +0 -401
  238. package/build/esm/sub-blocks/ImageCard/ImageCard.css +0 -102
  239. package/build/esm/sub-blocks/LayoutItem/LayoutItem.css +0 -29
  240. package/build/esm/sub-blocks/MediaCard/MediaCard.css +0 -5
  241. package/build/esm/sub-blocks/PriceCard/PriceCard.css +0 -100
  242. package/build/esm/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.css +0 -35
  243. package/build/esm/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.css +0 -50
  244. package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.css +0 -11
  245. package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.css +0 -20
  246. package/build/esm/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.css +0 -61
  247. package/build/esm/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.css +0 -9
  248. package/build/esm/sub-blocks/Quote/Quote.css +0 -146
  249. package/styles/styles.css +0 -128
@@ -1,159 +0,0 @@
1
- .pc-content_size_l .pc-content__text .yfm,
2
- .pc-content_size_l .pc-content__notice .yfm {
3
- margin: 0;
4
- }
5
-
6
- /* use this for style redefinitions to awoid problems with
7
- unpredictable css rules order in build */
8
- .pc-content {
9
- --pc-monochrome-button-background-color: #262626;
10
- --pc-monochrome-button-background-color-hover: #393939;
11
- --pc-monochrome-button-color: var(--g-color-text-light-primary);
12
- display: flex;
13
- flex-direction: column;
14
- }
15
- .pc-content__notice .yfm ol,
16
- .pc-content__notice .yfm ul, .pc-content__text .yfm ol,
17
- .pc-content__text .yfm ul {
18
- padding-left: 1.4em;
19
- }
20
- .pc-content__notice.pc-content__notice .yfm,
21
- .pc-content__notice.pc-content__notice .yfm > * {
22
- color: var(--g-color-text-secondary);
23
- }
24
- .pc-content__notice.pc-content__notice .yfm a {
25
- color: var(--g-color-text-secondary);
26
- text-decoration: underline;
27
- }
28
- .pc-content__notice.pc-content__notice .yfm a:hover {
29
- color: var(--g-color-text-primary);
30
- }
31
-
32
- .pc-content__link {
33
- display: block;
34
- }
35
- .pc-content_centered.pc-content_centered {
36
- margin: 0 auto;
37
- text-align: center;
38
- }
39
-
40
- .pc-content_centered .pc-content__buttons {
41
- justify-content: center;
42
- }
43
- .pc-content_centered .pc-content__links {
44
- align-items: center;
45
- }
46
- .pc-content_centered .pc-content__link a {
47
- justify-content: center;
48
- }
49
- .pc-content_centered .pc-content__notice .yfm ul,
50
- .pc-content_centered .pc-content__notice .yfm ol,
51
- .pc-content_centered .pc-content__text .yfm ul,
52
- .pc-content_centered .pc-content__text .yfm ol {
53
- text-align: left;
54
- }
55
- .pc-content_size_s .pc-content__text,
56
- .pc-content_size_s .pc-content__notice {
57
- margin-top: 8px;
58
- }
59
- .pc-content_size_s .pc-content__text_without-title {
60
- margin-top: 0;
61
- }
62
- .pc-content_size_s .pc-content__list,
63
- .pc-content_size_s .pc-content__links,
64
- .pc-content_size_s .pc-content__buttons {
65
- margin-top: 16px;
66
- }
67
- .pc-content_size_l .pc-content__text,
68
- .pc-content_size_l .pc-content__notice {
69
- margin-top: 12px;
70
- }
71
- .pc-content_size_l .pc-content__text_without-title {
72
- margin-top: 0;
73
- }
74
- .pc-content_size_l .pc-content__text .yfm,
75
- .pc-content_size_l .pc-content__notice .yfm {
76
- font-size: var(--g-text-body-3-font-size);
77
- line-height: var(--g-text-body-3-line-height);
78
- }
79
- .pc-content_size_l .pc-content__list,
80
- .pc-content_size_l .pc-content__links,
81
- .pc-content_size_l .pc-content__buttons {
82
- margin-top: 24px;
83
- }
84
- .pc-content_theme_dark {
85
- --g-color-line-focus: var(--pc-color-line-focus-dark);
86
- }
87
- .pc-content_theme_dark .pc-content__title *,
88
- .pc-content_theme_dark .pc-content__text .yfm,
89
- .pc-content_theme_dark .pc-content__text .yfm *,
90
- .pc-content_theme_dark .pc-content__links a {
91
- color: var(--g-color-text-light-primary);
92
- }
93
- .pc-content_theme_dark .pc-content__notice .yfm,
94
- .pc-content_theme_dark .pc-content__notice .yfm * {
95
- color: var(--g-color-text-light-secondary);
96
- }
97
- .pc-content_theme_dark .pc-content__notice .yfm a {
98
- color: var(--g-color-text-light-secondary);
99
- text-decoration: underline;
100
- }
101
- .pc-content_theme_dark .pc-content__notice .yfm a:hover {
102
- color: var(--g-color-text-light-primary);
103
- }
104
- .pc-content_theme_dark .pc-content__text .yfm a {
105
- color: var(--g-color-text-light-primary);
106
- text-decoration: underline;
107
- }
108
- .pc-content_theme_dark .pc-content__text .yfm a:hover {
109
- color: var(--g-color-text-light-secondary);
110
- }
111
- .pc-content_theme_dark .pc-content__title a {
112
- color: var(--g-color-text-light-primary);
113
- text-decoration: underline;
114
- text-decoration: none;
115
- }
116
- .pc-content_theme_dark .pc-content__title a:hover {
117
- color: var(--g-color-text-light-secondary);
118
- }
119
- .pc-content_theme_light .pc-content__title *,
120
- .pc-content_theme_light .pc-content__text .yfm,
121
- .pc-content_theme_light .pc-content__text .yfm *,
122
- .pc-content_theme_light .pc-content__links a {
123
- color: var(--g-color-text-dark-primary);
124
- }
125
- .pc-content_theme_light .pc-content__notice .yfm,
126
- .pc-content_theme_light .pc-content__notice .yfm * {
127
- color: var(--g-color-text-dark-secondary);
128
- }
129
- .pc-content_theme_light .pc-content__notice .yfm a {
130
- color: var(--g-color-text-dark-secondary);
131
- text-decoration: underline;
132
- }
133
- .pc-content_theme_light .pc-content__notice .yfm a:hover {
134
- color: var(--g-color-text-dark-primary);
135
- }
136
- .pc-content_theme_light .pc-content__text .yfm a {
137
- color: var(--g-color-text-dark-primary);
138
- text-decoration: underline;
139
- }
140
- .pc-content_theme_light .pc-content__text .yfm a:hover {
141
- color: var(--g-color-text-dark-secondary);
142
- }
143
- .pc-content_theme_light .pc-content__title a {
144
- color: var(--g-color-text-dark-primary);
145
- text-decoration: underline;
146
- text-decoration: none;
147
- }
148
- .pc-content_theme_light .pc-content__title a:hover {
149
- color: var(--g-color-text-dark-secondary);
150
- }
151
- .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__buttons), .pc-content_control-position_bottom .pc-content__notice:has(+ .pc-content__links),
152
- .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__buttons),
153
- .pc-content_control-position_bottom .pc-content__list:has(+ .pc-content__links),
154
- .pc-content_control-position_bottom .pc-content__text:has(+ .pc-content__buttons),
155
- .pc-content_control-position_bottom .pc-content__text:has(+ .pc-content__links),
156
- .pc-content_control-position_bottom .pc-content__title:has(+ .pc-content__buttons),
157
- .pc-content_control-position_bottom .pc-content__title:has(+ .pc-content__links) {
158
- margin-bottom: auto;
159
- }
@@ -1,27 +0,0 @@
1
- .pc-divider-block_size_xxs {
2
- padding-top: 12px;
3
- }
4
- .pc-divider-block_size_xs {
5
- padding-top: 16px;
6
- }
7
- .pc-divider-block_size_s {
8
- padding-top: 24px;
9
- }
10
- .pc-divider-block_size_m {
11
- padding-top: 32px;
12
- }
13
- .pc-divider-block_size_l {
14
- padding-top: 48px;
15
- }
16
- .pc-divider-block_size_xl {
17
- padding-top: 64px;
18
- }
19
- .pc-divider-block_size_xxl {
20
- padding-top: 96px;
21
- }
22
- .pc-divider-block_size_xxxl {
23
- padding-top: 128px;
24
- }
25
- .pc-divider-block_border {
26
- border-top: 1px solid var(--g-color-line-generic);
27
- }
@@ -1,401 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-hubspot-form {
4
- --g-color-line-focus: var(--pc-color-line-focus-light);
5
- }
6
- .pc-hubspot-form .submitted-message {
7
- padding-left: 10px;
8
- }
9
- .pc-hubspot-form .hs-form-field {
10
- margin-bottom: 16px;
11
- padding-left: 10px;
12
- }
13
- .pc-hubspot-form .hs-form-field > label {
14
- color: var(--g-color-text-primary);
15
- font-size: var(--g-text-body-2-font-size);
16
- line-height: var(--g-text-body-2-line-height);
17
- display: flex;
18
- width: 200px;
19
- max-width: 100%;
20
- padding: 5px 0 0;
21
- position: relative;
22
- }
23
- .pc-hubspot-form .hs-form-field:only-child > label {
24
- width: 100%;
25
- }
26
- .pc-hubspot-form .hs-form-field .input {
27
- box-sizing: border-box;
28
- display: inline-block;
29
- position: relative;
30
- width: 100%;
31
- }
32
- .pc-hubspot-form .hs-form-field .input input[type=text],
33
- .pc-hubspot-form .hs-form-field .input input[type=number],
34
- .pc-hubspot-form .hs-form-field .input input[type=tel],
35
- .pc-hubspot-form .hs-form-field .input input[type=email],
36
- .pc-hubspot-form .hs-form-field .input textarea,
37
- .pc-hubspot-form .hs-form-field .input select {
38
- box-sizing: border-box;
39
- display: inline-block;
40
- vertical-align: top;
41
- position: relative;
42
- margin: 0;
43
- padding: 10px 13px;
44
- width: 100%;
45
- height: 36px;
46
- font-size: 15px;
47
- line-height: 16px;
48
- font-weight: normal;
49
- font-family: var(--g-text-body-font-family);
50
- color: var(--g-color-text-primary);
51
- background-color: transparent;
52
- border: 1px solid var(--g-color-line-generic);
53
- border-radius: var(--g-border-radius-l);
54
- }
55
- .pc-hubspot-form .hs-form-field .input input[type=text]:hover,
56
- .pc-hubspot-form .hs-form-field .input input[type=number]:hover,
57
- .pc-hubspot-form .hs-form-field .input input[type=tel]:hover,
58
- .pc-hubspot-form .hs-form-field .input input[type=email]:hover,
59
- .pc-hubspot-form .hs-form-field .input textarea:hover,
60
- .pc-hubspot-form .hs-form-field .input select:hover {
61
- border: 1px solid var(--g-color-line-generic-hover);
62
- }
63
- .pc-hubspot-form .hs-form-field .input input[type=text]::placeholder,
64
- .pc-hubspot-form .hs-form-field .input input[type=number]::placeholder,
65
- .pc-hubspot-form .hs-form-field .input input[type=tel]::placeholder,
66
- .pc-hubspot-form .hs-form-field .input input[type=email]::placeholder,
67
- .pc-hubspot-form .hs-form-field .input textarea::placeholder,
68
- .pc-hubspot-form .hs-form-field .input select::placeholder {
69
- color: var(--g-color-text-hint);
70
- }
71
- .pc-hubspot-form .hs-form-field .input input[type=text]:focus,
72
- .pc-hubspot-form .hs-form-field .input input[type=number]:focus,
73
- .pc-hubspot-form .hs-form-field .input input[type=tel]:focus,
74
- .pc-hubspot-form .hs-form-field .input input[type=email]:focus,
75
- .pc-hubspot-form .hs-form-field .input textarea:focus,
76
- .pc-hubspot-form .hs-form-field .input select:focus {
77
- outline: none;
78
- }
79
- .pc-hubspot-form .hs-form-field .input input[type=text]:focus,
80
- .pc-hubspot-form .hs-form-field .input input[type=number]:focus,
81
- .pc-hubspot-form .hs-form-field .input input[type=tel]:focus,
82
- .pc-hubspot-form .hs-form-field .input input[type=email]:focus,
83
- .pc-hubspot-form .hs-form-field .input textarea:focus {
84
- border: 2px solid var(--g-color-line-focus);
85
- outline: none;
86
- }
87
- .pc-hubspot-form .hs-form-field .input textarea {
88
- margin: 10px 0 0 0;
89
- }
90
- .pc-hubspot-form .hs-form-field .input textarea {
91
- height: 110px;
92
- min-width: 100%;
93
- resize: none;
94
- padding-right: 30px;
95
- }
96
- .pc-hubspot-form .hs-form-field .input select {
97
- appearance: none;
98
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTEgNiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMTAuMDggMEw1LjUgNC4zNi45MSAwIDAgLjg2bDUuNSA1LjI1TDExIC44NnoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
99
- background-repeat: no-repeat;
100
- background-position: right 12px top 50%;
101
- padding-right: 30px;
102
- }
103
- .pc-hubspot-form .hs-form-field .input select:focus {
104
- border: 1px solid var(--g-color-line-focus);
105
- }
106
- .pc-hubspot-form .hs-form-field .input .hs-fieldtype-intl-phone.hs-input .hs-input {
107
- float: none;
108
- /* stylelint-disable-next-line declaration-no-important */
109
- width: 100% !important;
110
- }
111
- .pc-hubspot-form .hs-form-field .input .hs-fieldtype-intl-phone.hs-input .hs-input + .hs-input {
112
- margin-top: 10px;
113
- }
114
- .pc-hubspot-form .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) {
115
- display: flex;
116
- flex-wrap: wrap;
117
- }
118
- .pc-hubspot-form .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .input {
119
- width: calc(100% - 200px);
120
- }
121
- .pc-hubspot-form .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .hs-error-msg,
122
- .pc-hubspot-form .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .hs-field-desc {
123
- margin-left: 200px;
124
- }
125
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display,
126
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display,
127
- .pc-hubspot-form .hs-form-field .hs-form-radio-display {
128
- position: relative;
129
- display: flex;
130
- align-items: flex-start;
131
- }
132
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display input,
133
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display input,
134
- .pc-hubspot-form .hs-form-field .hs-form-radio-display input {
135
- width: 17px;
136
- height: 17px;
137
- margin: 0;
138
- opacity: 0;
139
- flex-shrink: 0;
140
- }
141
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display span:not(.hs-form-required),
142
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display span:not(.hs-form-required),
143
- .pc-hubspot-form .hs-form-field .hs-form-radio-display span:not(.hs-form-required) {
144
- color: var(--g-color-text-primary);
145
- font-size: var(--g-text-body-2-font-size);
146
- line-height: var(--g-text-body-2-line-height);
147
- padding-left: 7px;
148
- margin: 0;
149
- flex-grow: 1;
150
- }
151
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display .hs-form-required,
152
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display .hs-form-required,
153
- .pc-hubspot-form .hs-form-field .hs-form-radio-display .hs-form-required {
154
- top: 0;
155
- }
156
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display,
157
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display {
158
- position: relative;
159
- }
160
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display > span:not(.hs-form-required):before,
161
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display > span:not(.hs-form-required):before {
162
- content: "";
163
- position: absolute;
164
- top: 0;
165
- left: 0;
166
- height: 17px;
167
- width: 17px;
168
- background-color: transparent;
169
- border-radius: 4px;
170
- border: 1px solid var(--g-color-line-generic-accent);
171
- transition: background-color 0.1s linear;
172
- }
173
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display > span:not(.hs-form-required):after,
174
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display > span:not(.hs-form-required):after {
175
- content: "";
176
- position: absolute;
177
- top: -10px;
178
- left: 2px;
179
- height: 18px;
180
- width: 18px;
181
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxwYXRoIGQ9Ik0xNS42MjMgMWwtOS4xNSAxMy4xNzQtNC4yODctNC42TDEgMTEuMDMgNi42MiAxNyAxNyAyLjI3IDE1LjYyMyAxeiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K");
182
- transition: top 0.1s linear, opacity 0.1s linear;
183
- opacity: 0;
184
- }
185
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display input:checked ~ span:after,
186
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display input:checked ~ span:after {
187
- opacity: 1;
188
- top: -5px;
189
- }
190
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display input:checked ~ span:before,
191
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display input:checked ~ span:before {
192
- background-color: #ffeba0;
193
- }
194
- .pc-hubspot-form .hs-form-field .hs-form-booleancheckbox-display input[type=checkbox]:focus ~ span::before,
195
- .pc-hubspot-form .hs-form-field .hs-form-checkbox-display input[type=checkbox]:focus ~ span::before {
196
- outline: 2px solid var(--g-color-line-focus);
197
- }
198
- .pc-hubspot-form .hs-form-field .hs-form-radio-display span:before {
199
- content: "";
200
- position: absolute;
201
- top: 0;
202
- left: 0;
203
- height: 17px;
204
- width: 17px;
205
- background-color: transparent;
206
- border-radius: 50%;
207
- border: 1px solid var(--g-color-line-generic-accent);
208
- transition: background-color 0.1s linear;
209
- }
210
- .pc-hubspot-form .hs-form-field .hs-form-radio-display span:after {
211
- content: "";
212
- position: absolute;
213
- top: 5px;
214
- left: 5px;
215
- height: 7px;
216
- width: 7px;
217
- border-radius: 50%;
218
- opacity: 0;
219
- background: #000000;
220
- transition: opacity 0.1s linear;
221
- }
222
- .pc-hubspot-form .hs-form-field .hs-form-radio-display input:checked ~ span:after {
223
- opacity: 1;
224
- }
225
- .pc-hubspot-form .hs-form-field .hs-form-radio-display input:checked ~ span:before {
226
- background-color: #ffeba0;
227
- }
228
- .pc-hubspot-form .hs-form-field .hs-form-checkbox:not(:last-child),
229
- .pc-hubspot-form .hs-form-field .hs-form-radio:not(:last-child) {
230
- margin-bottom: 5px;
231
- }
232
- .pc-hubspot-form .hs-richtext {
233
- padding-left: 10px;
234
- }
235
- .pc-hubspot-form .hs-richtext p {
236
- color: var(--g-color-text-primary);
237
- font-family: var(--g-text-body-font-family);
238
- font-weight: var(--g-text-body-font-weight);
239
- font-size: var(--g-text-body-2-font-size);
240
- line-height: var(--g-text-body-2-line-height);
241
- margin: 20px 0;
242
- }
243
- .pc-hubspot-form .hs_error_rollup {
244
- padding-left: 10px;
245
- font-family: var(--g-text-body-font-family);
246
- font-weight: var(--g-text-body-font-weight);
247
- font-size: var(--g-text-body-1-font-size);
248
- line-height: var(--g-text-body-1-line-height);
249
- color: var(--g-color-text-danger);
250
- }
251
- .pc-hubspot-form .legal-consent-container {
252
- padding-top: 8px;
253
- }
254
- .pc-hubspot-form .inputs-list {
255
- list-style: none;
256
- padding: 0;
257
- margin: 0;
258
- }
259
- .pc-hubspot-form .hs-form-required {
260
- color: var(--g-color-text-hint);
261
- width: 10px;
262
- order: 1;
263
- position: absolute;
264
- left: -10px;
265
- }
266
- .pc-hubspot-form .hs-field-desc {
267
- order: 3;
268
- padding: 0;
269
- margin: 3px 0 0;
270
- font-size: var(--g-text-body-1-font-size);
271
- color: var(--g-color-text-complementary);
272
- }
273
- .pc-hubspot-form .hs-error-msgs {
274
- width: 100%;
275
- margin: 3px 0;
276
- order: 4;
277
- }
278
- .pc-hubspot-form .hs-error-msg {
279
- font-family: var(--g-text-body-font-family);
280
- font-weight: var(--g-text-body-font-weight);
281
- font-size: var(--g-text-body-1-font-size);
282
- line-height: var(--g-text-body-1-line-height);
283
- color: var(--g-color-text-danger);
284
- display: block;
285
- }
286
- .pc-hubspot-form .actions {
287
- display: flex;
288
- justify-content: flex-end;
289
- }
290
- .pc-hubspot-form .hs-button.primary {
291
- padding: 0;
292
- font-family: var(--g-text-body-font-family);
293
- font-size: inherit;
294
- font-weight: var(--g-text-body-font-weight);
295
- color: inherit;
296
- background: none;
297
- border: none;
298
- outline: none;
299
- cursor: pointer;
300
- display: inline-block;
301
- position: relative;
302
- overflow: visible;
303
- box-sizing: border-box;
304
- height: 44px;
305
- padding: 0 20px;
306
- border-radius: var(--g-border-radius-xl);
307
- background-color: var(--g-color-base-brand);
308
- color: var(--g-color-text-brand-contrast);
309
- line-height: 44px;
310
- font-size: var(--g-text-body-2-font-size);
311
- font-weight: normal;
312
- user-select: none;
313
- text-align: center;
314
- white-space: nowrap;
315
- appearance: none;
316
- }
317
- .pc-hubspot-form .hs-button.primary:focus {
318
- outline: 2px solid var(--g-color-line-focus);
319
- outline-offset: 1px;
320
- }
321
- .pc-hubspot-form .hs-button.primary:focus:not(:focus-visible) {
322
- outline: 0;
323
- }
324
- .pc-hubspot-form .hs-button.primary:hover {
325
- background-color: var(--g-color-base-brand-hover);
326
- }
327
- .pc-hubspot-form .hs-button.primary:focus {
328
- outline: 2px solid var(--g-color-line-focus);
329
- outline-offset: 1px;
330
- }
331
- .pc-hubspot-form .hs-button.primary:focus:not(:focus-visible) {
332
- outline: 0;
333
- }
334
- .pc-hubspot-form .grecaptcha-badge {
335
- box-shadow: none !important;
336
- border: 1px solid var(--g-color-line-generic);
337
- }
338
- .pc-hubspot-form .hs_recaptcha div {
339
- font-family: var(--g-text-body-font-family);
340
- font-weight: var(--g-text-body-font-weight);
341
- font-size: var(--g-text-body-2-font-size);
342
- line-height: var(--g-text-body-2-line-height);
343
- }
344
- .pc-hubspot-form_mobile .hs-richtext,
345
- .pc-hubspot-form_mobile .hs-form-field,
346
- .pc-hubspot-form_mobile .hs_error_rollup.actions,
347
- .pc-hubspot-form_mobile .submitted-message {
348
- padding: 0 4px;
349
- }
350
- .pc-hubspot-form_mobile .hs-form-field > label span {
351
- order: 2;
352
- }
353
- .pc-hubspot-form_mobile .hs-form-field > label span.hs-form-required {
354
- order: 1;
355
- }
356
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) {
357
- flex-direction: column;
358
- }
359
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .input {
360
- width: 100%;
361
- }
362
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .input input[type=text],
363
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .input input[type=number],
364
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .input input[type=tel],
365
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .input input[type=email],
366
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .input select {
367
- margin: 10px 0 0 0;
368
- }
369
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .hs-error-msg,
370
- .pc-hubspot-form_mobile .hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox) .hs-field-desc {
371
- margin-left: 0;
372
- }
373
- .pc-hubspot-form_mobile .hs-form-field .hs-form-checkbox:first-child,
374
- .pc-hubspot-form_mobile .hs-form-field .hs-form-radio:first-child {
375
- margin-top: 10px;
376
- }
377
- .pc-hubspot-form_mobile .hs-form-required {
378
- position: static;
379
- }
380
- .pc-hubspot-form_mobile .actions {
381
- justify-content: center;
382
- }
383
- .pc-hubspot-form_mobile .hs-button.primary {
384
- width: 80%;
385
- }
386
- .pc-hubspot-form a:focus {
387
- box-shadow: 0 0 0 2px var(--g-color-line-focus);
388
- }
389
- .pc-hubspot-form a:focus:not(:focus-visible) {
390
- box-shadow: none;
391
- }
392
- .pc-hubspot-form a:focus {
393
- outline: 0;
394
- border-radius: var(--g-focus-border-radius);
395
- }
396
- .pc-hubspot-form_theme_dark {
397
- --g-color-line-focus: var(--pc-color-line-focus-dark);
398
- }
399
- .pc-hubspot-form_theme_dark .hs-form-field .input select {
400
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTEgNiIgZmlsbD0ibm9uZSI+CiAgICA8cGF0aCBkPSJNMTAuMDggMEw1LjUgNC4zNi45MSAwIDAgLjg2bDUuNSA1LjI1TDExIC44NnoiIGZpbGw9IiNmZmZmZmYiLz4KPC9zdmc+Cg==");
401
- }
@@ -1,102 +0,0 @@
1
- a.pc-image-card_border_shadow, .pc-image-card_border_shadow {
2
- box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
3
- }
4
-
5
- /* use this for style redefinitions to awoid problems with
6
- unpredictable css rules order in build */
7
- .pc-image-card {
8
- min-height: 248px;
9
- height: 100%;
10
- overflow-x: hidden;
11
- border-radius: var(--pc-border-radius);
12
- background-color: var(--g-color-base-float);
13
- transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
14
- min-height: 1px;
15
- }
16
- .pc-image-card_border_line {
17
- border: 1px solid var(--g-color-line-generic);
18
- }
19
- @media (min-width: 577px) {
20
- .slick-slide:not(.slick-active) .pc-image-card {
21
- box-shadow: none;
22
- }
23
- .swiper-slide:not(.swiper-slide-visible) .pc-image-card {
24
- box-shadow: none;
25
- }
26
- }
27
- .pc-image-card .pc-image-card__content {
28
- display: flex;
29
- padding: 32px;
30
- flex: auto;
31
- }
32
- .pc-image-card .pc-image-card__image_inner {
33
- width: 100%;
34
- display: block;
35
- }
36
- .pc-image-card .pc-image-card__image_inner_radius {
37
- border-radius: var(--pc-border-radius);
38
- }
39
- .pc-image-card .pc-image-card__image_margins_s {
40
- padding: 4px;
41
- }
42
- .pc-image-card .pc-image-card__image_margins_s .pc-image-card__image_inner {
43
- border-radius: calc(var(--pc-border-radius) - var(--pc-image-padding));
44
- }
45
- .pc-image-card .pc-image-card__image_margins_m {
46
- padding: 32px;
47
- }
48
- .pc-image-card .pc-image-card__image_margins_m .pc-image-card__image_inner {
49
- border-radius: initial;
50
- }
51
- .pc-image-card_with-content {
52
- display: flex;
53
- flex-direction: column;
54
- }
55
- .pc-image-card_with-content.pc-image-card_direction_direct .pc-image-card__image {
56
- padding-bottom: 0;
57
- }
58
- .pc-image-card_with-content.pc-image-card_direction_direct .pc-image-card__content {
59
- padding-top: 24px;
60
- }
61
- .pc-image-card_with-content.pc-image-card_direction_reverse {
62
- flex-direction: column-reverse;
63
- }
64
- .pc-image-card_with-content.pc-image-card_direction_reverse .pc-image-card__image {
65
- padding-top: 0;
66
- }
67
- .pc-image-card_with-content.pc-image-card_direction_reverse .pc-image-card__content {
68
- padding-bottom: 24px;
69
- }
70
-
71
- a.pc-image-card {
72
- color: inherit;
73
- text-decoration: none;
74
- min-height: 248px;
75
- height: 100%;
76
- overflow-x: hidden;
77
- border-radius: var(--pc-border-radius);
78
- background-color: var(--g-color-base-float);
79
- transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
80
- }
81
- a.pc-image-card:hover, a.pc-image-card:active {
82
- --pc-text-header-color: inherit;
83
- color: inherit;
84
- }
85
- a.pc-image-card_border_line {
86
- border: 1px solid var(--g-color-line-generic);
87
- }
88
- a.pc-image-card_border_line, a.pc-image-card_border_none {
89
- transition: transform 0.3s ease-out;
90
- }
91
- a.pc-image-card_border_line:hover, a.pc-image-card_border_none:hover {
92
- transform: translateY(-8px);
93
- }
94
- a.pc-image-card_border_shadow {
95
- transition: transform 0.3s ease-out;
96
- }
97
- a.pc-image-card_border_shadow:hover {
98
- transform: translateY(-8px);
99
- }
100
- a.pc-image-card_border_shadow:hover {
101
- background-color: var(--pc-color-base-float-hover);
102
- }