@alfalab/core-components-universal-modal 1.0.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 (718) hide show
  1. package/Component.responsive.d.ts +15 -0
  2. package/Component.responsive.js +44 -0
  3. package/Context.d.ts +4 -0
  4. package/Context.js +9 -0
  5. package/ResponsiveContext.d.ts +4 -0
  6. package/ResponsiveContext.js +9 -0
  7. package/components/content/base-content/base-content.d.ts +17 -0
  8. package/components/content/base-content/base-content.js +28 -0
  9. package/components/content/base-content/index.css +44 -0
  10. package/components/content/desktop/Component.desktop.d.ts +10 -0
  11. package/components/content/desktop/Component.desktop.js +20 -0
  12. package/components/content/index.d.ts +7 -0
  13. package/components/content/index.js +13 -0
  14. package/components/content/mobile/Component.mobile.d.ts +5 -0
  15. package/components/content/mobile/Component.mobile.js +23 -0
  16. package/components/content/mobile/mobile.css +38 -0
  17. package/components/content/responsive/Component.responsive.d.ts +6 -0
  18. package/components/content/responsive/Component.responsive.js +24 -0
  19. package/components/footer/base-footer/base-footer.d.ts +29 -0
  20. package/components/footer/base-footer/base-footer.js +34 -0
  21. package/components/footer/base-footer/index.css +48 -0
  22. package/components/footer/desktop/Component.desktop.d.ts +10 -0
  23. package/components/footer/desktop/Component.desktop.js +34 -0
  24. package/components/footer/desktop/desktop.css +30 -0
  25. package/components/footer/desktop/layout.css +58 -0
  26. package/components/footer/index.d.ts +7 -0
  27. package/components/footer/index.js +13 -0
  28. package/components/footer/mobile/Component.mobile.d.ts +5 -0
  29. package/components/footer/mobile/Component.mobile.js +31 -0
  30. package/components/footer/mobile/layout.mobile.css +50 -0
  31. package/components/footer/mobile/mobile.css +34 -0
  32. package/components/footer/responsive/Component.responsive.d.ts +6 -0
  33. package/components/footer/responsive/Component.responsive.js +24 -0
  34. package/components/header/base-header/index.css +72 -0
  35. package/components/header/desktop/Component.desktop.d.ts +11 -0
  36. package/components/header/desktop/Component.desktop.js +44 -0
  37. package/components/header/desktop/desktop.css +57 -0
  38. package/components/header/index.d.ts +7 -0
  39. package/components/header/index.js +13 -0
  40. package/components/header/mobile/Component.mobile.d.ts +5 -0
  41. package/components/header/mobile/Component.mobile.js +38 -0
  42. package/components/header/mobile/mobile.css +59 -0
  43. package/components/header/responsive/Component.responsive.d.ts +6 -0
  44. package/components/header/responsive/Component.responsive.js +24 -0
  45. package/cssm/Component.responsive.d.ts +15 -0
  46. package/cssm/Component.responsive.js +58 -0
  47. package/cssm/Context.d.ts +4 -0
  48. package/cssm/Context.js +9 -0
  49. package/cssm/ResponsiveContext.d.ts +4 -0
  50. package/cssm/ResponsiveContext.js +9 -0
  51. package/cssm/components/content/base-content/base-content.d.ts +17 -0
  52. package/cssm/components/content/base-content/base-content.js +27 -0
  53. package/cssm/components/content/base-content/index.module.css +43 -0
  54. package/cssm/components/content/desktop/Component.desktop.d.ts +10 -0
  55. package/cssm/components/content/desktop/Component.desktop.js +20 -0
  56. package/cssm/components/content/index.d.ts +7 -0
  57. package/cssm/components/content/index.js +13 -0
  58. package/cssm/components/content/mobile/Component.mobile.d.ts +5 -0
  59. package/cssm/components/content/mobile/Component.mobile.js +22 -0
  60. package/cssm/components/content/mobile/mobile.module.css +37 -0
  61. package/cssm/components/content/responsive/Component.responsive.d.ts +6 -0
  62. package/cssm/components/content/responsive/Component.responsive.js +24 -0
  63. package/cssm/components/footer/base-footer/base-footer.d.ts +29 -0
  64. package/cssm/components/footer/base-footer/base-footer.js +33 -0
  65. package/cssm/components/footer/base-footer/index.module.css +47 -0
  66. package/cssm/components/footer/desktop/Component.desktop.d.ts +10 -0
  67. package/cssm/components/footer/desktop/Component.desktop.js +32 -0
  68. package/cssm/components/footer/desktop/desktop.module.css +29 -0
  69. package/cssm/components/footer/desktop/layout.module.css +54 -0
  70. package/cssm/components/footer/index.d.ts +7 -0
  71. package/cssm/components/footer/index.js +13 -0
  72. package/cssm/components/footer/mobile/Component.mobile.d.ts +5 -0
  73. package/cssm/components/footer/mobile/Component.mobile.js +29 -0
  74. package/cssm/components/footer/mobile/layout.mobile.module.css +47 -0
  75. package/cssm/components/footer/mobile/mobile.module.css +33 -0
  76. package/cssm/components/footer/responsive/Component.responsive.d.ts +6 -0
  77. package/cssm/components/footer/responsive/Component.responsive.js +24 -0
  78. package/cssm/components/header/base-header/index.module.css +71 -0
  79. package/cssm/components/header/desktop/Component.desktop.d.ts +11 -0
  80. package/cssm/components/header/desktop/Component.desktop.js +44 -0
  81. package/cssm/components/header/desktop/desktop.module.css +56 -0
  82. package/cssm/components/header/index.d.ts +7 -0
  83. package/cssm/components/header/index.js +13 -0
  84. package/cssm/components/header/mobile/Component.mobile.d.ts +5 -0
  85. package/cssm/components/header/mobile/Component.mobile.js +38 -0
  86. package/cssm/components/header/mobile/mobile.module.css +58 -0
  87. package/cssm/components/header/responsive/Component.responsive.d.ts +6 -0
  88. package/cssm/components/header/responsive/Component.responsive.js +24 -0
  89. package/cssm/desktop/Component.desktop.d.ts +9 -0
  90. package/cssm/desktop/Component.desktop.js +58 -0
  91. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  92. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +121 -0
  93. package/cssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +34 -0
  94. package/cssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  95. package/cssm/desktop/components/buttons/arrow-button/arrow-button.js +22 -0
  96. package/cssm/desktop/components/buttons/arrow-button/arrow-button.module.css +31 -0
  97. package/cssm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  98. package/cssm/desktop/components/buttons/arrow-button/index.js +9 -0
  99. package/cssm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  100. package/cssm/desktop/components/buttons/cross-button/cross-button.js +20 -0
  101. package/cssm/desktop/components/buttons/cross-button/cross-button.module.css +28 -0
  102. package/cssm/desktop/components/buttons/cross-button/index.d.ts +1 -0
  103. package/cssm/desktop/components/buttons/cross-button/index.js +9 -0
  104. package/cssm/desktop/components/center-modal/center-modal.d.ts +4 -0
  105. package/cssm/desktop/components/center-modal/center-modal.js +43 -0
  106. package/cssm/desktop/components/center-modal/index.d.ts +1 -0
  107. package/cssm/desktop/components/center-modal/index.js +9 -0
  108. package/cssm/desktop/components/center-modal/styles/center-modal.module.css +52 -0
  109. package/cssm/desktop/components/center-modal/styles/index.module.css +1084 -0
  110. package/cssm/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
  111. package/cssm/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
  112. package/cssm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  113. package/cssm/desktop/components/side-modal/get-default-transition-props.js +42 -0
  114. package/cssm/desktop/components/side-modal/index.d.ts +1 -0
  115. package/cssm/desktop/components/side-modal/index.js +9 -0
  116. package/cssm/desktop/components/side-modal/side-modal.d.ts +4 -0
  117. package/cssm/desktop/components/side-modal/side-modal.js +50 -0
  118. package/cssm/desktop/components/side-modal/styles/index.module.css +1087 -0
  119. package/cssm/desktop/components/side-modal/styles/side-modal.module.css +55 -0
  120. package/cssm/desktop/components/side-modal/styles/transitions/transitions.module.css +330 -0
  121. package/cssm/desktop/constants/index.d.ts +3 -0
  122. package/cssm/desktop/constants/index.js +9 -0
  123. package/cssm/desktop/hooks/useModalHeight.d.ts +4 -0
  124. package/cssm/desktop/hooks/useModalHeight.js +33 -0
  125. package/cssm/desktop/hooks/useModalWheel.d.ts +6 -0
  126. package/cssm/desktop/hooks/useModalWheel.js +19 -0
  127. package/cssm/desktop/hooks/useModalWidth.d.ts +4 -0
  128. package/cssm/desktop/hooks/useModalWidth.js +41 -0
  129. package/cssm/desktop/index.d.ts +10 -0
  130. package/cssm/desktop/index.js +34 -0
  131. package/cssm/desktop/styles/margins.module.css +1552 -0
  132. package/cssm/desktop/styles/transitions/full-size-backdrop-transitions.module.css +59 -0
  133. package/cssm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
  134. package/cssm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
  135. package/cssm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
  136. package/cssm/desktop/types/props.d.ts +45 -0
  137. package/cssm/desktop/types/props.js +2 -0
  138. package/cssm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  139. package/cssm/desktop/utils/get-full-size-modal-transitions.js +54 -0
  140. package/cssm/desktop/utils/get-margins.d.ts +7 -0
  141. package/cssm/desktop/utils/get-margins.js +22 -0
  142. package/cssm/desktop/vars.css +24 -0
  143. package/cssm/index.d.ts +8 -0
  144. package/cssm/index.js +33 -0
  145. package/cssm/mobile/Component.mobile.d.ts +9 -0
  146. package/cssm/mobile/Component.mobile.js +45 -0
  147. package/cssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  148. package/cssm/mobile/components/buttons/arrow-button/arrow-button.js +20 -0
  149. package/cssm/mobile/components/buttons/arrow-button/arrow-button.module.css +30 -0
  150. package/cssm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  151. package/cssm/mobile/components/buttons/arrow-button/index.js +9 -0
  152. package/cssm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  153. package/cssm/mobile/components/buttons/cross-button/cross-button.js +20 -0
  154. package/cssm/mobile/components/buttons/cross-button/cross-button.module.css +30 -0
  155. package/cssm/mobile/components/buttons/cross-button/index.d.ts +1 -0
  156. package/cssm/mobile/components/buttons/cross-button/index.js +9 -0
  157. package/cssm/mobile/index.d.ts +10 -0
  158. package/cssm/mobile/index.js +34 -0
  159. package/cssm/mobile/mobile.module.css +38 -0
  160. package/cssm/mobile/transitions/right-side-transitions.mobile.module.css +37 -0
  161. package/cssm/mobile/transitions/transitions.mobile.module.css +24 -0
  162. package/cssm/mobile/types/props.d.ts +11 -0
  163. package/cssm/mobile/types/props.js +2 -0
  164. package/cssm/mobile/vars.css +24 -0
  165. package/cssm/shared/index.d.ts +2 -0
  166. package/cssm/shared/index.js +11 -0
  167. package/cssm/typings/index.d.ts +22 -0
  168. package/cssm/typings/index.js +2 -0
  169. package/cssm/typings/margin-type.d.ts +8 -0
  170. package/cssm/typings/margin-type.js +2 -0
  171. package/cssm/utils/getUniversalModalTestIds.d.ts +8 -0
  172. package/cssm/utils/getUniversalModalTestIds.js +17 -0
  173. package/cssm/vars.css +26 -0
  174. package/desktop/Component.desktop.d.ts +9 -0
  175. package/desktop/Component.desktop.js +51 -0
  176. package/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
  177. package/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  178. package/desktop/components/base-universal-modal-content/base-universal-modal-content.js +122 -0
  179. package/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
  180. package/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  181. package/desktop/components/buttons/arrow-button/arrow-button.js +23 -0
  182. package/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  183. package/desktop/components/buttons/arrow-button/index.js +9 -0
  184. package/desktop/components/buttons/cross-button/cross-button.css +29 -0
  185. package/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  186. package/desktop/components/buttons/cross-button/cross-button.js +21 -0
  187. package/desktop/components/buttons/cross-button/index.d.ts +1 -0
  188. package/desktop/components/buttons/cross-button/index.js +9 -0
  189. package/desktop/components/center-modal/center-modal.d.ts +4 -0
  190. package/desktop/components/center-modal/center-modal.js +46 -0
  191. package/desktop/components/center-modal/index.d.ts +1 -0
  192. package/desktop/components/center-modal/index.js +9 -0
  193. package/desktop/components/center-modal/styles/index.css +1085 -0
  194. package/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
  195. package/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
  196. package/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  197. package/desktop/components/side-modal/get-default-transition-props.js +43 -0
  198. package/desktop/components/side-modal/index.d.ts +1 -0
  199. package/desktop/components/side-modal/index.js +9 -0
  200. package/desktop/components/side-modal/side-modal.d.ts +4 -0
  201. package/desktop/components/side-modal/side-modal.js +51 -0
  202. package/desktop/components/side-modal/styles/index.css +1088 -0
  203. package/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
  204. package/desktop/constants/index.d.ts +3 -0
  205. package/desktop/constants/index.js +9 -0
  206. package/desktop/hooks/useModalHeight.d.ts +4 -0
  207. package/desktop/hooks/useModalHeight.js +33 -0
  208. package/desktop/hooks/useModalWheel.d.ts +6 -0
  209. package/desktop/hooks/useModalWheel.js +19 -0
  210. package/desktop/hooks/useModalWidth.d.ts +4 -0
  211. package/desktop/hooks/useModalWidth.js +41 -0
  212. package/desktop/index.d.ts +10 -0
  213. package/desktop/index.js +27 -0
  214. package/desktop/package.json +3 -0
  215. package/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
  216. package/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
  217. package/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
  218. package/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
  219. package/desktop/types/props.d.ts +45 -0
  220. package/desktop/types/props.js +2 -0
  221. package/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  222. package/desktop/utils/get-full-size-modal-transitions.js +55 -0
  223. package/desktop/utils/get-margins.d.ts +7 -0
  224. package/desktop/utils/get-margins.js +22 -0
  225. package/esm/Component.responsive.d.ts +15 -0
  226. package/esm/Component.responsive.js +35 -0
  227. package/esm/Context.d.ts +4 -0
  228. package/esm/Context.js +5 -0
  229. package/esm/ResponsiveContext.d.ts +4 -0
  230. package/esm/ResponsiveContext.js +5 -0
  231. package/esm/components/content/base-content/base-content.d.ts +17 -0
  232. package/esm/components/content/base-content/base-content.js +19 -0
  233. package/esm/components/content/base-content/index.css +44 -0
  234. package/esm/components/content/desktop/Component.desktop.d.ts +10 -0
  235. package/esm/components/content/desktop/Component.desktop.js +11 -0
  236. package/esm/components/content/index.d.ts +7 -0
  237. package/esm/components/content/index.js +3 -0
  238. package/esm/components/content/mobile/Component.mobile.d.ts +5 -0
  239. package/esm/components/content/mobile/Component.mobile.js +14 -0
  240. package/esm/components/content/mobile/mobile.css +38 -0
  241. package/esm/components/content/responsive/Component.responsive.d.ts +6 -0
  242. package/esm/components/content/responsive/Component.responsive.js +16 -0
  243. package/esm/components/footer/base-footer/base-footer.d.ts +29 -0
  244. package/esm/components/footer/base-footer/base-footer.js +25 -0
  245. package/esm/components/footer/base-footer/index.css +48 -0
  246. package/esm/components/footer/desktop/Component.desktop.d.ts +10 -0
  247. package/esm/components/footer/desktop/Component.desktop.js +25 -0
  248. package/esm/components/footer/desktop/desktop.css +30 -0
  249. package/esm/components/footer/desktop/layout.css +58 -0
  250. package/esm/components/footer/index.d.ts +7 -0
  251. package/esm/components/footer/index.js +3 -0
  252. package/esm/components/footer/mobile/Component.mobile.d.ts +5 -0
  253. package/esm/components/footer/mobile/Component.mobile.js +22 -0
  254. package/esm/components/footer/mobile/layout.mobile.css +50 -0
  255. package/esm/components/footer/mobile/mobile.css +34 -0
  256. package/esm/components/footer/responsive/Component.responsive.d.ts +6 -0
  257. package/esm/components/footer/responsive/Component.responsive.js +16 -0
  258. package/esm/components/header/base-header/index.css +72 -0
  259. package/esm/components/header/desktop/Component.desktop.d.ts +11 -0
  260. package/esm/components/header/desktop/Component.desktop.js +35 -0
  261. package/esm/components/header/desktop/desktop.css +57 -0
  262. package/esm/components/header/index.d.ts +7 -0
  263. package/esm/components/header/index.js +3 -0
  264. package/esm/components/header/mobile/Component.mobile.d.ts +5 -0
  265. package/esm/components/header/mobile/Component.mobile.js +29 -0
  266. package/esm/components/header/mobile/mobile.css +59 -0
  267. package/esm/components/header/responsive/Component.responsive.d.ts +6 -0
  268. package/esm/components/header/responsive/Component.responsive.js +16 -0
  269. package/esm/desktop/Component.desktop.d.ts +9 -0
  270. package/esm/desktop/Component.desktop.js +42 -0
  271. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
  272. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  273. package/esm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +114 -0
  274. package/esm/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
  275. package/esm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  276. package/esm/desktop/components/buttons/arrow-button/arrow-button.js +15 -0
  277. package/esm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  278. package/esm/desktop/components/buttons/arrow-button/index.js +1 -0
  279. package/esm/desktop/components/buttons/cross-button/cross-button.css +29 -0
  280. package/esm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  281. package/esm/desktop/components/buttons/cross-button/cross-button.js +13 -0
  282. package/esm/desktop/components/buttons/cross-button/index.d.ts +1 -0
  283. package/esm/desktop/components/buttons/cross-button/index.js +1 -0
  284. package/esm/desktop/components/center-modal/center-modal.d.ts +4 -0
  285. package/esm/desktop/components/center-modal/center-modal.js +37 -0
  286. package/esm/desktop/components/center-modal/index.d.ts +1 -0
  287. package/esm/desktop/components/center-modal/index.js +1 -0
  288. package/esm/desktop/components/center-modal/styles/index.css +1085 -0
  289. package/esm/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
  290. package/esm/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
  291. package/esm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  292. package/esm/desktop/components/side-modal/get-default-transition-props.js +35 -0
  293. package/esm/desktop/components/side-modal/index.d.ts +1 -0
  294. package/esm/desktop/components/side-modal/index.js +1 -0
  295. package/esm/desktop/components/side-modal/side-modal.d.ts +4 -0
  296. package/esm/desktop/components/side-modal/side-modal.js +42 -0
  297. package/esm/desktop/components/side-modal/styles/index.css +1088 -0
  298. package/esm/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
  299. package/esm/desktop/constants/index.d.ts +3 -0
  300. package/esm/desktop/constants/index.js +4 -0
  301. package/esm/desktop/hooks/useModalHeight.d.ts +4 -0
  302. package/esm/desktop/hooks/useModalHeight.js +29 -0
  303. package/esm/desktop/hooks/useModalWheel.d.ts +6 -0
  304. package/esm/desktop/hooks/useModalWheel.js +15 -0
  305. package/esm/desktop/hooks/useModalWidth.d.ts +4 -0
  306. package/esm/desktop/hooks/useModalWidth.js +37 -0
  307. package/esm/desktop/index.d.ts +10 -0
  308. package/esm/desktop/index.js +13 -0
  309. package/esm/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
  310. package/esm/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
  311. package/esm/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
  312. package/esm/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
  313. package/esm/desktop/types/props.d.ts +45 -0
  314. package/esm/desktop/types/props.js +1 -0
  315. package/esm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  316. package/esm/desktop/utils/get-full-size-modal-transitions.js +51 -0
  317. package/esm/desktop/utils/get-margins.d.ts +7 -0
  318. package/esm/desktop/utils/get-margins.js +18 -0
  319. package/esm/index.d.ts +8 -0
  320. package/esm/index.js +11 -0
  321. package/esm/index.module-c4f215c8.js +4 -0
  322. package/esm/mobile/Component.mobile.d.ts +9 -0
  323. package/esm/mobile/Component.mobile.js +32 -0
  324. package/esm/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
  325. package/esm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  326. package/esm/mobile/components/buttons/arrow-button/arrow-button.js +13 -0
  327. package/esm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  328. package/esm/mobile/components/buttons/arrow-button/index.js +1 -0
  329. package/esm/mobile/components/buttons/cross-button/cross-button.css +31 -0
  330. package/esm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  331. package/esm/mobile/components/buttons/cross-button/cross-button.js +13 -0
  332. package/esm/mobile/components/buttons/cross-button/index.d.ts +1 -0
  333. package/esm/mobile/components/buttons/cross-button/index.js +1 -0
  334. package/esm/mobile/index.d.ts +10 -0
  335. package/esm/mobile/index.js +14 -0
  336. package/esm/mobile/mobile.css +39 -0
  337. package/esm/mobile/transitions/right-side-transitions.mobile.css +38 -0
  338. package/esm/mobile/transitions/transitions.mobile.css +25 -0
  339. package/esm/mobile/types/props.d.ts +11 -0
  340. package/esm/mobile/types/props.js +1 -0
  341. package/esm/shared/index.d.ts +2 -0
  342. package/esm/shared/index.js +2 -0
  343. package/esm/typings/index.d.ts +22 -0
  344. package/esm/typings/index.js +1 -0
  345. package/esm/typings/margin-type.d.ts +8 -0
  346. package/esm/typings/margin-type.js +1 -0
  347. package/esm/utils/getUniversalModalTestIds.d.ts +8 -0
  348. package/esm/utils/getUniversalModalTestIds.js +13 -0
  349. package/index.d.ts +8 -0
  350. package/index.js +23 -0
  351. package/index.module-7936578a.js +6 -0
  352. package/mobile/Component.mobile.d.ts +9 -0
  353. package/mobile/Component.mobile.js +42 -0
  354. package/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
  355. package/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  356. package/mobile/components/buttons/arrow-button/arrow-button.js +21 -0
  357. package/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  358. package/mobile/components/buttons/arrow-button/index.js +9 -0
  359. package/mobile/components/buttons/cross-button/cross-button.css +31 -0
  360. package/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  361. package/mobile/components/buttons/cross-button/cross-button.js +21 -0
  362. package/mobile/components/buttons/cross-button/index.d.ts +1 -0
  363. package/mobile/components/buttons/cross-button/index.js +9 -0
  364. package/mobile/index.d.ts +10 -0
  365. package/mobile/index.js +28 -0
  366. package/mobile/mobile.css +39 -0
  367. package/mobile/package.json +3 -0
  368. package/mobile/transitions/right-side-transitions.mobile.css +38 -0
  369. package/mobile/transitions/transitions.mobile.css +25 -0
  370. package/mobile/types/props.d.ts +11 -0
  371. package/mobile/types/props.js +2 -0
  372. package/modern/Component.responsive.d.ts +15 -0
  373. package/modern/Component.responsive.js +33 -0
  374. package/modern/Context.d.ts +4 -0
  375. package/modern/Context.js +5 -0
  376. package/modern/ResponsiveContext.d.ts +4 -0
  377. package/modern/ResponsiveContext.js +5 -0
  378. package/modern/components/content/base-content/base-content.d.ts +17 -0
  379. package/modern/components/content/base-content/base-content.js +17 -0
  380. package/modern/components/content/base-content/index.css +44 -0
  381. package/modern/components/content/desktop/Component.desktop.d.ts +10 -0
  382. package/modern/components/content/desktop/Component.desktop.js +7 -0
  383. package/modern/components/content/index.d.ts +7 -0
  384. package/modern/components/content/index.js +3 -0
  385. package/modern/components/content/mobile/Component.mobile.d.ts +5 -0
  386. package/modern/components/content/mobile/Component.mobile.js +10 -0
  387. package/modern/components/content/mobile/mobile.css +38 -0
  388. package/modern/components/content/responsive/Component.responsive.d.ts +6 -0
  389. package/modern/components/content/responsive/Component.responsive.js +14 -0
  390. package/modern/components/footer/base-footer/base-footer.d.ts +29 -0
  391. package/modern/components/footer/base-footer/base-footer.js +23 -0
  392. package/modern/components/footer/base-footer/index.css +48 -0
  393. package/modern/components/footer/desktop/Component.desktop.d.ts +10 -0
  394. package/modern/components/footer/desktop/Component.desktop.js +22 -0
  395. package/modern/components/footer/desktop/desktop.css +30 -0
  396. package/modern/components/footer/desktop/layout.css +58 -0
  397. package/modern/components/footer/index.d.ts +7 -0
  398. package/modern/components/footer/index.js +3 -0
  399. package/modern/components/footer/mobile/Component.mobile.d.ts +5 -0
  400. package/modern/components/footer/mobile/Component.mobile.js +19 -0
  401. package/modern/components/footer/mobile/layout.mobile.css +50 -0
  402. package/modern/components/footer/mobile/mobile.css +34 -0
  403. package/modern/components/footer/responsive/Component.responsive.d.ts +6 -0
  404. package/modern/components/footer/responsive/Component.responsive.js +14 -0
  405. package/modern/components/header/base-header/index.css +72 -0
  406. package/modern/components/header/desktop/Component.desktop.d.ts +11 -0
  407. package/modern/components/header/desktop/Component.desktop.js +32 -0
  408. package/modern/components/header/desktop/desktop.css +57 -0
  409. package/modern/components/header/index.d.ts +7 -0
  410. package/modern/components/header/index.js +3 -0
  411. package/modern/components/header/mobile/Component.mobile.d.ts +5 -0
  412. package/modern/components/header/mobile/Component.mobile.js +26 -0
  413. package/modern/components/header/mobile/mobile.css +59 -0
  414. package/modern/components/header/responsive/Component.responsive.d.ts +6 -0
  415. package/modern/components/header/responsive/Component.responsive.js +14 -0
  416. package/modern/desktop/Component.desktop.d.ts +9 -0
  417. package/modern/desktop/Component.desktop.js +40 -0
  418. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.css +35 -0
  419. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  420. package/modern/desktop/components/base-universal-modal-content/base-universal-modal-content.js +112 -0
  421. package/modern/desktop/components/buttons/arrow-button/arrow-button.css +32 -0
  422. package/modern/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  423. package/modern/desktop/components/buttons/arrow-button/arrow-button.js +15 -0
  424. package/modern/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  425. package/modern/desktop/components/buttons/arrow-button/index.js +1 -0
  426. package/modern/desktop/components/buttons/cross-button/cross-button.css +29 -0
  427. package/modern/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  428. package/modern/desktop/components/buttons/cross-button/cross-button.js +13 -0
  429. package/modern/desktop/components/buttons/cross-button/index.d.ts +1 -0
  430. package/modern/desktop/components/buttons/cross-button/index.js +1 -0
  431. package/modern/desktop/components/center-modal/center-modal.d.ts +4 -0
  432. package/modern/desktop/components/center-modal/center-modal.js +48 -0
  433. package/modern/desktop/components/center-modal/index.d.ts +1 -0
  434. package/modern/desktop/components/center-modal/index.js +1 -0
  435. package/modern/desktop/components/center-modal/styles/index.css +1085 -0
  436. package/modern/desktop/components/center-modal/styles/transitions/safari-transitions.css +24 -0
  437. package/modern/desktop/components/center-modal/styles/transitions/transitions.css +24 -0
  438. package/modern/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  439. package/modern/desktop/components/side-modal/get-default-transition-props.js +34 -0
  440. package/modern/desktop/components/side-modal/index.d.ts +1 -0
  441. package/modern/desktop/components/side-modal/index.js +1 -0
  442. package/modern/desktop/components/side-modal/side-modal.d.ts +4 -0
  443. package/modern/desktop/components/side-modal/side-modal.js +51 -0
  444. package/modern/desktop/components/side-modal/styles/index.css +1088 -0
  445. package/modern/desktop/components/side-modal/styles/transitions/transitions.css +331 -0
  446. package/modern/desktop/constants/index.d.ts +3 -0
  447. package/modern/desktop/constants/index.js +4 -0
  448. package/modern/desktop/hooks/useModalHeight.d.ts +4 -0
  449. package/modern/desktop/hooks/useModalHeight.js +29 -0
  450. package/modern/desktop/hooks/useModalWheel.d.ts +6 -0
  451. package/modern/desktop/hooks/useModalWheel.js +15 -0
  452. package/modern/desktop/hooks/useModalWidth.d.ts +4 -0
  453. package/modern/desktop/hooks/useModalWidth.js +37 -0
  454. package/modern/desktop/index.d.ts +10 -0
  455. package/modern/desktop/index.js +12 -0
  456. package/modern/desktop/styles/transitions/full-size-backdrop-transitions.css +60 -0
  457. package/modern/desktop/styles/transitions/full-size-vertical-bottom-transitions.css +25 -0
  458. package/modern/desktop/styles/transitions/full-size-vertical-center-transitions.css +21 -0
  459. package/modern/desktop/styles/transitions/full-size-vertical-top-transitions.css +25 -0
  460. package/modern/desktop/types/props.d.ts +45 -0
  461. package/modern/desktop/types/props.js +1 -0
  462. package/modern/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  463. package/modern/desktop/utils/get-full-size-modal-transitions.js +51 -0
  464. package/modern/desktop/utils/get-margins.d.ts +7 -0
  465. package/modern/desktop/utils/get-margins.js +17 -0
  466. package/modern/index.d.ts +8 -0
  467. package/modern/index.js +10 -0
  468. package/modern/index.module-2718b9b5.js +4 -0
  469. package/modern/mobile/Component.mobile.d.ts +9 -0
  470. package/modern/mobile/Component.mobile.js +35 -0
  471. package/modern/mobile/components/buttons/arrow-button/arrow-button.css +31 -0
  472. package/modern/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  473. package/modern/mobile/components/buttons/arrow-button/arrow-button.js +13 -0
  474. package/modern/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  475. package/modern/mobile/components/buttons/arrow-button/index.js +1 -0
  476. package/modern/mobile/components/buttons/cross-button/cross-button.css +31 -0
  477. package/modern/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  478. package/modern/mobile/components/buttons/cross-button/cross-button.js +13 -0
  479. package/modern/mobile/components/buttons/cross-button/index.d.ts +1 -0
  480. package/modern/mobile/components/buttons/cross-button/index.js +1 -0
  481. package/modern/mobile/index.d.ts +10 -0
  482. package/modern/mobile/index.js +13 -0
  483. package/modern/mobile/mobile.css +39 -0
  484. package/modern/mobile/transitions/right-side-transitions.mobile.css +38 -0
  485. package/modern/mobile/transitions/transitions.mobile.css +25 -0
  486. package/modern/mobile/types/props.d.ts +11 -0
  487. package/modern/mobile/types/props.js +1 -0
  488. package/modern/shared/index.d.ts +2 -0
  489. package/modern/shared/index.js +2 -0
  490. package/modern/typings/index.d.ts +22 -0
  491. package/modern/typings/index.js +1 -0
  492. package/modern/typings/margin-type.d.ts +8 -0
  493. package/modern/typings/margin-type.js +1 -0
  494. package/modern/utils/getUniversalModalTestIds.d.ts +8 -0
  495. package/modern/utils/getUniversalModalTestIds.js +13 -0
  496. package/moderncssm/Component.responsive.d.ts +15 -0
  497. package/moderncssm/Component.responsive.js +47 -0
  498. package/moderncssm/Context.d.ts +4 -0
  499. package/moderncssm/Context.js +5 -0
  500. package/moderncssm/ResponsiveContext.d.ts +4 -0
  501. package/moderncssm/ResponsiveContext.js +5 -0
  502. package/moderncssm/components/content/base-content/base-content.d.ts +17 -0
  503. package/moderncssm/components/content/base-content/base-content.js +15 -0
  504. package/moderncssm/components/content/base-content/index.module.css +26 -0
  505. package/moderncssm/components/content/desktop/Component.desktop.d.ts +10 -0
  506. package/moderncssm/components/content/desktop/Component.desktop.js +7 -0
  507. package/moderncssm/components/content/index.d.ts +7 -0
  508. package/moderncssm/components/content/index.js +3 -0
  509. package/moderncssm/components/content/mobile/Component.mobile.d.ts +5 -0
  510. package/moderncssm/components/content/mobile/Component.mobile.js +8 -0
  511. package/moderncssm/components/content/mobile/mobile.module.css +18 -0
  512. package/moderncssm/components/content/responsive/Component.responsive.d.ts +6 -0
  513. package/moderncssm/components/content/responsive/Component.responsive.js +14 -0
  514. package/moderncssm/components/footer/base-footer/base-footer.d.ts +29 -0
  515. package/moderncssm/components/footer/base-footer/base-footer.js +21 -0
  516. package/moderncssm/components/footer/base-footer/index.module.css +23 -0
  517. package/moderncssm/components/footer/desktop/Component.desktop.d.ts +10 -0
  518. package/moderncssm/components/footer/desktop/Component.desktop.js +18 -0
  519. package/moderncssm/components/footer/desktop/desktop.module.css +10 -0
  520. package/moderncssm/components/footer/desktop/layout.module.css +42 -0
  521. package/moderncssm/components/footer/index.d.ts +7 -0
  522. package/moderncssm/components/footer/index.js +3 -0
  523. package/moderncssm/components/footer/mobile/Component.mobile.d.ts +5 -0
  524. package/moderncssm/components/footer/mobile/Component.mobile.js +15 -0
  525. package/moderncssm/components/footer/mobile/layout.mobile.module.css +37 -0
  526. package/moderncssm/components/footer/mobile/mobile.module.css +14 -0
  527. package/moderncssm/components/footer/responsive/Component.responsive.d.ts +6 -0
  528. package/moderncssm/components/footer/responsive/Component.responsive.js +14 -0
  529. package/moderncssm/components/header/base-header/index.module.css +71 -0
  530. package/moderncssm/components/header/desktop/Component.desktop.d.ts +11 -0
  531. package/moderncssm/components/header/desktop/Component.desktop.js +30 -0
  532. package/moderncssm/components/header/desktop/desktop.module.css +45 -0
  533. package/moderncssm/components/header/index.d.ts +7 -0
  534. package/moderncssm/components/header/index.js +3 -0
  535. package/moderncssm/components/header/mobile/Component.mobile.d.ts +5 -0
  536. package/moderncssm/components/header/mobile/Component.mobile.js +24 -0
  537. package/moderncssm/components/header/mobile/mobile.module.css +31 -0
  538. package/moderncssm/components/header/responsive/Component.responsive.d.ts +6 -0
  539. package/moderncssm/components/header/responsive/Component.responsive.js +14 -0
  540. package/moderncssm/desktop/Component.desktop.d.ts +9 -0
  541. package/moderncssm/desktop/Component.desktop.js +47 -0
  542. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.d.ts +7 -0
  543. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.js +110 -0
  544. package/moderncssm/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +20 -0
  545. package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  546. package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.js +13 -0
  547. package/moderncssm/desktop/components/buttons/arrow-button/arrow-button.module.css +8 -0
  548. package/moderncssm/desktop/components/buttons/arrow-button/index.d.ts +1 -0
  549. package/moderncssm/desktop/components/buttons/arrow-button/index.js +1 -0
  550. package/moderncssm/desktop/components/buttons/cross-button/cross-button.d.ts +6 -0
  551. package/moderncssm/desktop/components/buttons/cross-button/cross-button.js +11 -0
  552. package/moderncssm/desktop/components/buttons/cross-button/cross-button.module.css +7 -0
  553. package/moderncssm/desktop/components/buttons/cross-button/index.d.ts +1 -0
  554. package/moderncssm/desktop/components/buttons/cross-button/index.js +1 -0
  555. package/moderncssm/desktop/components/center-modal/center-modal.d.ts +4 -0
  556. package/moderncssm/desktop/components/center-modal/center-modal.js +42 -0
  557. package/moderncssm/desktop/components/center-modal/index.d.ts +1 -0
  558. package/moderncssm/desktop/components/center-modal/index.js +1 -0
  559. package/moderncssm/desktop/components/center-modal/styles/center-modal.module.css +38 -0
  560. package/moderncssm/desktop/components/center-modal/styles/index.module.css +2110 -0
  561. package/moderncssm/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
  562. package/moderncssm/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
  563. package/moderncssm/desktop/components/side-modal/get-default-transition-props.d.ts +20 -0
  564. package/moderncssm/desktop/components/side-modal/get-default-transition-props.js +32 -0
  565. package/moderncssm/desktop/components/side-modal/index.d.ts +1 -0
  566. package/moderncssm/desktop/components/side-modal/index.js +1 -0
  567. package/moderncssm/desktop/components/side-modal/side-modal.d.ts +4 -0
  568. package/moderncssm/desktop/components/side-modal/side-modal.js +49 -0
  569. package/moderncssm/desktop/components/side-modal/styles/index.module.css +2117 -0
  570. package/moderncssm/desktop/components/side-modal/styles/side-modal.module.css +45 -0
  571. package/moderncssm/desktop/components/side-modal/styles/transitions/transitions.module.css +330 -0
  572. package/moderncssm/desktop/constants/index.d.ts +3 -0
  573. package/moderncssm/desktop/constants/index.js +4 -0
  574. package/moderncssm/desktop/hooks/useModalHeight.d.ts +4 -0
  575. package/moderncssm/desktop/hooks/useModalHeight.js +29 -0
  576. package/moderncssm/desktop/hooks/useModalWheel.d.ts +6 -0
  577. package/moderncssm/desktop/hooks/useModalWheel.js +15 -0
  578. package/moderncssm/desktop/hooks/useModalWidth.d.ts +4 -0
  579. package/moderncssm/desktop/hooks/useModalWidth.js +37 -0
  580. package/moderncssm/desktop/index.d.ts +10 -0
  581. package/moderncssm/desktop/index.js +19 -0
  582. package/moderncssm/desktop/styles/margins.module.css +1552 -0
  583. package/moderncssm/desktop/styles/transitions/full-size-backdrop-transitions.module.css +52 -0
  584. package/moderncssm/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
  585. package/moderncssm/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
  586. package/moderncssm/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
  587. package/moderncssm/desktop/types/props.d.ts +45 -0
  588. package/moderncssm/desktop/types/props.js +1 -0
  589. package/moderncssm/desktop/utils/get-full-size-modal-transitions.d.ts +16 -0
  590. package/moderncssm/desktop/utils/get-full-size-modal-transitions.js +43 -0
  591. package/moderncssm/desktop/utils/get-margins.d.ts +7 -0
  592. package/moderncssm/desktop/utils/get-margins.js +17 -0
  593. package/moderncssm/desktop/vars.css +2 -0
  594. package/moderncssm/index.d.ts +8 -0
  595. package/moderncssm/index.js +20 -0
  596. package/moderncssm/mobile/Component.mobile.d.ts +9 -0
  597. package/moderncssm/mobile/Component.mobile.js +35 -0
  598. package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.d.ts +6 -0
  599. package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.js +11 -0
  600. package/moderncssm/mobile/components/buttons/arrow-button/arrow-button.module.css +11 -0
  601. package/moderncssm/mobile/components/buttons/arrow-button/index.d.ts +1 -0
  602. package/moderncssm/mobile/components/buttons/arrow-button/index.js +1 -0
  603. package/moderncssm/mobile/components/buttons/cross-button/cross-button.d.ts +6 -0
  604. package/moderncssm/mobile/components/buttons/cross-button/cross-button.js +11 -0
  605. package/moderncssm/mobile/components/buttons/cross-button/cross-button.module.css +11 -0
  606. package/moderncssm/mobile/components/buttons/cross-button/index.d.ts +1 -0
  607. package/moderncssm/mobile/components/buttons/cross-button/index.js +1 -0
  608. package/moderncssm/mobile/index.d.ts +10 -0
  609. package/moderncssm/mobile/index.js +19 -0
  610. package/moderncssm/mobile/mobile.module.css +21 -0
  611. package/moderncssm/mobile/transitions/right-side-transitions.mobile.module.css +23 -0
  612. package/moderncssm/mobile/transitions/transitions.mobile.module.css +24 -0
  613. package/moderncssm/mobile/types/props.d.ts +11 -0
  614. package/moderncssm/mobile/types/props.js +1 -0
  615. package/moderncssm/mobile/vars.css +2 -0
  616. package/moderncssm/shared/index.d.ts +2 -0
  617. package/moderncssm/shared/index.js +2 -0
  618. package/moderncssm/typings/index.d.ts +22 -0
  619. package/moderncssm/typings/index.js +1 -0
  620. package/moderncssm/typings/margin-type.d.ts +8 -0
  621. package/moderncssm/typings/margin-type.js +1 -0
  622. package/moderncssm/utils/getUniversalModalTestIds.d.ts +8 -0
  623. package/moderncssm/utils/getUniversalModalTestIds.js +13 -0
  624. package/moderncssm/vars.css +6 -0
  625. package/package.json +32 -0
  626. package/shared/index.d.ts +2 -0
  627. package/shared/index.js +11 -0
  628. package/shared/package.json +3 -0
  629. package/src/Component.responsive.tsx +32 -0
  630. package/src/Context.tsx +3 -0
  631. package/src/ResponsiveContext.ts +5 -0
  632. package/src/components/content/base-content/base-content.tsx +42 -0
  633. package/src/components/content/base-content/index.module.css +21 -0
  634. package/src/components/content/desktop/Component.desktop.tsx +15 -0
  635. package/src/components/content/index.ts +8 -0
  636. package/src/components/content/mobile/Component.mobile.tsx +12 -0
  637. package/src/components/content/mobile/mobile.module.css +13 -0
  638. package/src/components/content/responsive/Component.responsive.tsx +18 -0
  639. package/src/components/footer/base-footer/base-footer.tsx +71 -0
  640. package/src/components/footer/base-footer/index.module.css +20 -0
  641. package/src/components/footer/desktop/Component.desktop.tsx +39 -0
  642. package/src/components/footer/desktop/desktop.module.css +5 -0
  643. package/src/components/footer/desktop/layout.module.css +34 -0
  644. package/src/components/footer/index.ts +8 -0
  645. package/src/components/footer/mobile/Component.mobile.tsx +31 -0
  646. package/src/components/footer/mobile/layout.mobile.module.css +30 -0
  647. package/src/components/footer/mobile/mobile.module.css +9 -0
  648. package/src/components/footer/responsive/Component.responsive.tsx +18 -0
  649. package/src/components/header/base-header/index.module.css +64 -0
  650. package/src/components/header/desktop/Component.desktop.tsx +77 -0
  651. package/src/components/header/desktop/desktop.module.css +32 -0
  652. package/src/components/header/index.ts +8 -0
  653. package/src/components/header/mobile/Component.mobile.tsx +59 -0
  654. package/src/components/header/mobile/mobile.module.css +29 -0
  655. package/src/components/header/responsive/Component.responsive.tsx +18 -0
  656. package/src/desktop/Component.desktop.tsx +60 -0
  657. package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.module.css +20 -0
  658. package/src/desktop/components/base-universal-modal-content/base-universal-modal-content.tsx +155 -0
  659. package/src/desktop/components/buttons/arrow-button/arrow-button.module.css +7 -0
  660. package/src/desktop/components/buttons/arrow-button/arrow-button.tsx +29 -0
  661. package/src/desktop/components/buttons/arrow-button/index.ts +1 -0
  662. package/src/desktop/components/buttons/cross-button/cross-button.module.css +6 -0
  663. package/src/desktop/components/buttons/cross-button/cross-button.tsx +24 -0
  664. package/src/desktop/components/buttons/cross-button/index.ts +1 -0
  665. package/src/desktop/components/center-modal/center-modal.tsx +84 -0
  666. package/src/desktop/components/center-modal/index.ts +1 -0
  667. package/src/desktop/components/center-modal/styles/center-modal.module.css +33 -0
  668. package/src/desktop/components/center-modal/styles/index.module.css +2 -0
  669. package/src/desktop/components/center-modal/styles/transitions/safari-transitions.module.css +23 -0
  670. package/src/desktop/components/center-modal/styles/transitions/transitions.module.css +23 -0
  671. package/src/desktop/components/side-modal/get-default-transition-props.ts +41 -0
  672. package/src/desktop/components/side-modal/index.ts +1 -0
  673. package/src/desktop/components/side-modal/side-modal.tsx +95 -0
  674. package/src/desktop/components/side-modal/styles/index.module.css +2 -0
  675. package/src/desktop/components/side-modal/styles/side-modal.module.css +45 -0
  676. package/src/desktop/components/side-modal/styles/transitions/transitions.module.css +46 -0
  677. package/src/desktop/constants/index.ts +2 -0
  678. package/src/desktop/hooks/useModalHeight.tsx +42 -0
  679. package/src/desktop/hooks/useModalWheel.tsx +16 -0
  680. package/src/desktop/hooks/useModalWidth.tsx +52 -0
  681. package/src/desktop/index.ts +14 -0
  682. package/src/desktop/package.json +3 -0
  683. package/src/desktop/styles/margins.module.css +27 -0
  684. package/src/desktop/styles/transitions/full-size-backdrop-transitions.module.css +52 -0
  685. package/src/desktop/styles/transitions/full-size-vertical-bottom-transitions.module.css +24 -0
  686. package/src/desktop/styles/transitions/full-size-vertical-center-transitions.module.css +20 -0
  687. package/src/desktop/styles/transitions/full-size-vertical-top-transitions.module.css +24 -0
  688. package/src/desktop/types/props.ts +66 -0
  689. package/src/desktop/utils/get-full-size-modal-transitions.ts +64 -0
  690. package/src/desktop/utils/get-margins.ts +24 -0
  691. package/src/desktop/vars.css +6 -0
  692. package/src/index.ts +11 -0
  693. package/src/mobile/Component.mobile.tsx +44 -0
  694. package/src/mobile/components/buttons/arrow-button/arrow-button.module.css +11 -0
  695. package/src/mobile/components/buttons/arrow-button/arrow-button.tsx +24 -0
  696. package/src/mobile/components/buttons/arrow-button/index.ts +1 -0
  697. package/src/mobile/components/buttons/cross-button/cross-button.module.css +11 -0
  698. package/src/mobile/components/buttons/cross-button/cross-button.tsx +24 -0
  699. package/src/mobile/components/buttons/cross-button/index.ts +1 -0
  700. package/src/mobile/index.ts +14 -0
  701. package/src/mobile/mobile.module.css +21 -0
  702. package/src/mobile/package.json +3 -0
  703. package/src/mobile/transitions/right-side-transitions.mobile.module.css +23 -0
  704. package/src/mobile/transitions/transitions.mobile.module.css +24 -0
  705. package/src/mobile/types/props.ts +23 -0
  706. package/src/mobile/vars.css +8 -0
  707. package/src/shared/index.ts +2 -0
  708. package/src/shared/package.json +3 -0
  709. package/src/typings/index.ts +25 -0
  710. package/src/typings/margin-type.ts +8 -0
  711. package/src/utils/getUniversalModalTestIds.ts +11 -0
  712. package/src/vars.css +12 -0
  713. package/typings/index.d.ts +22 -0
  714. package/typings/index.js +2 -0
  715. package/typings/margin-type.d.ts +8 -0
  716. package/typings/margin-type.js +2 -0
  717. package/utils/getUniversalModalTestIds.d.ts +8 -0
  718. package/utils/getUniversalModalTestIds.js +17 -0
package/cssm/desktop/components/center-modal/styles/index.module.css ADDED
@@ -0,0 +1,1084 @@
1
+ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
2
+ } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
+ } :root {
6
+ --shadow-m: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
7
+ 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
15
+ --border-radius-3xl: 24px; /* deprecated */
16
+
17
+ /* новые значения, используйте их */
18
+ --border-radius-24: var(--border-radius-3xl);
19
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
+
21
+ /* новые значения, используйте их */
22
+
23
+ /* no-unit может приводить к проблемам в calc (#1559) */
24
+ /* stylelint-disable-next-line length-zero-no-unit */
25
+ } :root {
26
+ } :root {
27
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
28
+
29
+ /* scroll */
30
+ } .component {
31
+ min-width: 500px;
32
+ width: 500px;
33
+ min-height: 264px;
34
+ height: 100%;
35
+ border-radius: var(--border-radius-24);
36
+ overflow-x: hidden;
37
+
38
+ /*
39
+ Применяем аппаратное ускорение с помощью will-change и backface-visibility
40
+ Также в классах анимации добавлен translateZ(0)
41
+ */
42
+ will-change: transform, opacity;
43
+ backface-visibility: hidden
44
+ } .component.overlayHidden {
45
+ box-shadow: var(--shadow-m);
46
+ } .component .container {
47
+ height: 100%;
48
+ } .verticalTop {
49
+ margin-top: 0;
50
+ } .verticalBottom {
51
+ margin-bottom: 0;
52
+ } /* prettier-ignore */ .marginTop-0 {
53
+ margin-top: 0px;
54
+ } .marginTop-1 {
55
+ margin-top: 1px;
56
+ } .marginTop-2 {
57
+ margin-top: 2px;
58
+ } .marginTop-3 {
59
+ margin-top: 3px;
60
+ } .marginTop-4 {
61
+ margin-top: 4px;
62
+ } .marginTop-5 {
63
+ margin-top: 5px;
64
+ } .marginTop-6 {
65
+ margin-top: 6px;
66
+ } .marginTop-7 {
67
+ margin-top: 7px;
68
+ } .marginTop-8 {
69
+ margin-top: 8px;
70
+ } .marginTop-9 {
71
+ margin-top: 9px;
72
+ } .marginTop-10 {
73
+ margin-top: 10px;
74
+ } .marginTop-11 {
75
+ margin-top: 11px;
76
+ } .marginTop-12 {
77
+ margin-top: 12px;
78
+ } .marginTop-13 {
79
+ margin-top: 13px;
80
+ } .marginTop-14 {
81
+ margin-top: 14px;
82
+ } .marginTop-15 {
83
+ margin-top: 15px;
84
+ } .marginTop-16 {
85
+ margin-top: 16px;
86
+ } .marginTop-17 {
87
+ margin-top: 17px;
88
+ } .marginTop-18 {
89
+ margin-top: 18px;
90
+ } .marginTop-19 {
91
+ margin-top: 19px;
92
+ } .marginTop-20 {
93
+ margin-top: 20px;
94
+ } .marginTop-21 {
95
+ margin-top: 21px;
96
+ } .marginTop-22 {
97
+ margin-top: 22px;
98
+ } .marginTop-23 {
99
+ margin-top: 23px;
100
+ } .marginTop-24 {
101
+ margin-top: 24px;
102
+ } .marginTop-25 {
103
+ margin-top: 25px;
104
+ } .marginTop-26 {
105
+ margin-top: 26px;
106
+ } .marginTop-27 {
107
+ margin-top: 27px;
108
+ } .marginTop-28 {
109
+ margin-top: 28px;
110
+ } .marginTop-29 {
111
+ margin-top: 29px;
112
+ } .marginTop-30 {
113
+ margin-top: 30px;
114
+ } .marginTop-31 {
115
+ margin-top: 31px;
116
+ } .marginTop-32 {
117
+ margin-top: 32px;
118
+ } .marginTop-33 {
119
+ margin-top: 33px;
120
+ } .marginTop-34 {
121
+ margin-top: 34px;
122
+ } .marginTop-35 {
123
+ margin-top: 35px;
124
+ } .marginTop-36 {
125
+ margin-top: 36px;
126
+ } .marginTop-37 {
127
+ margin-top: 37px;
128
+ } .marginTop-38 {
129
+ margin-top: 38px;
130
+ } .marginTop-39 {
131
+ margin-top: 39px;
132
+ } .marginTop-40 {
133
+ margin-top: 40px;
134
+ } .marginTop-41 {
135
+ margin-top: 41px;
136
+ } .marginTop-42 {
137
+ margin-top: 42px;
138
+ } .marginTop-43 {
139
+ margin-top: 43px;
140
+ } .marginTop-44 {
141
+ margin-top: 44px;
142
+ } .marginTop-45 {
143
+ margin-top: 45px;
144
+ } .marginTop-46 {
145
+ margin-top: 46px;
146
+ } .marginTop-47 {
147
+ margin-top: 47px;
148
+ } .marginTop-48 {
149
+ margin-top: 48px;
150
+ } .marginTop-49 {
151
+ margin-top: 49px;
152
+ } .marginTop-50 {
153
+ margin-top: 50px;
154
+ } .marginTop-51 {
155
+ margin-top: 51px;
156
+ } .marginTop-52 {
157
+ margin-top: 52px;
158
+ } .marginTop-53 {
159
+ margin-top: 53px;
160
+ } .marginTop-54 {
161
+ margin-top: 54px;
162
+ } .marginTop-55 {
163
+ margin-top: 55px;
164
+ } .marginTop-56 {
165
+ margin-top: 56px;
166
+ } .marginTop-57 {
167
+ margin-top: 57px;
168
+ } .marginTop-58 {
169
+ margin-top: 58px;
170
+ } .marginTop-59 {
171
+ margin-top: 59px;
172
+ } .marginTop-60 {
173
+ margin-top: 60px;
174
+ } .marginTop-61 {
175
+ margin-top: 61px;
176
+ } .marginTop-62 {
177
+ margin-top: 62px;
178
+ } .marginTop-63 {
179
+ margin-top: 63px;
180
+ } .marginTop-64 {
181
+ margin-top: 64px;
182
+ } .marginTop-65 {
183
+ margin-top: 65px;
184
+ } .marginTop-66 {
185
+ margin-top: 66px;
186
+ } .marginTop-67 {
187
+ margin-top: 67px;
188
+ } .marginTop-68 {
189
+ margin-top: 68px;
190
+ } .marginTop-69 {
191
+ margin-top: 69px;
192
+ } .marginTop-70 {
193
+ margin-top: 70px;
194
+ } .marginTop-71 {
195
+ margin-top: 71px;
196
+ } .marginTop-72 {
197
+ margin-top: 72px;
198
+ } .marginTop-73 {
199
+ margin-top: 73px;
200
+ } .marginTop-74 {
201
+ margin-top: 74px;
202
+ } .marginTop-75 {
203
+ margin-top: 75px;
204
+ } .marginTop-76 {
205
+ margin-top: 76px;
206
+ } .marginTop-77 {
207
+ margin-top: 77px;
208
+ } .marginTop-78 {
209
+ margin-top: 78px;
210
+ } .marginTop-79 {
211
+ margin-top: 79px;
212
+ } .marginTop-80 {
213
+ margin-top: 80px;
214
+ } .marginTop-81 {
215
+ margin-top: 81px;
216
+ } .marginTop-82 {
217
+ margin-top: 82px;
218
+ } .marginTop-83 {
219
+ margin-top: 83px;
220
+ } .marginTop-84 {
221
+ margin-top: 84px;
222
+ } .marginTop-85 {
223
+ margin-top: 85px;
224
+ } .marginTop-86 {
225
+ margin-top: 86px;
226
+ } .marginTop-87 {
227
+ margin-top: 87px;
228
+ } .marginTop-88 {
229
+ margin-top: 88px;
230
+ } .marginTop-89 {
231
+ margin-top: 89px;
232
+ } .marginTop-90 {
233
+ margin-top: 90px;
234
+ } .marginTop-91 {
235
+ margin-top: 91px;
236
+ } .marginTop-92 {
237
+ margin-top: 92px;
238
+ } .marginTop-93 {
239
+ margin-top: 93px;
240
+ } .marginTop-94 {
241
+ margin-top: 94px;
242
+ } .marginTop-95 {
243
+ margin-top: 95px;
244
+ } .marginTop-96 {
245
+ margin-top: 96px;
246
+ } .marginTop-97 {
247
+ margin-top: 97px;
248
+ } .marginTop-98 {
249
+ margin-top: 98px;
250
+ } .marginTop-99 {
251
+ margin-top: 99px;
252
+ } .marginTop-100 {
253
+ margin-top: 100px;
254
+ } .marginTop-101 {
255
+ margin-top: 101px;
256
+ } .marginTop-102 {
257
+ margin-top: 102px;
258
+ } .marginTop-103 {
259
+ margin-top: 103px;
260
+ } .marginTop-104 {
261
+ margin-top: 104px;
262
+ } .marginTop-105 {
263
+ margin-top: 105px;
264
+ } .marginTop-106 {
265
+ margin-top: 106px;
266
+ } .marginTop-107 {
267
+ margin-top: 107px;
268
+ } .marginTop-108 {
269
+ margin-top: 108px;
270
+ } .marginTop-109 {
271
+ margin-top: 109px;
272
+ } .marginTop-110 {
273
+ margin-top: 110px;
274
+ } .marginTop-111 {
275
+ margin-top: 111px;
276
+ } .marginTop-112 {
277
+ margin-top: 112px;
278
+ } .marginTop-113 {
279
+ margin-top: 113px;
280
+ } .marginTop-114 {
281
+ margin-top: 114px;
282
+ } .marginTop-115 {
283
+ margin-top: 115px;
284
+ } .marginTop-116 {
285
+ margin-top: 116px;
286
+ } .marginTop-117 {
287
+ margin-top: 117px;
288
+ } .marginTop-118 {
289
+ margin-top: 118px;
290
+ } .marginTop-119 {
291
+ margin-top: 119px;
292
+ } .marginTop-120 {
293
+ margin-top: 120px;
294
+ } .marginTop-121 {
295
+ margin-top: 121px;
296
+ } .marginTop-122 {
297
+ margin-top: 122px;
298
+ } .marginTop-123 {
299
+ margin-top: 123px;
300
+ } .marginTop-124 {
301
+ margin-top: 124px;
302
+ } .marginTop-125 {
303
+ margin-top: 125px;
304
+ } .marginTop-126 {
305
+ margin-top: 126px;
306
+ } .marginTop-127 {
307
+ margin-top: 127px;
308
+ } .marginTop-128 {
309
+ margin-top: 128px;
310
+ } /* prettier-ignore */ .marginRight-0 {
311
+ margin-right: 0px;
312
+ } .marginRight-1 {
313
+ margin-right: 1px;
314
+ } .marginRight-2 {
315
+ margin-right: 2px;
316
+ } .marginRight-3 {
317
+ margin-right: 3px;
318
+ } .marginRight-4 {
319
+ margin-right: 4px;
320
+ } .marginRight-5 {
321
+ margin-right: 5px;
322
+ } .marginRight-6 {
323
+ margin-right: 6px;
324
+ } .marginRight-7 {
325
+ margin-right: 7px;
326
+ } .marginRight-8 {
327
+ margin-right: 8px;
328
+ } .marginRight-9 {
329
+ margin-right: 9px;
330
+ } .marginRight-10 {
331
+ margin-right: 10px;
332
+ } .marginRight-11 {
333
+ margin-right: 11px;
334
+ } .marginRight-12 {
335
+ margin-right: 12px;
336
+ } .marginRight-13 {
337
+ margin-right: 13px;
338
+ } .marginRight-14 {
339
+ margin-right: 14px;
340
+ } .marginRight-15 {
341
+ margin-right: 15px;
342
+ } .marginRight-16 {
343
+ margin-right: 16px;
344
+ } .marginRight-17 {
345
+ margin-right: 17px;
346
+ } .marginRight-18 {
347
+ margin-right: 18px;
348
+ } .marginRight-19 {
349
+ margin-right: 19px;
350
+ } .marginRight-20 {
351
+ margin-right: 20px;
352
+ } .marginRight-21 {
353
+ margin-right: 21px;
354
+ } .marginRight-22 {
355
+ margin-right: 22px;
356
+ } .marginRight-23 {
357
+ margin-right: 23px;
358
+ } .marginRight-24 {
359
+ margin-right: 24px;
360
+ } .marginRight-25 {
361
+ margin-right: 25px;
362
+ } .marginRight-26 {
363
+ margin-right: 26px;
364
+ } .marginRight-27 {
365
+ margin-right: 27px;
366
+ } .marginRight-28 {
367
+ margin-right: 28px;
368
+ } .marginRight-29 {
369
+ margin-right: 29px;
370
+ } .marginRight-30 {
371
+ margin-right: 30px;
372
+ } .marginRight-31 {
373
+ margin-right: 31px;
374
+ } .marginRight-32 {
375
+ margin-right: 32px;
376
+ } .marginRight-33 {
377
+ margin-right: 33px;
378
+ } .marginRight-34 {
379
+ margin-right: 34px;
380
+ } .marginRight-35 {
381
+ margin-right: 35px;
382
+ } .marginRight-36 {
383
+ margin-right: 36px;
384
+ } .marginRight-37 {
385
+ margin-right: 37px;
386
+ } .marginRight-38 {
387
+ margin-right: 38px;
388
+ } .marginRight-39 {
389
+ margin-right: 39px;
390
+ } .marginRight-40 {
391
+ margin-right: 40px;
392
+ } .marginRight-41 {
393
+ margin-right: 41px;
394
+ } .marginRight-42 {
395
+ margin-right: 42px;
396
+ } .marginRight-43 {
397
+ margin-right: 43px;
398
+ } .marginRight-44 {
399
+ margin-right: 44px;
400
+ } .marginRight-45 {
401
+ margin-right: 45px;
402
+ } .marginRight-46 {
403
+ margin-right: 46px;
404
+ } .marginRight-47 {
405
+ margin-right: 47px;
406
+ } .marginRight-48 {
407
+ margin-right: 48px;
408
+ } .marginRight-49 {
409
+ margin-right: 49px;
410
+ } .marginRight-50 {
411
+ margin-right: 50px;
412
+ } .marginRight-51 {
413
+ margin-right: 51px;
414
+ } .marginRight-52 {
415
+ margin-right: 52px;
416
+ } .marginRight-53 {
417
+ margin-right: 53px;
418
+ } .marginRight-54 {
419
+ margin-right: 54px;
420
+ } .marginRight-55 {
421
+ margin-right: 55px;
422
+ } .marginRight-56 {
423
+ margin-right: 56px;
424
+ } .marginRight-57 {
425
+ margin-right: 57px;
426
+ } .marginRight-58 {
427
+ margin-right: 58px;
428
+ } .marginRight-59 {
429
+ margin-right: 59px;
430
+ } .marginRight-60 {
431
+ margin-right: 60px;
432
+ } .marginRight-61 {
433
+ margin-right: 61px;
434
+ } .marginRight-62 {
435
+ margin-right: 62px;
436
+ } .marginRight-63 {
437
+ margin-right: 63px;
438
+ } .marginRight-64 {
439
+ margin-right: 64px;
440
+ } .marginRight-65 {
441
+ margin-right: 65px;
442
+ } .marginRight-66 {
443
+ margin-right: 66px;
444
+ } .marginRight-67 {
445
+ margin-right: 67px;
446
+ } .marginRight-68 {
447
+ margin-right: 68px;
448
+ } .marginRight-69 {
449
+ margin-right: 69px;
450
+ } .marginRight-70 {
451
+ margin-right: 70px;
452
+ } .marginRight-71 {
453
+ margin-right: 71px;
454
+ } .marginRight-72 {
455
+ margin-right: 72px;
456
+ } .marginRight-73 {
457
+ margin-right: 73px;
458
+ } .marginRight-74 {
459
+ margin-right: 74px;
460
+ } .marginRight-75 {
461
+ margin-right: 75px;
462
+ } .marginRight-76 {
463
+ margin-right: 76px;
464
+ } .marginRight-77 {
465
+ margin-right: 77px;
466
+ } .marginRight-78 {
467
+ margin-right: 78px;
468
+ } .marginRight-79 {
469
+ margin-right: 79px;
470
+ } .marginRight-80 {
471
+ margin-right: 80px;
472
+ } .marginRight-81 {
473
+ margin-right: 81px;
474
+ } .marginRight-82 {
475
+ margin-right: 82px;
476
+ } .marginRight-83 {
477
+ margin-right: 83px;
478
+ } .marginRight-84 {
479
+ margin-right: 84px;
480
+ } .marginRight-85 {
481
+ margin-right: 85px;
482
+ } .marginRight-86 {
483
+ margin-right: 86px;
484
+ } .marginRight-87 {
485
+ margin-right: 87px;
486
+ } .marginRight-88 {
487
+ margin-right: 88px;
488
+ } .marginRight-89 {
489
+ margin-right: 89px;
490
+ } .marginRight-90 {
491
+ margin-right: 90px;
492
+ } .marginRight-91 {
493
+ margin-right: 91px;
494
+ } .marginRight-92 {
495
+ margin-right: 92px;
496
+ } .marginRight-93 {
497
+ margin-right: 93px;
498
+ } .marginRight-94 {
499
+ margin-right: 94px;
500
+ } .marginRight-95 {
501
+ margin-right: 95px;
502
+ } .marginRight-96 {
503
+ margin-right: 96px;
504
+ } .marginRight-97 {
505
+ margin-right: 97px;
506
+ } .marginRight-98 {
507
+ margin-right: 98px;
508
+ } .marginRight-99 {
509
+ margin-right: 99px;
510
+ } .marginRight-100 {
511
+ margin-right: 100px;
512
+ } .marginRight-101 {
513
+ margin-right: 101px;
514
+ } .marginRight-102 {
515
+ margin-right: 102px;
516
+ } .marginRight-103 {
517
+ margin-right: 103px;
518
+ } .marginRight-104 {
519
+ margin-right: 104px;
520
+ } .marginRight-105 {
521
+ margin-right: 105px;
522
+ } .marginRight-106 {
523
+ margin-right: 106px;
524
+ } .marginRight-107 {
525
+ margin-right: 107px;
526
+ } .marginRight-108 {
527
+ margin-right: 108px;
528
+ } .marginRight-109 {
529
+ margin-right: 109px;
530
+ } .marginRight-110 {
531
+ margin-right: 110px;
532
+ } .marginRight-111 {
533
+ margin-right: 111px;
534
+ } .marginRight-112 {
535
+ margin-right: 112px;
536
+ } .marginRight-113 {
537
+ margin-right: 113px;
538
+ } .marginRight-114 {
539
+ margin-right: 114px;
540
+ } .marginRight-115 {
541
+ margin-right: 115px;
542
+ } .marginRight-116 {
543
+ margin-right: 116px;
544
+ } .marginRight-117 {
545
+ margin-right: 117px;
546
+ } .marginRight-118 {
547
+ margin-right: 118px;
548
+ } .marginRight-119 {
549
+ margin-right: 119px;
550
+ } .marginRight-120 {
551
+ margin-right: 120px;
552
+ } .marginRight-121 {
553
+ margin-right: 121px;
554
+ } .marginRight-122 {
555
+ margin-right: 122px;
556
+ } .marginRight-123 {
557
+ margin-right: 123px;
558
+ } .marginRight-124 {
559
+ margin-right: 124px;
560
+ } .marginRight-125 {
561
+ margin-right: 125px;
562
+ } .marginRight-126 {
563
+ margin-right: 126px;
564
+ } .marginRight-127 {
565
+ margin-right: 127px;
566
+ } .marginRight-128 {
567
+ margin-right: 128px;
568
+ } /* prettier-ignore */ .marginBottom-0 {
569
+ margin-bottom: 0px;
570
+ } .marginBottom-1 {
571
+ margin-bottom: 1px;
572
+ } .marginBottom-2 {
573
+ margin-bottom: 2px;
574
+ } .marginBottom-3 {
575
+ margin-bottom: 3px;
576
+ } .marginBottom-4 {
577
+ margin-bottom: 4px;
578
+ } .marginBottom-5 {
579
+ margin-bottom: 5px;
580
+ } .marginBottom-6 {
581
+ margin-bottom: 6px;
582
+ } .marginBottom-7 {
583
+ margin-bottom: 7px;
584
+ } .marginBottom-8 {
585
+ margin-bottom: 8px;
586
+ } .marginBottom-9 {
587
+ margin-bottom: 9px;
588
+ } .marginBottom-10 {
589
+ margin-bottom: 10px;
590
+ } .marginBottom-11 {
591
+ margin-bottom: 11px;
592
+ } .marginBottom-12 {
593
+ margin-bottom: 12px;
594
+ } .marginBottom-13 {
595
+ margin-bottom: 13px;
596
+ } .marginBottom-14 {
597
+ margin-bottom: 14px;
598
+ } .marginBottom-15 {
599
+ margin-bottom: 15px;
600
+ } .marginBottom-16 {
601
+ margin-bottom: 16px;
602
+ } .marginBottom-17 {
603
+ margin-bottom: 17px;
604
+ } .marginBottom-18 {
605
+ margin-bottom: 18px;
606
+ } .marginBottom-19 {
607
+ margin-bottom: 19px;
608
+ } .marginBottom-20 {
609
+ margin-bottom: 20px;
610
+ } .marginBottom-21 {
611
+ margin-bottom: 21px;
612
+ } .marginBottom-22 {
613
+ margin-bottom: 22px;
614
+ } .marginBottom-23 {
615
+ margin-bottom: 23px;
616
+ } .marginBottom-24 {
617
+ margin-bottom: 24px;
618
+ } .marginBottom-25 {
619
+ margin-bottom: 25px;
620
+ } .marginBottom-26 {
621
+ margin-bottom: 26px;
622
+ } .marginBottom-27 {
623
+ margin-bottom: 27px;
624
+ } .marginBottom-28 {
625
+ margin-bottom: 28px;
626
+ } .marginBottom-29 {
627
+ margin-bottom: 29px;
628
+ } .marginBottom-30 {
629
+ margin-bottom: 30px;
630
+ } .marginBottom-31 {
631
+ margin-bottom: 31px;
632
+ } .marginBottom-32 {
633
+ margin-bottom: 32px;
634
+ } .marginBottom-33 {
635
+ margin-bottom: 33px;
636
+ } .marginBottom-34 {
637
+ margin-bottom: 34px;
638
+ } .marginBottom-35 {
639
+ margin-bottom: 35px;
640
+ } .marginBottom-36 {
641
+ margin-bottom: 36px;
642
+ } .marginBottom-37 {
643
+ margin-bottom: 37px;
644
+ } .marginBottom-38 {
645
+ margin-bottom: 38px;
646
+ } .marginBottom-39 {
647
+ margin-bottom: 39px;
648
+ } .marginBottom-40 {
649
+ margin-bottom: 40px;
650
+ } .marginBottom-41 {
651
+ margin-bottom: 41px;
652
+ } .marginBottom-42 {
653
+ margin-bottom: 42px;
654
+ } .marginBottom-43 {
655
+ margin-bottom: 43px;
656
+ } .marginBottom-44 {
657
+ margin-bottom: 44px;
658
+ } .marginBottom-45 {
659
+ margin-bottom: 45px;
660
+ } .marginBottom-46 {
661
+ margin-bottom: 46px;
662
+ } .marginBottom-47 {
663
+ margin-bottom: 47px;
664
+ } .marginBottom-48 {
665
+ margin-bottom: 48px;
666
+ } .marginBottom-49 {
667
+ margin-bottom: 49px;
668
+ } .marginBottom-50 {
669
+ margin-bottom: 50px;
670
+ } .marginBottom-51 {
671
+ margin-bottom: 51px;
672
+ } .marginBottom-52 {
673
+ margin-bottom: 52px;
674
+ } .marginBottom-53 {
675
+ margin-bottom: 53px;
676
+ } .marginBottom-54 {
677
+ margin-bottom: 54px;
678
+ } .marginBottom-55 {
679
+ margin-bottom: 55px;
680
+ } .marginBottom-56 {
681
+ margin-bottom: 56px;
682
+ } .marginBottom-57 {
683
+ margin-bottom: 57px;
684
+ } .marginBottom-58 {
685
+ margin-bottom: 58px;
686
+ } .marginBottom-59 {
687
+ margin-bottom: 59px;
688
+ } .marginBottom-60 {
689
+ margin-bottom: 60px;
690
+ } .marginBottom-61 {
691
+ margin-bottom: 61px;
692
+ } .marginBottom-62 {
693
+ margin-bottom: 62px;
694
+ } .marginBottom-63 {
695
+ margin-bottom: 63px;
696
+ } .marginBottom-64 {
697
+ margin-bottom: 64px;
698
+ } .marginBottom-65 {
699
+ margin-bottom: 65px;
700
+ } .marginBottom-66 {
701
+ margin-bottom: 66px;
702
+ } .marginBottom-67 {
703
+ margin-bottom: 67px;
704
+ } .marginBottom-68 {
705
+ margin-bottom: 68px;
706
+ } .marginBottom-69 {
707
+ margin-bottom: 69px;
708
+ } .marginBottom-70 {
709
+ margin-bottom: 70px;
710
+ } .marginBottom-71 {
711
+ margin-bottom: 71px;
712
+ } .marginBottom-72 {
713
+ margin-bottom: 72px;
714
+ } .marginBottom-73 {
715
+ margin-bottom: 73px;
716
+ } .marginBottom-74 {
717
+ margin-bottom: 74px;
718
+ } .marginBottom-75 {
719
+ margin-bottom: 75px;
720
+ } .marginBottom-76 {
721
+ margin-bottom: 76px;
722
+ } .marginBottom-77 {
723
+ margin-bottom: 77px;
724
+ } .marginBottom-78 {
725
+ margin-bottom: 78px;
726
+ } .marginBottom-79 {
727
+ margin-bottom: 79px;
728
+ } .marginBottom-80 {
729
+ margin-bottom: 80px;
730
+ } .marginBottom-81 {
731
+ margin-bottom: 81px;
732
+ } .marginBottom-82 {
733
+ margin-bottom: 82px;
734
+ } .marginBottom-83 {
735
+ margin-bottom: 83px;
736
+ } .marginBottom-84 {
737
+ margin-bottom: 84px;
738
+ } .marginBottom-85 {
739
+ margin-bottom: 85px;
740
+ } .marginBottom-86 {
741
+ margin-bottom: 86px;
742
+ } .marginBottom-87 {
743
+ margin-bottom: 87px;
744
+ } .marginBottom-88 {
745
+ margin-bottom: 88px;
746
+ } .marginBottom-89 {
747
+ margin-bottom: 89px;
748
+ } .marginBottom-90 {
749
+ margin-bottom: 90px;
750
+ } .marginBottom-91 {
751
+ margin-bottom: 91px;
752
+ } .marginBottom-92 {
753
+ margin-bottom: 92px;
754
+ } .marginBottom-93 {
755
+ margin-bottom: 93px;
756
+ } .marginBottom-94 {
757
+ margin-bottom: 94px;
758
+ } .marginBottom-95 {
759
+ margin-bottom: 95px;
760
+ } .marginBottom-96 {
761
+ margin-bottom: 96px;
762
+ } .marginBottom-97 {
763
+ margin-bottom: 97px;
764
+ } .marginBottom-98 {
765
+ margin-bottom: 98px;
766
+ } .marginBottom-99 {
767
+ margin-bottom: 99px;
768
+ } .marginBottom-100 {
769
+ margin-bottom: 100px;
770
+ } .marginBottom-101 {
771
+ margin-bottom: 101px;
772
+ } .marginBottom-102 {
773
+ margin-bottom: 102px;
774
+ } .marginBottom-103 {
775
+ margin-bottom: 103px;
776
+ } .marginBottom-104 {
777
+ margin-bottom: 104px;
778
+ } .marginBottom-105 {
779
+ margin-bottom: 105px;
780
+ } .marginBottom-106 {
781
+ margin-bottom: 106px;
782
+ } .marginBottom-107 {
783
+ margin-bottom: 107px;
784
+ } .marginBottom-108 {
785
+ margin-bottom: 108px;
786
+ } .marginBottom-109 {
787
+ margin-bottom: 109px;
788
+ } .marginBottom-110 {
789
+ margin-bottom: 110px;
790
+ } .marginBottom-111 {
791
+ margin-bottom: 111px;
792
+ } .marginBottom-112 {
793
+ margin-bottom: 112px;
794
+ } .marginBottom-113 {
795
+ margin-bottom: 113px;
796
+ } .marginBottom-114 {
797
+ margin-bottom: 114px;
798
+ } .marginBottom-115 {
799
+ margin-bottom: 115px;
800
+ } .marginBottom-116 {
801
+ margin-bottom: 116px;
802
+ } .marginBottom-117 {
803
+ margin-bottom: 117px;
804
+ } .marginBottom-118 {
805
+ margin-bottom: 118px;
806
+ } .marginBottom-119 {
807
+ margin-bottom: 119px;
808
+ } .marginBottom-120 {
809
+ margin-bottom: 120px;
810
+ } .marginBottom-121 {
811
+ margin-bottom: 121px;
812
+ } .marginBottom-122 {
813
+ margin-bottom: 122px;
814
+ } .marginBottom-123 {
815
+ margin-bottom: 123px;
816
+ } .marginBottom-124 {
817
+ margin-bottom: 124px;
818
+ } .marginBottom-125 {
819
+ margin-bottom: 125px;
820
+ } .marginBottom-126 {
821
+ margin-bottom: 126px;
822
+ } .marginBottom-127 {
823
+ margin-bottom: 127px;
824
+ } .marginBottom-128 {
825
+ margin-bottom: 128px;
826
+ } /* prettier-ignore */ .marginLeft-0 {
827
+ margin-left: 0px;
828
+ } .marginLeft-1 {
829
+ margin-left: 1px;
830
+ } .marginLeft-2 {
831
+ margin-left: 2px;
832
+ } .marginLeft-3 {
833
+ margin-left: 3px;
834
+ } .marginLeft-4 {
835
+ margin-left: 4px;
836
+ } .marginLeft-5 {
837
+ margin-left: 5px;
838
+ } .marginLeft-6 {
839
+ margin-left: 6px;
840
+ } .marginLeft-7 {
841
+ margin-left: 7px;
842
+ } .marginLeft-8 {
843
+ margin-left: 8px;
844
+ } .marginLeft-9 {
845
+ margin-left: 9px;
846
+ } .marginLeft-10 {
847
+ margin-left: 10px;
848
+ } .marginLeft-11 {
849
+ margin-left: 11px;
850
+ } .marginLeft-12 {
851
+ margin-left: 12px;
852
+ } .marginLeft-13 {
853
+ margin-left: 13px;
854
+ } .marginLeft-14 {
855
+ margin-left: 14px;
856
+ } .marginLeft-15 {
857
+ margin-left: 15px;
858
+ } .marginLeft-16 {
859
+ margin-left: 16px;
860
+ } .marginLeft-17 {
861
+ margin-left: 17px;
862
+ } .marginLeft-18 {
863
+ margin-left: 18px;
864
+ } .marginLeft-19 {
865
+ margin-left: 19px;
866
+ } .marginLeft-20 {
867
+ margin-left: 20px;
868
+ } .marginLeft-21 {
869
+ margin-left: 21px;
870
+ } .marginLeft-22 {
871
+ margin-left: 22px;
872
+ } .marginLeft-23 {
873
+ margin-left: 23px;
874
+ } .marginLeft-24 {
875
+ margin-left: 24px;
876
+ } .marginLeft-25 {
877
+ margin-left: 25px;
878
+ } .marginLeft-26 {
879
+ margin-left: 26px;
880
+ } .marginLeft-27 {
881
+ margin-left: 27px;
882
+ } .marginLeft-28 {
883
+ margin-left: 28px;
884
+ } .marginLeft-29 {
885
+ margin-left: 29px;
886
+ } .marginLeft-30 {
887
+ margin-left: 30px;
888
+ } .marginLeft-31 {
889
+ margin-left: 31px;
890
+ } .marginLeft-32 {
891
+ margin-left: 32px;
892
+ } .marginLeft-33 {
893
+ margin-left: 33px;
894
+ } .marginLeft-34 {
895
+ margin-left: 34px;
896
+ } .marginLeft-35 {
897
+ margin-left: 35px;
898
+ } .marginLeft-36 {
899
+ margin-left: 36px;
900
+ } .marginLeft-37 {
901
+ margin-left: 37px;
902
+ } .marginLeft-38 {
903
+ margin-left: 38px;
904
+ } .marginLeft-39 {
905
+ margin-left: 39px;
906
+ } .marginLeft-40 {
907
+ margin-left: 40px;
908
+ } .marginLeft-41 {
909
+ margin-left: 41px;
910
+ } .marginLeft-42 {
911
+ margin-left: 42px;
912
+ } .marginLeft-43 {
913
+ margin-left: 43px;
914
+ } .marginLeft-44 {
915
+ margin-left: 44px;
916
+ } .marginLeft-45 {
917
+ margin-left: 45px;
918
+ } .marginLeft-46 {
919
+ margin-left: 46px;
920
+ } .marginLeft-47 {
921
+ margin-left: 47px;
922
+ } .marginLeft-48 {
923
+ margin-left: 48px;
924
+ } .marginLeft-49 {
925
+ margin-left: 49px;
926
+ } .marginLeft-50 {
927
+ margin-left: 50px;
928
+ } .marginLeft-51 {
929
+ margin-left: 51px;
930
+ } .marginLeft-52 {
931
+ margin-left: 52px;
932
+ } .marginLeft-53 {
933
+ margin-left: 53px;
934
+ } .marginLeft-54 {
935
+ margin-left: 54px;
936
+ } .marginLeft-55 {
937
+ margin-left: 55px;
938
+ } .marginLeft-56 {
939
+ margin-left: 56px;
940
+ } .marginLeft-57 {
941
+ margin-left: 57px;
942
+ } .marginLeft-58 {
943
+ margin-left: 58px;
944
+ } .marginLeft-59 {
945
+ margin-left: 59px;
946
+ } .marginLeft-60 {
947
+ margin-left: 60px;
948
+ } .marginLeft-61 {
949
+ margin-left: 61px;
950
+ } .marginLeft-62 {
951
+ margin-left: 62px;
952
+ } .marginLeft-63 {
953
+ margin-left: 63px;
954
+ } .marginLeft-64 {
955
+ margin-left: 64px;
956
+ } .marginLeft-65 {
957
+ margin-left: 65px;
958
+ } .marginLeft-66 {
959
+ margin-left: 66px;
960
+ } .marginLeft-67 {
961
+ margin-left: 67px;
962
+ } .marginLeft-68 {
963
+ margin-left: 68px;
964
+ } .marginLeft-69 {
965
+ margin-left: 69px;
966
+ } .marginLeft-70 {
967
+ margin-left: 70px;
968
+ } .marginLeft-71 {
969
+ margin-left: 71px;
970
+ } .marginLeft-72 {
971
+ margin-left: 72px;
972
+ } .marginLeft-73 {
973
+ margin-left: 73px;
974
+ } .marginLeft-74 {
975
+ margin-left: 74px;
976
+ } .marginLeft-75 {
977
+ margin-left: 75px;
978
+ } .marginLeft-76 {
979
+ margin-left: 76px;
980
+ } .marginLeft-77 {
981
+ margin-left: 77px;
982
+ } .marginLeft-78 {
983
+ margin-left: 78px;
984
+ } .marginLeft-79 {
985
+ margin-left: 79px;
986
+ } .marginLeft-80 {
987
+ margin-left: 80px;
988
+ } .marginLeft-81 {
989
+ margin-left: 81px;
990
+ } .marginLeft-82 {
991
+ margin-left: 82px;
992
+ } .marginLeft-83 {
993
+ margin-left: 83px;
994
+ } .marginLeft-84 {
995
+ margin-left: 84px;
996
+ } .marginLeft-85 {
997
+ margin-left: 85px;
998
+ } .marginLeft-86 {
999
+ margin-left: 86px;
1000
+ } .marginLeft-87 {
1001
+ margin-left: 87px;
1002
+ } .marginLeft-88 {
1003
+ margin-left: 88px;
1004
+ } .marginLeft-89 {
1005
+ margin-left: 89px;
1006
+ } .marginLeft-90 {
1007
+ margin-left: 90px;
1008
+ } .marginLeft-91 {
1009
+ margin-left: 91px;
1010
+ } .marginLeft-92 {
1011
+ margin-left: 92px;
1012
+ } .marginLeft-93 {
1013
+ margin-left: 93px;
1014
+ } .marginLeft-94 {
1015
+ margin-left: 94px;
1016
+ } .marginLeft-95 {
1017
+ margin-left: 95px;
1018
+ } .marginLeft-96 {
1019
+ margin-left: 96px;
1020
+ } .marginLeft-97 {
1021
+ margin-left: 97px;
1022
+ } .marginLeft-98 {
1023
+ margin-left: 98px;
1024
+ } .marginLeft-99 {
1025
+ margin-left: 99px;
1026
+ } .marginLeft-100 {
1027
+ margin-left: 100px;
1028
+ } .marginLeft-101 {
1029
+ margin-left: 101px;
1030
+ } .marginLeft-102 {
1031
+ margin-left: 102px;
1032
+ } .marginLeft-103 {
1033
+ margin-left: 103px;
1034
+ } .marginLeft-104 {
1035
+ margin-left: 104px;
1036
+ } .marginLeft-105 {
1037
+ margin-left: 105px;
1038
+ } .marginLeft-106 {
1039
+ margin-left: 106px;
1040
+ } .marginLeft-107 {
1041
+ margin-left: 107px;
1042
+ } .marginLeft-108 {
1043
+ margin-left: 108px;
1044
+ } .marginLeft-109 {
1045
+ margin-left: 109px;
1046
+ } .marginLeft-110 {
1047
+ margin-left: 110px;
1048
+ } .marginLeft-111 {
1049
+ margin-left: 111px;
1050
+ } .marginLeft-112 {
1051
+ margin-left: 112px;
1052
+ } .marginLeft-113 {
1053
+ margin-left: 113px;
1054
+ } .marginLeft-114 {
1055
+ margin-left: 114px;
1056
+ } .marginLeft-115 {
1057
+ margin-left: 115px;
1058
+ } .marginLeft-116 {
1059
+ margin-left: 116px;
1060
+ } .marginLeft-117 {
1061
+ margin-left: 117px;
1062
+ } .marginLeft-118 {
1063
+ margin-left: 118px;
1064
+ } .marginLeft-119 {
1065
+ margin-left: 119px;
1066
+ } .marginLeft-120 {
1067
+ margin-left: 120px;
1068
+ } .marginLeft-121 {
1069
+ margin-left: 121px;
1070
+ } .marginLeft-122 {
1071
+ margin-left: 122px;
1072
+ } .marginLeft-123 {
1073
+ margin-left: 123px;
1074
+ } .marginLeft-124 {
1075
+ margin-left: 124px;
1076
+ } .marginLeft-125 {
1077
+ margin-left: 125px;
1078
+ } .marginLeft-126 {
1079
+ margin-left: 126px;
1080
+ } .marginLeft-127 {
1081
+ margin-left: 127px;
1082
+ } .marginLeft-128 {
1083
+ margin-left: 128px;
1084
+ }