@amiceli/papierjs 0.13.0 → 0.14.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 (388) hide show
  1. package/dist/cjs/app-globals-V2Kpy_OQ.js +0 -3
  2. package/dist/cjs/feather-hhpdTUdS.js +0 -3
  3. package/dist/cjs/{index-BLkeAjdP.js → index-BPI196cE.js} +428 -238
  4. package/dist/cjs/index.cjs.js +0 -3
  5. package/dist/cjs/loader.cjs.js +2 -5
  6. package/dist/cjs/p-accordion.cjs.entry.js +3 -6
  7. package/dist/cjs/p-alert.cjs.entry.js +3 -6
  8. package/dist/cjs/p-badge.cjs.entry.js +3 -6
  9. package/dist/cjs/p-breadcrumb-item.cjs.entry.js +3 -6
  10. package/dist/cjs/p-breadcrumb.cjs.entry.js +3 -6
  11. package/dist/cjs/p-button_4.cjs.entry.js +9 -12
  12. package/dist/cjs/p-card.cjs.entry.js +3 -6
  13. package/dist/cjs/p-icon.cjs.entry.js +803 -492
  14. package/dist/cjs/p-input-text.cjs.entry.js +3 -6
  15. package/dist/cjs/p-leaf.cjs.entry.js +3 -6
  16. package/dist/cjs/p-modal.cjs.entry.js +3 -6
  17. package/dist/cjs/p-navbar-item.cjs.entry.js +3 -6
  18. package/dist/cjs/p-navbar.cjs.entry.js +3 -6
  19. package/dist/cjs/p-notification-preview.cjs.entry.js +1 -4
  20. package/dist/cjs/p-notification.cjs.entry.js +3 -6
  21. package/dist/cjs/p-progress-bar.cjs.entry.js +3 -6
  22. package/dist/cjs/p-slider.cjs.entry.js +3 -6
  23. package/dist/cjs/p-spinner.cjs.entry.js +3 -6
  24. package/dist/cjs/p-switch-tile.cjs.entry.js +3 -6
  25. package/dist/cjs/p-switch.cjs.entry.js +3 -6
  26. package/dist/cjs/p-tab.cjs.entry.js +3 -6
  27. package/dist/cjs/p-tabs.cjs.entry.js +3 -6
  28. package/dist/cjs/p-tooltip.cjs.entry.js +3 -6
  29. package/dist/cjs/papierjs.cjs.js +3 -6
  30. package/dist/collection/collection-manifest.json +2 -2
  31. package/dist/collection/components/breadcrumb/p-breadcrumb/p-breadcrumb.js +1 -2
  32. package/dist/collection/components/breadcrumb/p-breadcrumb-item/p-breadcrumb-item.js +4 -5
  33. package/dist/collection/components/dropdown/p-dropdown/p-dropdown.css +2 -1
  34. package/dist/collection/components/dropdown/p-dropdown/p-dropdown.js +5 -6
  35. package/dist/collection/components/dropdown/p-dropdown-item/p-dropdown-item.js +4 -5
  36. package/dist/collection/components/form/p-input-text/input-text.js +13 -14
  37. package/dist/collection/components/form/p-slider/sliders.js +6 -7
  38. package/dist/collection/components/form/p-slider/sliders.preview.js +0 -1
  39. package/dist/collection/components/form/p-switch/switch.js +4 -5
  40. package/dist/collection/components/form/p-switch-tile/switch-tile.js +5 -6
  41. package/dist/collection/components/navigation/p-navbar/p-navbar.js +5 -6
  42. package/dist/collection/components/navigation/p-navbar-item/p-navbar-item.js +6 -7
  43. package/dist/collection/components/notification/p-notification/p-notification.js +4 -5
  44. package/dist/collection/components/notification/p-notification-handler/p-notification-handler.js +0 -1
  45. package/dist/collection/components/notification/p-notification-handler/stories/p-notification-preview.js +0 -1
  46. package/dist/collection/components/p-accordion/p-accordion.js +4 -5
  47. package/dist/collection/components/p-alert/p-alert.css +2 -1
  48. package/dist/collection/components/p-alert/p-alert.js +3 -4
  49. package/dist/collection/components/p-badge/p-badge.js +2 -3
  50. package/dist/collection/components/p-button/p-button.js +8 -9
  51. package/dist/collection/components/p-card/p-card.css +4 -2
  52. package/dist/collection/components/p-card/p-card.js +4 -5
  53. package/dist/collection/components/p-icon/icons.js +800 -487
  54. package/dist/collection/components/p-icon/p-icon.js +4 -5
  55. package/dist/collection/components/p-leaf/p-leaf.js +1 -2
  56. package/dist/collection/components/p-modal/p-modal.js +0 -1
  57. package/dist/collection/components/p-progress-bar/p-progress-bar.js +6 -7
  58. package/dist/collection/components/p-spinner/p-spinner.js +5 -6
  59. package/dist/collection/components/p-tooltip/p-tooltip.js +7 -8
  60. package/dist/collection/components/tabs/p-tab/p-tab.js +4 -5
  61. package/dist/collection/components/tabs/p-tabs/p-tabs.css +2 -1
  62. package/dist/collection/components/tabs/p-tabs/p-tabs.js +1 -2
  63. package/dist/collection/index.js +0 -1
  64. package/dist/components/index.d.ts +2 -0
  65. package/dist/components/index.js +1 -1598
  66. package/dist/components/p-5-w_S81x.js +1 -0
  67. package/dist/components/p-BGN4QYf2.js +1 -0
  68. package/dist/components/p-C5tpu5nv.js +1 -0
  69. package/dist/components/p-DLeZLI07.js +1 -0
  70. package/dist/components/p-DQalURmG.js +1 -0
  71. package/dist/components/p-DYFuR0tp.js +1 -0
  72. package/dist/components/p-accordion.js +1 -54
  73. package/dist/components/p-alert.js +1 -76
  74. package/dist/components/p-badge.js +1 -52
  75. package/dist/components/p-breadcrumb-item.js +1 -54
  76. package/dist/components/p-breadcrumb.js +1 -58
  77. package/dist/components/p-button.js +1 -9
  78. package/dist/components/p-card.js +1 -59
  79. package/dist/components/p-dropdown-item.js +1 -9
  80. package/dist/components/p-dropdown.js +1 -9
  81. package/dist/components/p-fjnyWEDB.js +165 -2246
  82. package/dist/components/p-icon.js +1 -9
  83. package/dist/components/p-input-text.js +1 -85
  84. package/dist/components/p-leaf.js +1 -42
  85. package/dist/components/p-modal.js +1 -50
  86. package/dist/components/p-navbar-item.js +1 -57
  87. package/dist/components/p-navbar.js +1 -70
  88. package/dist/components/p-notification-handler.js +1 -9
  89. package/dist/components/p-notification-preview.js +1 -104
  90. package/dist/components/p-notification.js +1 -9
  91. package/dist/components/p-progress-bar.js +1 -87
  92. package/dist/components/p-slider.js +1 -57
  93. package/dist/components/p-spinner.js +1 -9
  94. package/dist/components/p-switch-tile.js +1 -69
  95. package/dist/components/p-switch.js +1 -61
  96. package/dist/components/p-tab.js +1 -47
  97. package/dist/components/p-tabs.js +1 -85
  98. package/dist/components/p-tooltip.js +1 -49
  99. package/dist/components/p-wCnrlyQl.js +1 -0
  100. package/dist/esm/app-globals-DQuL1Twl.js +0 -3
  101. package/dist/esm/feather-fjnyWEDB.js +0 -3
  102. package/dist/esm/{index-D_9dM54j.js → index-B4NZTtB_.js} +429 -239
  103. package/dist/esm/index.js +0 -3
  104. package/dist/esm/loader.js +3 -6
  105. package/dist/esm/p-accordion.entry.js +3 -6
  106. package/dist/esm/p-alert.entry.js +3 -6
  107. package/dist/esm/p-badge.entry.js +3 -6
  108. package/dist/esm/p-breadcrumb-item.entry.js +3 -6
  109. package/dist/esm/p-breadcrumb.entry.js +3 -6
  110. package/dist/esm/p-button_4.entry.js +9 -12
  111. package/dist/esm/p-card.entry.js +3 -6
  112. package/dist/esm/p-icon.entry.js +803 -492
  113. package/dist/esm/p-input-text.entry.js +3 -6
  114. package/dist/esm/p-leaf.entry.js +3 -6
  115. package/dist/esm/p-modal.entry.js +3 -6
  116. package/dist/esm/p-navbar-item.entry.js +3 -6
  117. package/dist/esm/p-navbar.entry.js +3 -6
  118. package/dist/esm/p-notification-preview.entry.js +1 -4
  119. package/dist/esm/p-notification.entry.js +3 -6
  120. package/dist/esm/p-progress-bar.entry.js +3 -6
  121. package/dist/esm/p-slider.entry.js +3 -6
  122. package/dist/esm/p-spinner.entry.js +3 -6
  123. package/dist/esm/p-switch-tile.entry.js +3 -6
  124. package/dist/esm/p-switch.entry.js +3 -6
  125. package/dist/esm/p-tab.entry.js +3 -6
  126. package/dist/esm/p-tabs.entry.js +3 -6
  127. package/dist/esm/p-tooltip.entry.js +3 -6
  128. package/dist/esm/papierjs.js +4 -7
  129. package/dist/papierjs/index.esm.js +0 -2
  130. package/dist/papierjs/p-049a4106.entry.js +1 -0
  131. package/dist/papierjs/p-0d6ba9a4.entry.js +1 -0
  132. package/dist/papierjs/p-1071b445.entry.js +1 -0
  133. package/dist/papierjs/p-18e2b807.entry.js +1 -0
  134. package/dist/papierjs/p-1e0a94d9.entry.js +1 -0
  135. package/dist/papierjs/p-3654bad6.entry.js +1 -0
  136. package/dist/papierjs/p-3be660f1.entry.js +1 -0
  137. package/dist/papierjs/p-57dc9248.entry.js +1 -0
  138. package/dist/papierjs/p-59d1a95c.entry.js +1 -0
  139. package/dist/papierjs/p-6178a41a.entry.js +1 -0
  140. package/dist/papierjs/p-67ec8731.entry.js +1 -0
  141. package/dist/papierjs/p-6b73ff84.entry.js +1 -0
  142. package/dist/papierjs/p-72477120.entry.js +1 -0
  143. package/dist/papierjs/p-8d4911ee.entry.js +1 -0
  144. package/dist/papierjs/p-8dfc72ce.entry.js +1 -0
  145. package/dist/papierjs/p-B4NZTtB_.js +2 -0
  146. package/dist/papierjs/p-DQuL1Twl.js +1 -2
  147. package/dist/papierjs/p-a0a5a5f8.entry.js +1 -0
  148. package/dist/papierjs/p-a2a46625.entry.js +1 -0
  149. package/dist/papierjs/p-b3ff9364.entry.js +1 -0
  150. package/dist/papierjs/p-c7d6c23a.entry.js +1 -0
  151. package/dist/papierjs/p-d6e3f78d.entry.js +1 -0
  152. package/dist/papierjs/p-d6fa2cc2.entry.js +1 -0
  153. package/dist/papierjs/p-d8f96a15.entry.js +1 -0
  154. package/dist/papierjs/p-d9520b51.entry.js +1 -0
  155. package/dist/papierjs/p-fjnyWEDB.js +79 -80
  156. package/dist/papierjs/papierjs.esm.js +1 -2
  157. package/dist/types/components.d.ts +186 -49
  158. package/dist/types/stencil-public-runtime.d.ts +155 -6
  159. package/package.json +21 -21
  160. package/dist/cjs/app-globals-V2Kpy_OQ.js.map +0 -1
  161. package/dist/cjs/feather-hhpdTUdS.js.map +0 -1
  162. package/dist/cjs/index-BLkeAjdP.js.map +0 -1
  163. package/dist/cjs/index.cjs.js.map +0 -1
  164. package/dist/cjs/loader.cjs.js.map +0 -1
  165. package/dist/cjs/p-accordion.cjs.entry.js.map +0 -1
  166. package/dist/cjs/p-accordion.entry.cjs.js.map +0 -1
  167. package/dist/cjs/p-alert.cjs.entry.js.map +0 -1
  168. package/dist/cjs/p-alert.entry.cjs.js.map +0 -1
  169. package/dist/cjs/p-badge.cjs.entry.js.map +0 -1
  170. package/dist/cjs/p-badge.entry.cjs.js.map +0 -1
  171. package/dist/cjs/p-breadcrumb-item.cjs.entry.js.map +0 -1
  172. package/dist/cjs/p-breadcrumb-item.entry.cjs.js.map +0 -1
  173. package/dist/cjs/p-breadcrumb.cjs.entry.js.map +0 -1
  174. package/dist/cjs/p-breadcrumb.entry.cjs.js.map +0 -1
  175. package/dist/cjs/p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.cjs.js.map +0 -1
  176. package/dist/cjs/p-button_4.cjs.entry.js.map +0 -1
  177. package/dist/cjs/p-card.cjs.entry.js.map +0 -1
  178. package/dist/cjs/p-card.entry.cjs.js.map +0 -1
  179. package/dist/cjs/p-icon.cjs.entry.js.map +0 -1
  180. package/dist/cjs/p-icon.entry.cjs.js.map +0 -1
  181. package/dist/cjs/p-input-text.cjs.entry.js.map +0 -1
  182. package/dist/cjs/p-input-text.entry.cjs.js.map +0 -1
  183. package/dist/cjs/p-leaf.cjs.entry.js.map +0 -1
  184. package/dist/cjs/p-leaf.entry.cjs.js.map +0 -1
  185. package/dist/cjs/p-modal.cjs.entry.js.map +0 -1
  186. package/dist/cjs/p-modal.entry.cjs.js.map +0 -1
  187. package/dist/cjs/p-navbar-item.cjs.entry.js.map +0 -1
  188. package/dist/cjs/p-navbar-item.entry.cjs.js.map +0 -1
  189. package/dist/cjs/p-navbar.cjs.entry.js.map +0 -1
  190. package/dist/cjs/p-navbar.entry.cjs.js.map +0 -1
  191. package/dist/cjs/p-notification-preview.cjs.entry.js.map +0 -1
  192. package/dist/cjs/p-notification-preview.entry.cjs.js.map +0 -1
  193. package/dist/cjs/p-notification.cjs.entry.js.map +0 -1
  194. package/dist/cjs/p-notification.entry.cjs.js.map +0 -1
  195. package/dist/cjs/p-progress-bar.cjs.entry.js.map +0 -1
  196. package/dist/cjs/p-progress-bar.entry.cjs.js.map +0 -1
  197. package/dist/cjs/p-slider.cjs.entry.js.map +0 -1
  198. package/dist/cjs/p-slider.entry.cjs.js.map +0 -1
  199. package/dist/cjs/p-spinner.cjs.entry.js.map +0 -1
  200. package/dist/cjs/p-spinner.entry.cjs.js.map +0 -1
  201. package/dist/cjs/p-switch-tile.cjs.entry.js.map +0 -1
  202. package/dist/cjs/p-switch-tile.entry.cjs.js.map +0 -1
  203. package/dist/cjs/p-switch.cjs.entry.js.map +0 -1
  204. package/dist/cjs/p-switch.entry.cjs.js.map +0 -1
  205. package/dist/cjs/p-tab.cjs.entry.js.map +0 -1
  206. package/dist/cjs/p-tab.entry.cjs.js.map +0 -1
  207. package/dist/cjs/p-tabs.cjs.entry.js.map +0 -1
  208. package/dist/cjs/p-tabs.entry.cjs.js.map +0 -1
  209. package/dist/cjs/p-tooltip.cjs.entry.js.map +0 -1
  210. package/dist/cjs/p-tooltip.entry.cjs.js.map +0 -1
  211. package/dist/cjs/papierjs.cjs.js.map +0 -1
  212. package/dist/collection/components/breadcrumb/p-breadcrumb/p-breadcrumb.js.map +0 -1
  213. package/dist/collection/components/breadcrumb/p-breadcrumb-item/p-breadcrumb-item.js.map +0 -1
  214. package/dist/collection/components/dropdown/p-dropdown/p-dropdown.js.map +0 -1
  215. package/dist/collection/components/dropdown/p-dropdown-item/p-dropdown-item.js.map +0 -1
  216. package/dist/collection/components/form/p-input-text/input-text.js.map +0 -1
  217. package/dist/collection/components/form/p-slider/sliders.js.map +0 -1
  218. package/dist/collection/components/form/p-slider/sliders.preview.js.map +0 -1
  219. package/dist/collection/components/form/p-switch/switch.js.map +0 -1
  220. package/dist/collection/components/form/p-switch-tile/switch-tile.js.map +0 -1
  221. package/dist/collection/components/navigation/p-navbar/p-navbar.js.map +0 -1
  222. package/dist/collection/components/navigation/p-navbar-item/p-navbar-item.js.map +0 -1
  223. package/dist/collection/components/notification/p-notification/p-notification.js.map +0 -1
  224. package/dist/collection/components/notification/p-notification-handler/p-notification-handler.js.map +0 -1
  225. package/dist/collection/components/notification/p-notification-handler/stories/p-notification-preview.js.map +0 -1
  226. package/dist/collection/components/p-accordion/p-accordion.js.map +0 -1
  227. package/dist/collection/components/p-alert/p-alert.js.map +0 -1
  228. package/dist/collection/components/p-badge/p-badge.js.map +0 -1
  229. package/dist/collection/components/p-button/p-button.js.map +0 -1
  230. package/dist/collection/components/p-card/p-card.js.map +0 -1
  231. package/dist/collection/components/p-icon/icons.js.map +0 -1
  232. package/dist/collection/components/p-icon/p-icon.js.map +0 -1
  233. package/dist/collection/components/p-leaf/p-leaf.js.map +0 -1
  234. package/dist/collection/components/p-modal/p-modal.js.map +0 -1
  235. package/dist/collection/components/p-progress-bar/p-progress-bar.js.map +0 -1
  236. package/dist/collection/components/p-spinner/p-spinner.js.map +0 -1
  237. package/dist/collection/components/p-tooltip/p-tooltip.js.map +0 -1
  238. package/dist/collection/components/tabs/p-tab/p-tab.js.map +0 -1
  239. package/dist/collection/components/tabs/p-tabs/p-tabs.js.map +0 -1
  240. package/dist/collection/index.js.map +0 -1
  241. package/dist/components/index.js.map +0 -1
  242. package/dist/components/p-BoXBUJUF.js +0 -53
  243. package/dist/components/p-BoXBUJUF.js.map +0 -1
  244. package/dist/components/p-C4fWM-W2.js +0 -93
  245. package/dist/components/p-C4fWM-W2.js.map +0 -1
  246. package/dist/components/p-DJ_d_AJY.js +0 -533
  247. package/dist/components/p-DJ_d_AJY.js.map +0 -1
  248. package/dist/components/p-DKlrOj-0.js +0 -78
  249. package/dist/components/p-DKlrOj-0.js.map +0 -1
  250. package/dist/components/p-DZbntG23.js +0 -49
  251. package/dist/components/p-DZbntG23.js.map +0 -1
  252. package/dist/components/p-Ixyl16zU.js +0 -102
  253. package/dist/components/p-Ixyl16zU.js.map +0 -1
  254. package/dist/components/p-accordion.js.map +0 -1
  255. package/dist/components/p-alert.js.map +0 -1
  256. package/dist/components/p-badge.js.map +0 -1
  257. package/dist/components/p-breadcrumb-item.js.map +0 -1
  258. package/dist/components/p-breadcrumb.js.map +0 -1
  259. package/dist/components/p-button.js.map +0 -1
  260. package/dist/components/p-card.js.map +0 -1
  261. package/dist/components/p-dropdown-item.js.map +0 -1
  262. package/dist/components/p-dropdown.js.map +0 -1
  263. package/dist/components/p-fjnyWEDB.js.map +0 -1
  264. package/dist/components/p-icon.js.map +0 -1
  265. package/dist/components/p-input-text.js.map +0 -1
  266. package/dist/components/p-k0dKInmh.js +0 -81
  267. package/dist/components/p-k0dKInmh.js.map +0 -1
  268. package/dist/components/p-leaf.js.map +0 -1
  269. package/dist/components/p-modal.js.map +0 -1
  270. package/dist/components/p-navbar-item.js.map +0 -1
  271. package/dist/components/p-navbar.js.map +0 -1
  272. package/dist/components/p-notification-handler.js.map +0 -1
  273. package/dist/components/p-notification-preview.js.map +0 -1
  274. package/dist/components/p-notification.js.map +0 -1
  275. package/dist/components/p-progress-bar.js.map +0 -1
  276. package/dist/components/p-slider.js.map +0 -1
  277. package/dist/components/p-spinner.js.map +0 -1
  278. package/dist/components/p-switch-tile.js.map +0 -1
  279. package/dist/components/p-switch.js.map +0 -1
  280. package/dist/components/p-tab.js.map +0 -1
  281. package/dist/components/p-tabs.js.map +0 -1
  282. package/dist/components/p-tooltip.js.map +0 -1
  283. package/dist/esm/app-globals-DQuL1Twl.js.map +0 -1
  284. package/dist/esm/feather-fjnyWEDB.js.map +0 -1
  285. package/dist/esm/index-D_9dM54j.js.map +0 -1
  286. package/dist/esm/index.js.map +0 -1
  287. package/dist/esm/loader.js.map +0 -1
  288. package/dist/esm/p-accordion.entry.js.map +0 -1
  289. package/dist/esm/p-alert.entry.js.map +0 -1
  290. package/dist/esm/p-badge.entry.js.map +0 -1
  291. package/dist/esm/p-breadcrumb-item.entry.js.map +0 -1
  292. package/dist/esm/p-breadcrumb.entry.js.map +0 -1
  293. package/dist/esm/p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.js.map +0 -1
  294. package/dist/esm/p-button_4.entry.js.map +0 -1
  295. package/dist/esm/p-card.entry.js.map +0 -1
  296. package/dist/esm/p-icon.entry.js.map +0 -1
  297. package/dist/esm/p-input-text.entry.js.map +0 -1
  298. package/dist/esm/p-leaf.entry.js.map +0 -1
  299. package/dist/esm/p-modal.entry.js.map +0 -1
  300. package/dist/esm/p-navbar-item.entry.js.map +0 -1
  301. package/dist/esm/p-navbar.entry.js.map +0 -1
  302. package/dist/esm/p-notification-preview.entry.js.map +0 -1
  303. package/dist/esm/p-notification.entry.js.map +0 -1
  304. package/dist/esm/p-progress-bar.entry.js.map +0 -1
  305. package/dist/esm/p-slider.entry.js.map +0 -1
  306. package/dist/esm/p-spinner.entry.js.map +0 -1
  307. package/dist/esm/p-switch-tile.entry.js.map +0 -1
  308. package/dist/esm/p-switch.entry.js.map +0 -1
  309. package/dist/esm/p-tab.entry.js.map +0 -1
  310. package/dist/esm/p-tabs.entry.js.map +0 -1
  311. package/dist/esm/p-tooltip.entry.js.map +0 -1
  312. package/dist/esm/papierjs.js.map +0 -1
  313. package/dist/papierjs/index.esm.js.map +0 -1
  314. package/dist/papierjs/loader.esm.js.map +0 -1
  315. package/dist/papierjs/p-06665233.entry.js +0 -2
  316. package/dist/papierjs/p-06665233.entry.js.map +0 -1
  317. package/dist/papierjs/p-0669cc21.entry.js +0 -2
  318. package/dist/papierjs/p-0669cc21.entry.js.map +0 -1
  319. package/dist/papierjs/p-32a83d75.entry.js +0 -2
  320. package/dist/papierjs/p-32a83d75.entry.js.map +0 -1
  321. package/dist/papierjs/p-3521cd61.entry.js +0 -2
  322. package/dist/papierjs/p-3521cd61.entry.js.map +0 -1
  323. package/dist/papierjs/p-36b16c41.entry.js +0 -2
  324. package/dist/papierjs/p-36b16c41.entry.js.map +0 -1
  325. package/dist/papierjs/p-5123b85c.entry.js +0 -2
  326. package/dist/papierjs/p-5123b85c.entry.js.map +0 -1
  327. package/dist/papierjs/p-584a8668.entry.js +0 -2
  328. package/dist/papierjs/p-584a8668.entry.js.map +0 -1
  329. package/dist/papierjs/p-5b2a221d.entry.js +0 -2
  330. package/dist/papierjs/p-5b2a221d.entry.js.map +0 -1
  331. package/dist/papierjs/p-67844159.entry.js +0 -2
  332. package/dist/papierjs/p-67844159.entry.js.map +0 -1
  333. package/dist/papierjs/p-746d71e0.entry.js +0 -2
  334. package/dist/papierjs/p-746d71e0.entry.js.map +0 -1
  335. package/dist/papierjs/p-7568d1fc.entry.js +0 -2
  336. package/dist/papierjs/p-7568d1fc.entry.js.map +0 -1
  337. package/dist/papierjs/p-7b5bdb17.entry.js +0 -2
  338. package/dist/papierjs/p-7b5bdb17.entry.js.map +0 -1
  339. package/dist/papierjs/p-84f025d2.entry.js +0 -2
  340. package/dist/papierjs/p-84f025d2.entry.js.map +0 -1
  341. package/dist/papierjs/p-88d842c1.entry.js +0 -2
  342. package/dist/papierjs/p-88d842c1.entry.js.map +0 -1
  343. package/dist/papierjs/p-DQuL1Twl.js.map +0 -1
  344. package/dist/papierjs/p-D_9dM54j.js +0 -3
  345. package/dist/papierjs/p-D_9dM54j.js.map +0 -1
  346. package/dist/papierjs/p-a78f900c.entry.js +0 -2
  347. package/dist/papierjs/p-a78f900c.entry.js.map +0 -1
  348. package/dist/papierjs/p-accordion.entry.esm.js.map +0 -1
  349. package/dist/papierjs/p-alert.entry.esm.js.map +0 -1
  350. package/dist/papierjs/p-badge.entry.esm.js.map +0 -1
  351. package/dist/papierjs/p-breadcrumb-item.entry.esm.js.map +0 -1
  352. package/dist/papierjs/p-breadcrumb.entry.esm.js.map +0 -1
  353. package/dist/papierjs/p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.esm.js.map +0 -1
  354. package/dist/papierjs/p-c0b0d2e5.entry.js +0 -2
  355. package/dist/papierjs/p-c0b0d2e5.entry.js.map +0 -1
  356. package/dist/papierjs/p-c40d688c.entry.js +0 -2
  357. package/dist/papierjs/p-c40d688c.entry.js.map +0 -1
  358. package/dist/papierjs/p-card.entry.esm.js.map +0 -1
  359. package/dist/papierjs/p-e66223a0.entry.js +0 -2
  360. package/dist/papierjs/p-e66223a0.entry.js.map +0 -1
  361. package/dist/papierjs/p-ee13e3f6.entry.js +0 -2
  362. package/dist/papierjs/p-ee13e3f6.entry.js.map +0 -1
  363. package/dist/papierjs/p-f24c4b34.entry.js +0 -2
  364. package/dist/papierjs/p-f24c4b34.entry.js.map +0 -1
  365. package/dist/papierjs/p-fb89dd1a.entry.js +0 -2
  366. package/dist/papierjs/p-fb89dd1a.entry.js.map +0 -1
  367. package/dist/papierjs/p-fbafe809.entry.js +0 -2
  368. package/dist/papierjs/p-fbafe809.entry.js.map +0 -1
  369. package/dist/papierjs/p-fe48422b.entry.js +0 -2
  370. package/dist/papierjs/p-fe48422b.entry.js.map +0 -1
  371. package/dist/papierjs/p-fjnyWEDB.js.map +0 -1
  372. package/dist/papierjs/p-icon.entry.esm.js.map +0 -1
  373. package/dist/papierjs/p-input-text.entry.esm.js.map +0 -1
  374. package/dist/papierjs/p-leaf.entry.esm.js.map +0 -1
  375. package/dist/papierjs/p-modal.entry.esm.js.map +0 -1
  376. package/dist/papierjs/p-navbar-item.entry.esm.js.map +0 -1
  377. package/dist/papierjs/p-navbar.entry.esm.js.map +0 -1
  378. package/dist/papierjs/p-notification-preview.entry.esm.js.map +0 -1
  379. package/dist/papierjs/p-notification.entry.esm.js.map +0 -1
  380. package/dist/papierjs/p-progress-bar.entry.esm.js.map +0 -1
  381. package/dist/papierjs/p-slider.entry.esm.js.map +0 -1
  382. package/dist/papierjs/p-spinner.entry.esm.js.map +0 -1
  383. package/dist/papierjs/p-switch-tile.entry.esm.js.map +0 -1
  384. package/dist/papierjs/p-switch.entry.esm.js.map +0 -1
  385. package/dist/papierjs/p-tab.entry.esm.js.map +0 -1
  386. package/dist/papierjs/p-tabs.entry.esm.js.map +0 -1
  387. package/dist/papierjs/p-tooltip.entry.esm.js.map +0 -1
  388. package/dist/papierjs/papierjs.esm.js.map +0 -1
@@ -0,0 +1 @@
1
+ import{r,c as e,h as o,H as t}from"./p-B4NZTtB_.js";const a=class{constructor(o){r(this,o),this.closeEvent=e(this,"close"),this.isOpen=!1}async open(){this.isOpen=!0}async close(){this.isOpen=!1,this.closeEvent.emit(null)}render(){return o(t,{key:"61c6d0060383275ccbb27c2e4468cafa04b63648"},this.isOpen&&o("div",{key:"100b07cb554082bde58227321f3ba0cfb9731a83",class:"papier"},o("div",{key:"0bcdd872ebf66825c4e3a9cd479b500804b9ff73",class:"modal"},o("div",{key:"81c21a9fa6455ce8e1df9f63521425185d248ef0",class:"modal-bg",onClick:()=>this.close()}),o("div",{key:"2c720910f39ce10f407a536a27cab892c433f7b2",class:"modal-body"},o("span",{key:"ab14dcc3cda57b3d524f0d0559a13e1248e51914",class:"btn-close",onClick:()=>this.close()},"X"),o("h4",{key:"0ce0b4f8109acdac4b6079023771cb6de769068d",class:"modal-title"},o("slot",{key:"5fee6d8b8bc4df124888f173bd56dbda9c26162b",name:"title"})),o("h5",{key:"c286912b47abf4b83342ffcacef3c5a2001beefc",class:"modal-subtitle"},o("slot",{key:"b616ba02945af0d4eaadaa98598a063c2ad3d5e3",name:"sub-title"})),o("p",{key:"aa75bff62cdfabfdbf91505451c560b09cbe7125",class:"modal-text"},o("slot",{key:"4580aad41014f7d1c228341a4878d9f7294227fe",name:"text"})),o("slot",{key:"b8b36b02823e4bcd3b4f6f1711054039f9dd59fb"})))))}};a.style='@charset "UTF-8"; :host .papier { @import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap"); font-family: "Neucha", sans-serif; font-size: 20px; } :host .papier html { --primary: #41403e; --secondary: #0b74d5; --success: #86a361; --warning: #ddcd45; --danger: #a7342d; --muted: #868e96; --primary-light: #cdcccb; --secondary-light: #d8ebfd; --success-light: #d5dfc8; --warning-light: #f5f0c6; --danger-light: #f0cbc9; --muted-light: #e6e7e9; --primary-dark: black; --secondary-dark: black; --success-dark: #374427; --warning-dark: #746a15; --danger-dark: black; --muted-dark: #313538; --primary-light-10: #5b5a57; --secondary-light-10: #208ef3; --success-light-10: #9fb681; --warning-light-10: #e5d970; --danger-light-10: #cb453c; --muted-light-10: #a1a8ae; --primary-dark-10: #272625; --secondary-dark-10: #085aa5; --success-dark-10: #4a5a35; --warning-dark-10: #746a15; --danger-dark-10: #7f2722; --muted-dark-10: #6c757d; --primary-shaded-50: #c1c0bd; --primary-shaded-70: #f2f2f2; --white-dark: rgba(0, 0, 0, 0.03); --white-dark-light-80: rgba(204, 204, 204, 0.03); --light-dark: rgba(0, 0, 0, 0.7); --white: white; --main-background: white; --main-background-light: white; --black: black; --primary-text: #272625; --secondary-text: #085aa5; --success-text: #4a5a35; --warning-text: #746a15; --danger-text: #7f2722; --muted-text: #6c757d; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #fff; } :host .papier html.dark { --primary: #fff; --secondary: #5595ce; --success: #70c272; --warning: #d4c252; --danger: #df4c57; --muted: #868e96; --primary-light: white; --secondary-light: #69a1d4; --success-light: #82ca84; --warning-light: #d9c966; --danger-light: #e3626b; --muted-light: #949ba2; --primary-dark: gray; --secondary-dark: #1f476b; --success-dark: #265927; --warning-dark: #71651c; --danger-dark: #7c161e; --muted-dark: #313538; --primary-light-10: white; --secondary-light-10: #7daed9; --success-light-10: #94d195; --warning-light-10: #ded07b; --danger-light-10: #e77780; --muted-light-10: #a1a8ae; --primary-dark-10: #e6e6e6; --secondary-dark-10: #367cba; --success-dark-10: #4cb34f; --warning-dark-10: #c3ae30; --danger-dark-10: #d22633; --muted-dark-10: #6c757d; --primary-shaded-50: #343332; --primary-shaded-70: #2f2e2d; --white-dark: rgba(255, 255, 255, 0.03); --white-dark-light-80: rgba(255, 255, 255, 0.03); --light-dark: rgba(255, 255, 255, 0.7); --white: white; --main-background: #41403e; --main-background-light: #c1c0bd; --black: black; --primary-text: #41403e; --secondary-text: #1f476b; --success-text: #265927; --warning-text: #71651c; --danger-text: #7c161e; --muted-text: #949ba2; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #41403e; } :host .papier .text-primary { color: #41403e; color: var(--primary); } :host .papier .background-primary { background-color: #41403e; background-color: var(--primary-light); } :host .papier .text-secondary { color: #41403e; color: var(--secondary); } :host .papier .background-secondary { background-color: #41403e; background-color: var(--secondary-light); } :host .papier .text-success { color: #41403e; color: var(--success); } :host .papier .background-success { background-color: #41403e; background-color: var(--success-light); } :host .papier .text-warning { color: #41403e; color: var(--warning); } :host .papier .background-warning { background-color: #41403e; background-color: var(--warning-light); } :host .papier .text-danger { color: #41403e; color: var(--danger); } :host .papier .background-danger { background-color: #41403e; background-color: var(--danger-light); } :host .papier .text-muted { color: #41403e; color: var(--muted); } :host .papier .background-muted { background-color: #41403e; background-color: var(--muted-light); } :host .papier html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } :host .papier body { margin: 0; } :host .papier article, :host .papier aside, :host .papier footer, :host .papier header, :host .papier nav, :host .papier section { display: block; } :host .papier h1 { font-size: 2em; margin: 0.67em 0; } :host .papier figcaption, :host .papier figure, :host .papier main { display: block; } :host .papier figure { margin: 1em 40px; } :host .papier hr { box-sizing: content-box; height: 0; overflow: visible; } :host .papier pre { font-family: monospace, monospace; font-size: 1em; } :host .papier a { background-color: transparent; -webkit-text-decoration-skip: objects; } :host .papier abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } :host .papier b, :host .papier strong { font-weight: inherit; } :host .papier b, :host .papier strong { font-weight: bolder; } :host .papier code, :host .papier kbd, :host .papier samp { font-family: monospace, monospace; font-size: 1em; } :host .papier dfn { font-style: italic; } :host .papier mark { background-color: #ff0; color: #000; } :host .papier small { font-size: 80%; } :host .papier sub, :host .papier sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } :host .papier sub { bottom: -0.25em; } :host .papier sup { top: -0.5em; } :host .papier audio, :host .papier video { display: inline-block; } :host .papier audio:not([controls]) { display: none; height: 0; } :host .papier img { border-style: none; } :host .papier svg:not(:root) { overflow: hidden; } :host .papier button, :host .papier input, :host .papier optgroup, :host .papier select, :host .papier textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } :host .papier button, :host .papier input { overflow: visible; } :host .papier button, :host .papier select { text-transform: none; } :host .papier [type=reset], :host .papier [type=submit], :host .papier button, :host .papier html [type=button] { -webkit-appearance: button; } :host .papier [type=button]::-moz-focus-inner, :host .papier [type=reset]::-moz-focus-inner, :host .papier [type=submit]::-moz-focus-inner, :host .papier button::-moz-focus-inner { border-style: none; padding: 0; } :host .papier [type=button]:-moz-focusring, :host .papier [type=reset]:-moz-focusring, :host .papier [type=submit]:-moz-focusring, :host .papier button:-moz-focusring { outline: 1px dotted ButtonText; } :host .papier fieldset { padding: 0.35em 0.75em 0.625em; } :host .papier legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } :host .papier progress { display: inline-block; vertical-align: baseline; } :host .papier textarea { overflow: auto; } :host .papier [type=checkbox], :host .papier [type=radio] { box-sizing: border-box; padding: 0; } :host .papier [type=number]::-webkit-inner-spin-button, :host .papier [type=number]::-webkit-outer-spin-button { height: auto; } :host .papier [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } :host .papier [type=search]::-webkit-search-cancel-button, :host .papier [type=search]::-webkit-search-decoration { -webkit-appearance: none; } :host .papier ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } :host .papier details, :host .papier menu { display: block; } :host .papier summary { display: list-item; } :host .papier canvas { display: inline-block; } :host .papier template { display: none; } :host .papier [hidden] { display: none; } :host .papier html { box-sizing: border-box; } :host .papier *, :host .papier *:before, :host .papier *:after { box-sizing: inherit; } :host .papier .container { margin: 0 auto; max-width: 960px; position: relative; width: 100%; } @media only screen and (max-width: 992px) { :host .papier .container { width: 85%; } } @media only screen and (max-width: 480px) { :host .papier .container { width: 90%; } } :host .papier .container.container-xs { max-width: 480px; } :host .papier .container.container-sm { max-width: 768px; } :host .papier .container.container-md { max-width: 992px; } :host .papier .container.container-lg { max-width: 1200px; } :host .papier .section { margin-bottom: 2rem; margin-top: 1rem; word-wrap: break-word; } :host .papier .section::after { color: #8f8d89; content: "~~~"; display: block; font-size: 1.5rem; position: relative; text-align: center; } :host .papier hr { border: 0; } :host .papier hr::after { color: #8f8d89; content: "~~~"; display: block; font-size: 1.5rem; position: relative; text-align: center; top: -0.75rem; } :host .papier .paper { background-color: #41403e; background-color: var(--main-background); border: 1px solid #cdcccb; box-shadow: -1px 5px 35px -9px rgba(0, 0, 0, 0.2); margin-bottom: 1rem; margin-top: 1rem; padding: 2rem; } @media only screen and (max-width: 480px) { :host .papier .paper { margin-bottom: 0; margin-top: 0; padding: 1rem; width: 100%; } } :host .papier .row { display: flex; flex-flow: row wrap; margin-bottom: 1rem; margin-left: auto; margin-right: auto; } :host .papier .row.flex-right { justify-content: flex-end; } :host .papier .row.flex-center { justify-content: center; } :host .papier .row.flex-edges { justify-content: space-between; } :host .papier .row.flex-spaces { justify-content: space-around; } :host .papier .row.flex-top { align-items: flex-start; } :host .papier .row.flex-middle { align-items: center; } :host .papier .row.flex-bottom { align-items: flex-end; } :host .papier .col { padding: 1rem; } @media only screen and (max-width: 768px) { :host .papier .col { flex: 0 0 100%; max-width: 100%; } } :host .papier .col-fill { flex: 1 1 0; width: auto; } @media only screen and (min-width: 0) { :host .papier .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .col-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .col-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .col-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .col-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 480px) { :host .papier .xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .xs-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .xs-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .xs-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .xs-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 768px) { :host .papier .sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .sm-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .sm-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .sm-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .sm-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 992px) { :host .papier .md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .md-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .md-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .md-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .md-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1200px) { :host .papier .lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .lg-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .lg-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .lg-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .lg-12 { flex: 0 0 100%; max-width: 100%; } } :host .papier .align-top { align-self: flex-start; } :host .papier .align-middle { align-self: center; } :host .papier .align-bottom { align-self: flex-end; } :host .papier .container { margin: 0 auto; max-width: 960px; position: relative; width: 100%; } @media only screen and (max-width: 992px) { :host .papier .container { width: 85%; } } @media only screen and (max-width: 480px) { :host .papier .container { width: 90%; } } :host .papier code { color: #41403e; color: var(--secondary); background-color: #41403e; background-color: var(--primary-shaded-70); border-radius: 3px; font-size: 80%; padding: 2px 4px; } :host .papier kbd { color: #41403e; color: var(--primary-inverse); background-color: #41403e; background-color: var(--primary); border-radius: 3px; font-size: 80%; padding: 2px 4px; } :host .papier pre { color: #41403e; color: var(--inverse-primary); background-color: #41403e; background-color: var(--primary-shaded-70); border-color: #41403e; border-color: var(--primary-shaded-50); border-radius: 3px; border-style: solid; border-width: 1px; display: block; font-size: 80%; line-height: 1.5; overflow-x: auto; padding: 1em; white-space: pre; word-break: break-all; word-wrap: break-word; } :host .papier pre code { color: #41403e; color: var(--inverse-primary); background: transparent; display: block; font-size: inherit; padding: initial; white-space: pre; } :host .papier html { color: #41403e; color: var(--primary); font-family: "Neucha", sans-serif; font-size: 20px; } :host .papier p, :host .papier a, :host .papier button, :host .papier li, :host .papier table, :host .papier thead, :host .papier tbody, :host .papier th, :host .papier tr, :host .papier td, :host .papier input, :host .papier textarea, :host .papier select, :host .papier option { font-family: "Neucha", sans-serif; } :host .papier h1, :host .papier h2, :host .papier h3, :host .papier h4, :host .papier h5, :host .papier h6 { font-family: "Patrick Hand SC", sans-serif; font-weight: normal; } :host .papier h1 { font-size: 4rem; } :host .papier h2 { font-size: 3rem; } :host .papier h3 { font-size: 2rem; } :host .papier h4 { font-size: 1.5rem; } :host .papier h5 { font-size: 1rem; } :host .papier h6 { font-size: 0.8rem; } :host .papier .text-left { text-align: left; } :host .papier .text-center { text-align: center; } :host .papier .text-right { text-align: right; } :host .papier img { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; display: block; height: auto; max-width: 100%; } :host .papier img.float-left { float: left; margin: 1rem 1rem 1rem 0; } :host .papier img.float-right { float: right; margin: 1rem 0 1rem 1rem; } :host .papier img.no-responsive { display: initial; height: initial; max-width: initial; } :host .papier img.no-border { border: 0; border-radius: 0; } :host .papier ol { list-style-type: decimal; } :host .papier ol ol { list-style-type: upper-alpha; } :host .papier ol ol ol { list-style-type: upper-roman; } :host .papier ol ol ol ol { list-style-type: lower-alpha; } :host .papier ol ol ol ol ol { list-style-type: lower-roman; } :host .papier ul { list-style: none; margin-left: 0; } :host .papier ul li::before { content: "-"; } :host .papier ul li { text-indent: -7px; } :host .papier ul li .badge, :host .papier ul li [popover-bottom]::after, :host .papier ul li [popover-left]::after, :host .papier ul li [popover-right]::after, :host .papier ul li [popover-top]::after { text-indent: 0; } :host .papier ul li::before { left: -7px; position: relative; } :host .papier ul ul li::before { content: "+"; } :host .papier ul ul ul li::before { content: "~"; } :host .papier ul ul ul ul li::before { content: "⤍"; } :host .papier ul ul ul ul ul li::before { content: "⁎"; } :host .papier ul.inline li { display: inline; margin-left: 5px; } :host .papier table { box-sizing: border-box; max-width: 100%; overflow-x: auto; width: 100%; } @media only screen and (max-width: 480px) { :host .papier table thead tr th { padding: 2%; } :host .papier table tbody tr td { padding: 2%; } } :host .papier table thead tr th { line-height: 1.5; padding: 8px; text-align: left; vertical-align: bottom; } :host .papier table tbody tr td { border-top: 1px dashed #d9d9d8; line-height: 1.5; padding: 8px; vertical-align: top; } :host .papier table.table-hover tbody tr:hover { color: #41403e; color: var(--secondary); } :host .papier table.table-alternating tbody tr:nth-of-type(even) { color: #82807c; } :host .papier .border { border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; } :host .papier .border, :host .papier .border-1, :host .papier .child-borders > *:nth-child(6n+1) { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; } :host .papier .border-2, :host .papier .child-borders > *:nth-child(6n+2) { border-bottom-left-radius: 185px 25px; border-bottom-right-radius: 20px 205px; border-top-left-radius: 125px 25px; border-top-right-radius: 10px 205px; } :host .papier .border-3, :host .papier .child-borders > *:nth-child(6n+3) { border-bottom-left-radius: 225px 15px; border-bottom-right-radius: 15px 255px; border-top-left-radius: 15px 225px; border-top-right-radius: 255px 15px; } :host .papier .border-4, :host .papier .child-borders > *:nth-child(6n+4) { border-bottom-left-radius: 25px 115px; border-bottom-right-radius: 155px 25px; border-top-left-radius: 15px 225px; border-top-right-radius: 25px 150px; } :host .papier .border-5, :host .papier .child-borders > *:nth-child(6n+5) { border-bottom-left-radius: 20px 115px; border-bottom-right-radius: 15px 105px; border-top-left-radius: 250px 15px; border-top-right-radius: 25px 80px; } :host .papier .border-6, :host .papier .child-borders > *:nth-child(6n+6) { border-bottom-left-radius: 15px 225px; border-bottom-right-radius: 20px 205px; border-top-left-radius: 28px 125px; border-top-right-radius: 100px 30px; } :host .papier .child-borders > * { border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; } :host .papier .border-white { border-color: #41403e; border-color: var(--white); } :host .papier .border-dotted { border-style: dotted; } :host .papier .border-dashed { border-style: dashed; } :host .papier .border-thick { border-width: 5px; } :host .papier .border-primary { border-color: #41403e; border-color: var(--primary); } :host .papier .border-secondary { border-color: #41403e; border-color: var(--secondary); } :host .papier .border-success { border-color: #41403e; border-color: var(--success); } :host .papier .border-warning { border-color: #41403e; border-color: var(--warning); } :host .papier .border-danger { border-color: #41403e; border-color: var(--danger); } :host .papier .border-muted { border-color: #41403e; border-color: var(--muted); } :host .papier .shadow { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); } :host .papier .shadow.shadow-large { transition: all 235ms ease 0s; box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2); } :host .papier .shadow.shadow-small { transition: all 235ms ease 0s; box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2); } :host .papier .shadow.shadow-hover:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier .child-shadows > * { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); } :host .papier .child-shadows .shadow-none { box-shadow: none; } :host .papier .child-shadows-hover > * { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); } :host .papier .child-shadows-hover > *:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier .collapsible { display: flex; flex-direction: column; } :host .papier .collapsible:nth-of-type(1) { border-top-color: #41403e; border-top-color: var(--muted-light); border-top-style: solid; border-top-width: 1px; } :host .papier .collapsible .collapsible-body { border-bottom-color: #41403e; border-bottom-color: var(--muted-light); background-color: #41403e; background-color: var(--white-dark-light-80); transition: all 235ms ease-in-out 0s; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; max-height: 0; opacity: 0; overflow: hidden; padding: 0 0.75rem; } :host .papier .collapsible > input { display: none; } :host .papier .collapsible > input:checked + label { color: #41403e; color: var(--primary); } :host .papier .collapsible > input[id^=collapsible]:checked ~ div.collapsible-body { margin: 0; max-height: 960px; opacity: 1; padding: 0.75rem; } :host .papier .collapsible > label { color: #41403e; color: var(--primary); border-bottom-color: #41403e; border-bottom-color: var(--muted-light); border-bottom-style: solid; border-bottom-width: 1px; display: inline-block; font-weight: 600; margin: 0 0 -1px; padding: 0.75rem; text-align: center; } :host .papier .collapsible > label:hover { color: #41403e; color: var(--muted); cursor: pointer; } :host .papier .alert { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-style: solid; border-width: 2px; margin-bottom: 20px; padding: 15px; width: 100%; } :host .papier .alert.dismissible { transition: all 235ms ease-in-out 0s; display: flex; justify-content: space-between; max-height: 48rem; overflow: hidden; } :host .papier .alert .btn-close { transition: all 235ms ease-in-out 0s; color: #41403e; color: var(--primary-text); cursor: pointer; margin-left: 0.75rem; } :host .papier .alert .btn-close:hover, :host .papier .alert .btn-close:active, :host .papier .alert .btn-close:focus { color: #41403e; color: var(--primary-dark); } :host .papier .alert-primary { color: #41403e; color: var(--primary-text); background-color: #41403e; background-color: var(--primary-light); border-color: #41403e; border-color: var(--primary); } :host .papier .alert-primary .btn-close { color: #41403e; color: var(--primary-text); } :host .papier .alert-primary .btn-close:hover, :host .papier .alert-primary .btn-close:active, :host .papier .alert-primary .btn-close:focus { color: #41403e; color: var(--primary-dark); } :host .papier .alert-secondary { color: #41403e; color: var(--secondary-text); background-color: #41403e; background-color: var(--secondary-light); border-color: #41403e; border-color: var(--secondary); } :host .papier .alert-secondary .btn-close { color: #41403e; color: var(--secondary-text); } :host .papier .alert-secondary .btn-close:hover, :host .papier .alert-secondary .btn-close:active, :host .papier .alert-secondary .btn-close:focus { color: #41403e; color: var(--secondary-dark); } :host .papier .alert-success { color: #41403e; color: var(--success-text); background-color: #41403e; background-color: var(--success-light); border-color: #41403e; border-color: var(--success); } :host .papier .alert-success .btn-close { color: #41403e; color: var(--success-text); } :host .papier .alert-success .btn-close:hover, :host .papier .alert-success .btn-close:active, :host .papier .alert-success .btn-close:focus { color: #41403e; color: var(--success-dark); } :host .papier .alert-warning { color: #41403e; color: var(--warning-text); background-color: #41403e; background-color: var(--warning-light); border-color: #41403e; border-color: var(--warning); } :host .papier .alert-warning .btn-close { color: #41403e; color: var(--warning-text); } :host .papier .alert-warning .btn-close:hover, :host .papier .alert-warning .btn-close:active, :host .papier .alert-warning .btn-close:focus { color: #41403e; color: var(--warning-dark); } :host .papier .alert-danger { color: #41403e; color: var(--danger-text); background-color: #41403e; background-color: var(--danger-light); border-color: #41403e; border-color: var(--danger); } :host .papier .alert-danger .btn-close { color: #41403e; color: var(--danger-text); } :host .papier .alert-danger .btn-close:hover, :host .papier .alert-danger .btn-close:active, :host .papier .alert-danger .btn-close:focus { color: #41403e; color: var(--danger-dark); } :host .papier .alert-muted { color: #41403e; color: var(--muted-text); background-color: #41403e; background-color: var(--muted-light); border-color: #41403e; border-color: var(--muted); } :host .papier .alert-muted .btn-close { color: #41403e; color: var(--muted-text); } :host .papier .alert-muted .btn-close:hover, :host .papier .alert-muted .btn-close:active, :host .papier .alert-muted .btn-close:focus { color: #41403e; color: var(--muted-dark); } :host .papier .alert-state { display: none; } :host .papier .alert-state:checked + .dismissible { border-width: 0; margin: 0; max-height: 0; opacity: 0; padding-bottom: 0; padding-top: 0; } :host .papier article .article-title { font-size: 3rem; } :host .papier article .article-meta { color: #41403e; color: var(--muted-text); font-size: 15px; } :host .papier article .article-meta a { color: #41403e; color: var(--muted-text); background-image: none; } :host .papier article .article-meta a:hover { color: #41403e; color: var(--light-dark); } :host .papier article .text-lead { font-size: 30px; line-height: 1.3; margin: 35px; } :host .papier article button:not(:first-of-type) { margin-left: 2rem; } @media only screen and (max-width: 480px) { :host .papier article button:not(:first-of-type) { margin-left: 0; } } :host .papier article p { line-height: 1.6; } :host .papier .badge { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; color: #41403e; color: var(--white); background-color: #41403e; background-color: var(--muted); border-color: #41403e; border-color: var(--primary); border: 2px solid; border-color: transparent; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.25em 0.4em; text-align: center; vertical-align: baseline; white-space: nowrap; } :host .papier .badge.primary { background-color: #41403e; background-color: var(--primary); } :host .papier .badge.secondary { background-color: #41403e; background-color: var(--secondary); } :host .papier .badge.success { background-color: #41403e; background-color: var(--success); } :host .papier .badge.warning { background-color: #41403e; background-color: var(--warning); } :host .papier .badge.danger { background-color: #41403e; background-color: var(--danger); } :host .papier .badge.muted { background-color: #41403e; background-color: var(--muted); } :host .papier ul.breadcrumb { list-style: none; padding: 10px 16px; } :host .papier ul.breadcrumb li { display: inline; font-size: 20px; } :host .papier ul.breadcrumb li::before { content: ""; } :host .papier ul.breadcrumb li a { color: #41403e; color: var(--secondary); background-image: none; text-decoration: none; } :host .papier ul.breadcrumb li a:hover { text-decoration: underline; } :host .papier ul.breadcrumb li + li::before { content: "/ "; padding: 8px; } :host .papier button, :host .papier .paper-btn, :host .papier [type=button] { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); transition: all 235ms ease-in-out 0s; color: #41403e; color: var(--primary); border-color: #41403e; border-color: var(--primary); background-color: #41403e; background-color: var(--main-background); align-self: center; background-image: none; border-style: solid; border-width: 2px; cursor: pointer; display: inline-block; font-size: 1rem; outline: none; padding: 0.75rem; } @media only screen and (max-width: 520px) { :host .papier button, :host .papier .paper-btn, :host .papier [type=button] { display: inline-block; margin: 0 auto; margin-bottom: 1rem; text-align: center; } } :host .papier button.btn-large, :host .papier .paper-btn.btn-large, :host .papier [type=button].btn-large { transition: all 235ms ease 0s; box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2); font-size: 2rem; padding: 1rem; } :host .papier button.btn-small, :host .papier .paper-btn.btn-small, :host .papier [type=button].btn-small { transition: all 235ms ease 0s; box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2); font-size: 0.75rem; padding: 0.5rem; } :host .papier button.btn-block, :host .papier .paper-btn.btn-block, :host .papier [type=button].btn-block { display: block; width: 100%; } :host .papier button:hover, :host .papier .paper-btn:hover, :host .papier [type=button]:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier button:focus, :host .papier .paper-btn:focus, :host .papier [type=button]:focus { border-color: #41403e; border-color: var(--secondary); border-style: solid; border-width: 2px; box-shadow: 2px 8px 4px -6px rgba(0, 0, 0, 0.3); } :host .papier button:active, :host .papier .paper-btn:active, :host .papier [type=button]:active { border-color: rgba(0, 0, 0, 0.2); transition: none; } :host .papier button.disabled, :host .papier button[disabled], :host .papier .paper-btn.disabled, :host .papier .paper-btn[disabled], :host .papier [type=button].disabled, :host .papier [type=button][disabled] { cursor: not-allowed; opacity: 0.5; } :host .papier a { color: #41403e; color: var(--secondary); background-image: linear-gradient(5deg, transparent 65%, #0b74d5 80%, transparent 90%), linear-gradient(165deg, transparent 5%, #0b74d5 15%, transparent 25%), linear-gradient(165deg, transparent 45%, #0b74d5 55%, transparent 65%), linear-gradient(15deg, transparent 25%, #0b74d5 35%, transparent 50%); background-position: 0 90%; background-repeat: repeat-x; background-size: 4px 3px; text-decoration: none; } :host .papier a:visited { color: #41403e; color: var(--primary); text-decoration: none; } :host .papier button.btn-primary, :host .papier .paper-btn.btn-primary, :host .papier [type=button].btn-primary { color: #41403e; color: var(--primary-text); background-color: #41403e; background-color: var(--primary-light); border-color: #41403e; border-color: var(--primary); } :host .papier button.btn-primary:hover:active, :host .papier .paper-btn.btn-primary:hover:active, :host .papier [type=button].btn-primary:hover:active { background-color: #b4b3b0; } :host .papier button.btn-secondary, :host .papier .paper-btn.btn-secondary, :host .papier [type=button].btn-secondary { color: #41403e; color: var(--secondary-text); background-color: #41403e; background-color: var(--secondary-light); border-color: #41403e; border-color: var(--secondary); } :host .papier button.btn-secondary:hover:active, :host .papier .paper-btn.btn-secondary:hover:active, :host .papier [type=button].btn-secondary:hover:active { background-color: #a7d3fa; } :host .papier button.btn-success, :host .papier .paper-btn.btn-success, :host .papier [type=button].btn-success { color: #41403e; color: var(--success-text); background-color: #41403e; background-color: var(--success-light); border-color: #41403e; border-color: var(--success); } :host .papier button.btn-success:hover:active, :host .papier .paper-btn.btn-success:hover:active, :host .papier [type=button].btn-success:hover:active { background-color: #bccca8; } :host .papier button.btn-warning, :host .papier .paper-btn.btn-warning, :host .papier [type=button].btn-warning { color: #41403e; color: var(--warning-text); background-color: #41403e; background-color: var(--warning-light); border-color: #41403e; border-color: var(--warning); } :host .papier button.btn-warning:hover:active, :host .papier .paper-btn.btn-warning:hover:active, :host .papier [type=button].btn-warning:hover:active { background-color: #ede49b; } :host .papier button.btn-danger, :host .papier .paper-btn.btn-danger, :host .papier [type=button].btn-danger { color: #41403e; color: var(--danger-text); background-color: #41403e; background-color: var(--danger-light); border-color: #41403e; border-color: var(--danger); } :host .papier button.btn-danger:hover:active, :host .papier .paper-btn.btn-danger:hover:active, :host .papier [type=button].btn-danger:hover:active { background-color: #e6a5a1; } :host .papier button.btn-muted, :host .papier .paper-btn.btn-muted, :host .papier [type=button].btn-muted { color: #41403e; color: var(--muted-text); background-color: #41403e; background-color: var(--muted-light); border-color: #41403e; border-color: var(--muted); } :host .papier button.btn-muted:hover:active, :host .papier .paper-btn.btn-muted:hover:active, :host .papier [type=button].btn-muted:hover:active { background-color: #caced1; } :host .papier button.btn-primary-outline, :host .papier .paper-btn.btn-primary-outline, :host .papier [type=button].btn-primary-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--primary); border-color: #41403e; border-color: var(--primary); } :host .papier button.btn-primary-outline:hover, :host .papier .paper-btn.btn-primary-outline:hover, :host .papier [type=button].btn-primary-outline:hover { background-color: #cdcccb; } :host .papier button.btn-primary-outline:hover:active, :host .papier .paper-btn.btn-primary-outline:hover:active, :host .papier [type=button].btn-primary-outline:hover:active { background-color: #b4b3b0; } :host .papier button.btn-secondary-outline, :host .papier .paper-btn.btn-secondary-outline, :host .papier [type=button].btn-secondary-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--secondary); border-color: #41403e; border-color: var(--secondary); } :host .papier button.btn-secondary-outline:hover, :host .papier .paper-btn.btn-secondary-outline:hover, :host .papier [type=button].btn-secondary-outline:hover { background-color: #d8ebfd; } :host .papier button.btn-secondary-outline:hover:active, :host .papier .paper-btn.btn-secondary-outline:hover:active, :host .papier [type=button].btn-secondary-outline:hover:active { background-color: #a7d3fa; } :host .papier button.btn-success-outline, :host .papier .paper-btn.btn-success-outline, :host .papier [type=button].btn-success-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--success); border-color: #41403e; border-color: var(--success); } :host .papier button.btn-success-outline:hover, :host .papier .paper-btn.btn-success-outline:hover, :host .papier [type=button].btn-success-outline:hover { background-color: #d5dfc8; } :host .papier button.btn-success-outline:hover:active, :host .papier .paper-btn.btn-success-outline:hover:active, :host .papier [type=button].btn-success-outline:hover:active { background-color: #bccca8; } :host .papier button.btn-warning-outline, :host .papier .paper-btn.btn-warning-outline, :host .papier [type=button].btn-warning-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--warning); border-color: #41403e; border-color: var(--warning); } :host .papier button.btn-warning-outline:hover, :host .papier .paper-btn.btn-warning-outline:hover, :host .papier [type=button].btn-warning-outline:hover { background-color: #f5f0c6; } :host .papier button.btn-warning-outline:hover:active, :host .papier .paper-btn.btn-warning-outline:hover:active, :host .papier [type=button].btn-warning-outline:hover:active { background-color: #ede49b; } :host .papier button.btn-danger-outline, :host .papier .paper-btn.btn-danger-outline, :host .papier [type=button].btn-danger-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--danger); border-color: #41403e; border-color: var(--danger); } :host .papier button.btn-danger-outline:hover, :host .papier .paper-btn.btn-danger-outline:hover, :host .papier [type=button].btn-danger-outline:hover { background-color: #f0cbc9; } :host .papier button.btn-danger-outline:hover:active, :host .papier .paper-btn.btn-danger-outline:hover:active, :host .papier [type=button].btn-danger-outline:hover:active { background-color: #e6a5a1; } :host .papier button.btn-muted-outline, :host .papier .paper-btn.btn-muted-outline, :host .papier [type=button].btn-muted-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--muted); border-color: #41403e; border-color: var(--muted); } :host .papier button.btn-muted-outline:hover, :host .papier .paper-btn.btn-muted-outline:hover, :host .papier [type=button].btn-muted-outline:hover { background-color: #e6e7e9; } :host .papier button.btn-muted-outline:hover:active, :host .papier .paper-btn.btn-muted-outline:hover:active, :host .papier [type=button].btn-muted-outline:hover:active { background-color: #caced1; } :host .papier .card { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); border-color: #41403e; border-color: var(--muted-light); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-style: solid; border-width: 2px; display: flex; flex-direction: column; position: relative; will-change: transform; word-wrap: break-word; } :host .papier .card:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier .card .card-header, :host .papier .card .card-footer { background-color: #41403e; background-color: var(--white-dark); border-color: #41403e; border-color: var(--muted-light); padding: 0.75rem 1.25rem; } :host .papier .card .card-header { border-bottom-style: solid; border-bottom-width: 2px; } :host .papier .card .card-footer { border-top-style: solid; border-top-width: 2px; } :host .papier .card .card-body { flex: 1 1 auto; padding: 1.25rem; } :host .papier .card .card-body .card-title, :host .papier .card .card-body h4 { margin-bottom: 0.5rem; margin-top: 0; } :host .papier .card .card-body .card-subtitle, :host .papier .card .card-body h5 { color: #0b74d5; margin-bottom: 0.5rem; margin-top: 0; } :host .papier .card .card-body .card-text, :host .papier .card .card-body p { margin-bottom: 1rem; margin-top: 0; } :host .papier .card .card-body .card-link + .card-link, :host .papier .card .card-body a + a { margin-left: 1.25rem; } :host .papier .card .image-top, :host .papier .card .image-bottom, :host .papier .card img { border: 0; border-radius: 0; } :host .papier input, :host .papier select, :host .papier textarea { color: #41403e; color: var(--primary); border-color: #41403e; border-color: var(--primary); background: transparent; border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-style: solid; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-width: 2px; display: block; font-size: 1rem; outline: none; padding: 0.5rem; } :host .papier input:focus, :host .papier select:focus, :host .papier textarea:focus { border-color: #41403e; border-color: var(--secondary); border-style: solid; border-width: 2px; } :host .papier select { height: 2.35rem; } :host .papier .disabled, :host .papier input.disabled, :host .papier input[disabled], :host .papier select.disabled, :host .papier select[disabled], :host .papier textarea.disabled, :host .papier textarea[disabled] { cursor: not-allowed; opacity: 0.5; } :host .papier .form-group { margin-bottom: 1rem; } :host .papier .form-group > label, :host .papier .form-group legend { display: inline-block; margin-bottom: 0.5rem; } :host .papier .form-group .input-block { width: 100%; } :host .papier .form-group textarea { max-height: 90vh; max-width: 100%; } :host .papier .form-group textarea.no-resize { resize: none; } :host .papier .form-group .paper-radio, :host .papier .form-group .paper-check { cursor: pointer; display: block; margin-bottom: 0.5rem; } :host .papier .form-group .paper-radio input, :host .papier .form-group .paper-check input { border: 0; height: 1px; margin: -1px; opacity: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; } :host .papier .form-group .paper-radio input + span, :host .papier .form-group .paper-check input + span { display: block; } :host .papier .form-group .paper-radio input + span::before, :host .papier .form-group .paper-check input + span::before { border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; content: ""; display: inline-block; height: 1rem; margin-right: 0.75em; position: relative; vertical-align: -0.25em; width: 1rem; } :host .papier .form-group .paper-radio input[type=radio] + span::before, :host .papier .form-group .paper-check input[type=radio] + span::before { border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; } :host .papier .form-group .paper-radio input[type=radio]:checked + span::before, :host .papier .form-group .paper-check input[type=radio]:checked + span::before { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20fill%3D\'%230b74d5\'%20d%3D\'M49.346,46.341c-3.79-2.005,3.698-10.294,7.984-8.89%20c8.713,2.852,4.352,20.922-4.901,20.269c-4.684-0.33-12.616-7.405-14.38-11.818c-2.375-5.938,7.208-11.688,11.624-13.837%20c9.078-4.42,18.403-3.503,22.784,6.651c4.049,9.378,6.206,28.09-1.462,36.276c-7.091,7.567-24.673,2.277-32.357-1.079%20c-11.474-5.01-24.54-19.124-21.738-32.758c3.958-19.263,28.856-28.248,46.044-23.244c20.693,6.025,22.012,36.268,16.246,52.826%20c-5.267,15.118-17.03,26.26-33.603,21.938c-11.054-2.883-20.984-10.949-28.809-18.908C9.236,66.096,2.704,57.597,6.01,46.371%20c3.059-10.385,12.719-20.155,20.892-26.604C40.809,8.788,58.615,1.851,75.058,12.031c9.289,5.749,16.787,16.361,18.284,27.262%20c0.643,4.698,0.646,10.775-3.811,13.746\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat; } :host .papier .form-group .paper-radio input[type=checkbox], :host .papier .form-group .paper-check input[type=checkbox] { } :host .papier .form-group .paper-radio input[type=checkbox] + span::before, :host .papier .form-group .paper-check input[type=checkbox] + span::before { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; } :host .papier .form-group .paper-radio input[type=checkbox]:checked + span::before, :host .papier .form-group .paper-check input[type=checkbox]:checked + span::before { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20stroke%3D\'%230b74d5\'%20fill-opacity%3D\'0\'%20stroke-width%3D\'16\'%20d%3D\'m13,62c0.61067,1.6%201.3045,2.3045%201.75717,2.75716c0.72683,0.72684%201.24283,1.24284%202.07617,2.07617c0.54133,0.54133%201.04116,1.06035%201.82833,1.82383c0.5781,0.5607%201.00502,0.96983%202.02633,1.74417c0.55877,0.42365%201.191,0.84034%201.884,1.284c1.16491,0.74577%201.59777,1.00147%202.5,1.55067c0.4692,0.28561%201.43689,0.86868%201.93067,1.16534c0.99711,0.59904%201.99667,1.19755%202.49283,1.49866c0.98501,0.59779%201.47073,0.89648%201.94733,1.2c1.3971,0.88972%201.83738,1.19736%202.7,1.7955c0.42201,0.29262%201.24022,0.87785%202.05583,1.41917c0.79531,0.52785%201.59376,1.0075%202.38,1.43867c0.74477,0.40842%201.45167,0.75802%202.37817,1.22517c0.76133,0.38387%201.54947,0.82848%202.40717,1.41084c0.7312,0.49647%201.49563,1.08231%202.27884,1.258c0.35564,0.07978%200.14721,-0.95518%200.35733,-1.86867c0.18092,-0.78651%200.98183,-1.2141%200.99983,-2.07867c0.02073,-0.99529%200.07916,-1.79945%200.42533,-2.56133c0.43607,-0.95973%200.53956,-1.66774%200.79617,-2.68183c0.18888,-0.74645%200.39764,-1.31168%200.7785,-2.6235c0.20865,-0.71867%200.41483,-1.48614%200.708,-2.28c0.15452,-0.41843%200.77356,-1.73138%201.348,-2.64133c0.30581,-0.48443%200.65045,-0.97043%201.0065,-1.4745c0.74776,-1.05863%201.1531,-1.60163%201.9375,-2.77084c0.40621,-0.60548%200.80272,-1.23513%201.2045,-1.8765c0.40757,-0.65062%200.81464,-1.31206%201.2315,-1.9755c0.41946,-0.66757%200.83374,-1.34258%201.73067,-2.648c0.44696,-0.65053%200.91436,-1.28356%201.386,-1.9095c0.46972,-0.6234%200.94725,-1.2364%201.422,-1.8465c0.94116,-1.20947%201.86168,-2.40844%202.30367,-3.0105c0.438,-0.59664%200.86246,-1.19396%201.27501,-1.7895c0.40743,-0.58816%200.80352,-1.17234%201.185,-1.7535c1.10526,-1.68381%201.44079,-2.23511%201.77633,-2.7705c0.32878,-0.52461%200.96306,-1.5459%201.27467,-2.04c0.60654,-0.96177%201.20782,-1.88193%201.51051,-2.325c0.59013,-0.86381%201.17888,-1.68032%201.46416,-2.075c0.5498,-0.76063%201.31747,-1.8231%201.77883,-2.4895c0.43918,-0.63437%200.85266,-1.25267%201.45717,-2.15717c0.59549,-0.891%200.96531,-1.46814%201.51466,-2.22933c0.58413,-0.80936%201.12566,-1.40253%201.83801,-2.12333c0.61304,-0.62031%200.45171,-1.48306%200.7045,-2.34733c0.25668,-0.87762%200.75447,-1.62502%201,-2.40983c0.25128,-0.8032%200.7633,-1.39453%201.33217,-2.25417c0.54528,-0.82398%200.73415,-1.6714%201.31516,-2.336c0.55639,-0.63644%201.38658,-1.22588%201.8595,-1.9c0.5082,-0.72441%200.78867,-1.4%201.60266,-1.56667l0.71184,-0.4905\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat; } :host .papier .form-group .paper-switch-label, :host .papier .form-group .paper-switch-2-label { cursor: pointer; float: left; } :host .papier .form-group .paper-switch-label { margin: -6px 10px 0 0; } :host .papier .form-group .paper-switch-2-label { margin: 0 10px 0 0; } :host .papier .form-group .paper-switch, :host .papier .form-group .paper-switch-2 { display: block; float: left; margin: 0 10px 0 0; position: relative; } :host .papier .form-group .paper-switch input, :host .papier .form-group .paper-switch-2 input { height: 0; opacity: 0; width: 0; } :host .papier .form-group .paper-switch input:checked + .paper-switch-slider, :host .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider { background-color: #41403e; background-color: var(--success-light); } :host .papier .form-group .paper-switch input:checked + .paper-switch-slider::before, :host .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider::before { transform: translateX(26px); } :host .papier .form-group .paper-switch input:focus + .paper-switch-slider, :host .papier .form-group .paper-switch-2 input:focus + .paper-switch-slider { box-shadow: 0 0 3px #0b74d5; } :host .papier .form-group .paper-switch .paper-switch-slider, :host .papier .form-group .paper-switch-2 .paper-switch-slider { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-style: solid; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-width: 2px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: 0.4s; } :host .papier .form-group .paper-switch .paper-switch-slider::before, :host .papier .form-group .paper-switch-2 .paper-switch-slider::before { background: #41403e; background: var(--secondary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; content: ""; left: 4px; position: absolute; transition: 0.4s; } :host .papier .form-group .paper-switch .paper-switch-slider.round, :host .papier .form-group .paper-switch-2 .paper-switch-slider.round { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 2px; } :host .papier .form-group .paper-switch .paper-switch-slider.round::before, :host .papier .form-group .paper-switch-2 .paper-switch-slider.round::before { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20fill%3D\'%230071de\'%20d%3D\'M49.346,46.341c-3.79-2.005,3.698-10.294,7.984-8.89%20c8.713,2.852,4.352,20.922-4.901,20.269c-4.684-0.33-12.616-7.405-14.38-11.818c-2.375-5.938,7.208-11.688,11.624-13.837%20c9.078-4.42,18.403-3.503,22.784,6.651c4.049,9.378,6.206,28.09-1.462,36.276c-7.091,7.567-24.673,2.277-32.357-1.079%20c-11.474-5.01-24.54-19.124-21.738-32.758c3.958-19.263,28.856-28.248,46.044-23.244c20.693,6.025,22.012,36.268,16.246,52.826%20c-5.267,15.118-17.03,26.26-33.603,21.938c-11.054-2.883-20.984-10.949-28.809-18.908C9.236,66.096,2.704,57.597,6.01,46.371%20c3.059-10.385,12.719-20.155,20.892-26.604C40.809,8.788,58.615,1.851,75.058,12.031c9.289,5.749,16.787,16.361,18.284,27.262%20c0.643,4.698,0.646,10.775-3.811,13.746\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat; border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; left: 4px; } :host .papier .form-group .paper-switch { height: 12px; width: 60px; } :host .papier .form-group .paper-switch .paper-switch-slider::before { bottom: -6px; height: 20px; width: 20px; } :host .papier .form-group .paper-switch .paper-switch-slider.round::before { bottom: -7px; height: 23px; width: 23px; } :host .papier .form-group .paper-switch-2 { height: 22px; width: 50px; } :host .papier .form-group .paper-switch-2 .paper-switch-slider::before { bottom: 2px; height: 14px; width: 14px; } :host .papier .form-group .paper-switch-2 .paper-switch-slider.round::before { bottom: 2px; height: 14px; width: 14px; } :host .papier .form-group .paper-switch-tile { cursor: pointer; display: block; float: left; height: 80px; margin: 40px 0 0 40px; perspective: 1000px; position: relative; transform: translate(-50%, -50%); transform-style: preserve-3d; width: 80px; } :host .papier .form-group .paper-switch-tile:hover .paper-switch-tile-card { box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2); transform: rotateX(30deg); } :host .papier .form-group .paper-switch-tile:hover:checked + .paper-switch-tile-card { background-color: transparent; box-shadow: 0 10px 15px -15px rgba(0, 0, 0, 0.9); transform: rotateX(150deg); } :host .papier .form-group .paper-switch-tile input { display: none; } :host .papier .form-group .paper-switch-tile input:checked + .paper-switch-tile-card { transform: rotateX(180deg); } :host .papier .form-group .paper-switch-tile-card { background-color: transparent; border-color: transparent; height: 100%; position: relative; transform-style: preserve-3d; transition: all 600ms; width: 100%; } :host .papier .form-group .paper-switch-tile-card div { -webkit-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); height: 100%; line-height: 70px; position: absolute; text-align: center; width: 100%; } :host .papier .form-group .paper-switch-tile-card .paper-switch-tile-card-back { transform: rotateX(180deg); } :host .papier .form-group input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-width: 0; padding: 0; } :host .papier .form-group input[type=range]::-webkit-slider-runnable-track { background: #41403e; background: var(--secondary); border-color: #41403e; border-color: var(--primary); border-radius: 18px; border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 8px; margin: 10px 0; width: 100%; } :host .papier .form-group input[type=range]::-webkit-slider-thumb { background: #41403e; background: var(--white); border-color: #41403e; border-color: var(--primary); -webkit-appearance: none; appearance: none; border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 36px; margin-top: -14px; width: 16px; } :host .papier .form-group input[type=range]::-moz-range-track { background: #41403e; background: var(--secondary); border-color: #41403e; border-color: var(--primary); border-radius: 18px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 8px; width: 100%; } :host .papier .form-group input[type=range]::-moz-range-thumb { background: #41403e; background: var(--white); border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 36px; width: 16px; } :host .papier .form-group input[type=range]::-ms-track { background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; cursor: pointer; height: 8px; width: 100%; } :host .papier .form-group input[type=range]::-ms-fill-lower, :host .papier .form-group input[type=range]::-ms-fill-upper { background: #41403e; background: var(--secondary); border-color: #41403e; border-color: var(--primary); border-radius: 18px; border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; } :host .papier .form-group input[type=range]::-ms-thumb { background: #41403e; background: var(--white); border-color: #41403e; border-color: var(--primary); border: 1px solid #41403e; border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 36px; width: 16px; } :host .papier fieldset.form-group { border: 0; padding: 0; } :host .papier .modal { transition: opacity 235ms ease-in-out 0s; background: rgba(0, 0, 0, 0.6); bottom: 0; flex: 1 1 auto; left: 0; opacity: 0; position: fixed; right: 0; text-align: left; top: 0; visibility: hidden; word-wrap: break-word; z-index: 200; } :host .papier .modal-bg { bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; } :host .papier .modal .modal-body { color: #41403e; color: var(--primary); background: #41403e; background: var(--main-background); border-color: #41403e; border-color: var(--muted-light); transition: all 235ms ease-in-out 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 2px solid; left: 50%; padding: 1.25rem; position: absolute; top: 0; transform: translate(-50%, -50%); } @media only screen and (max-width: 768px) { :host .papier .modal .modal-body { box-sizing: border-box; width: 90%; } } :host .papier .modal .btn-close { color: #41403e; color: var(--primary-light); transition: all 235ms ease-in-out 0s; cursor: pointer; font-size: 30px; height: 1.1rem; position: absolute; right: 1rem; text-decoration: none; top: 1rem; width: 1.1rem; } :host .papier .modal .btn-close:hover, :host .papier .modal .btn-close:active, :host .papier .modal .btn-close:focus { color: #41403e; color: var(--primary); } :host .papier .modal h4, :host .papier .modal .modal-title { margin-bottom: 0.5rem; margin-top: 0; } :host .papier .modal h5, :host .papier .modal .modal-subtitle { color: #41403e; color: var(--secondary); margin-bottom: 0.5rem; margin-top: 0; } :host .papier .modal p, :host .papier .modal .modal-text { margin-bottom: 1rem; margin-top: 0; } :host .papier .modal .modal-link + .modal-link, :host .papier .modal a + a { margin-left: 1.25rem; } :host .papier .modal .paper-btn { background: #41403e; background: var(--main-background); display: inline-block; text-decoration: none; } :host .papier .modal .modal-link, :host .papier .modal a { background-image: linear-gradient(5deg, transparent 65%, #0b74d5 80%, transparent 90%), linear-gradient(165deg, transparent 5%, #0b74d5 15%, transparent 25%), linear-gradient(165deg, transparent 45%, #0b74d5 55%, transparent 65%), linear-gradient(15deg, transparent 25%, #0b74d5 35%, transparent 50%); background-position: 0 90%; background-repeat: repeat-x; background-size: 4px 3px; cursor: pointer; text-decoration: none; } :host .papier .modal .modal-link:hover, :host .papier .modal .modal-link:focus, :host .papier .modal .modal-link:visited, :host .papier .modal a:hover, :host .papier .modal a:focus, :host .papier .modal a:visited { color: #41403e; color: var(--primary); text-decoration: none; } :host .papier .modal-state { display: none; } :host .papier .modal-state:checked + .modal { opacity: 1; visibility: visible; } :host .papier .modal-state:checked + .modal .modal-body { top: 50%; } :host .papier [popover-top], :host .papier [popover-right], :host .papier [popover-bottom], :host .papier [popover-left] { margin: 24px; position: relative; } :host .papier [popover-top]:hover::after, :host .papier [popover-right]:hover::after, :host .papier [popover-bottom]:hover::after, :host .papier [popover-left]:hover::after { opacity: 1; transition: opacity 235ms ease-in-out, visibility 0s linear; visibility: visible; } :host .papier [popover-top]::after, :host .papier [popover-right]::after, :host .papier [popover-bottom]::after, :host .papier [popover-left]::after { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; background-color: #41403e; background-color: var(--light-dark); border-color: #41403e; border-color: var(--light-dark); color: #41403e; color: var(--primary-inverse); border-style: solid; border-width: 2px; font-size: 0.7em; left: 50%; min-width: 80px; opacity: 0; padding: 4px 2px; position: absolute; text-align: center; top: -6px; transform: translateX(-50%) translateY(-100%); transition: opacity 235ms ease-in-out, visibility 0s linear 235ms; visibility: hidden; } :host .papier [popover-left]::before { left: 0; margin-left: -12px; top: 50%; transform: translateY(-50%) rotate(-90deg); } :host .papier [popover-left]::after { content: attr(popover-left); left: 0; margin-left: -8px; top: 50%; transform: translateX(-100%) translateY(-50%); } :host .papier [popover-right]::before { left: 100%; margin-left: 1px; top: 50%; transform: translatey(-50%) rotate(90deg); } :host .papier [popover-right]::after { content: attr(popover-right); left: 100%; margin-left: 8px; top: 50%; transform: translateX(0%) translateY(-50%); } :host .papier [popover-top]::before { left: 50%; } :host .papier [popover-top]::after { content: attr(popover-top); left: 50%; } :host .papier [popover-bottom]::before { margin-top: 8px; top: 100%; transform: translateX(-50%) translatey(-100%) rotate(-180deg); } :host .papier [popover-bottom]::after { content: attr(popover-bottom); margin-top: 8px; top: 100%; transform: translateX(-50%) translateY(0%); } :host .papier .progress { border-bottom-left-radius: 20px 115px; border-bottom-right-radius: 15px 105px; border-top-left-radius: 250px 15px; border-top-right-radius: 25px 80px; border-color: #41403e; border-color: var(--primary); border: 2px solid; box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); height: 1.2rem; overflow: hidden; width: 100%; } :host .papier .progress .bar { border-bottom-left-radius: 20px 115px; border-bottom-right-radius: 15px 105px; border-top-left-radius: 250px 15px; border-top-right-radius: 25px 80px; transition: all 235ms ease-in-out 0s; background-color: #41403e; background-color: var(--primary-light); border-color: #41403e; border-color: var(--primary); border-right: 2px solid; display: flex; flex-direction: column; font-size: 0.6rem; height: 100%; justify-content: center; text-align: center; width: 0%; } :host .papier .progress .bar.striped { background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem); } :host .papier .progress .bar.primary { background-color: #41403e; background-color: var(--primary-light); } :host .papier .progress .bar.primary.striped { background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem); } :host .papier .progress .bar.secondary { background-color: #41403e; background-color: var(--secondary-light); } :host .papier .progress .bar.secondary.striped { background: repeating-linear-gradient(45deg, #d8ebfd, #d8ebfd 0.25rem, #a7d3fa 0.25rem, #a7d3fa 0.5rem); } :host .papier .progress .bar.success { background-color: #41403e; background-color: var(--success-light); } :host .papier .progress .bar.success.striped { background: repeating-linear-gradient(45deg, #d5dfc8, #d5dfc8 0.25rem, #bccca8 0.25rem, #bccca8 0.5rem); } :host .papier .progress .bar.warning { background-color: #41403e; background-color: var(--warning-light); } :host .papier .progress .bar.warning.striped { background: repeating-linear-gradient(45deg, #f5f0c6, #f5f0c6 0.25rem, #ede49b 0.25rem, #ede49b 0.5rem); } :host .papier .progress .bar.danger { background-color: #41403e; background-color: var(--danger-light); } :host .papier .progress .bar.danger.striped { background: repeating-linear-gradient(45deg, #f0cbc9, #f0cbc9 0.25rem, #e6a5a1 0.25rem, #e6a5a1 0.5rem); } :host .papier .progress .bar.muted { background-color: #41403e; background-color: var(--muted-light); } :host .papier .progress .bar.muted.striped { background: repeating-linear-gradient(45deg, #e6e7e9, #e6e7e9 0.25rem, #caced1 0.25rem, #caced1 0.5rem); } :host .papier .progress .bar.w-0 { width: 0%; } :host .papier .progress .bar.w-1 { width: 1%; } :host .papier .progress .bar.w-2 { width: 2%; } :host .papier .progress .bar.w-3 { width: 3%; } :host .papier .progress .bar.w-4 { width: 4%; } :host .papier .progress .bar.w-5 { width: 5%; } :host .papier .progress .bar.w-6 { width: 6%; } :host .papier .progress .bar.w-7 { width: 7%; } :host .papier .progress .bar.w-8 { width: 8%; } :host .papier .progress .bar.w-9 { width: 9%; } :host .papier .progress .bar.w-10 { width: 10%; } :host .papier .progress .bar.w-11 { width: 11%; } :host .papier .progress .bar.w-12 { width: 12%; } :host .papier .progress .bar.w-13 { width: 13%; } :host .papier .progress .bar.w-14 { width: 14%; } :host .papier .progress .bar.w-15 { width: 15%; } :host .papier .progress .bar.w-16 { width: 16%; } :host .papier .progress .bar.w-17 { width: 17%; } :host .papier .progress .bar.w-18 { width: 18%; } :host .papier .progress .bar.w-19 { width: 19%; } :host .papier .progress .bar.w-20 { width: 20%; } :host .papier .progress .bar.w-21 { width: 21%; } :host .papier .progress .bar.w-22 { width: 22%; } :host .papier .progress .bar.w-23 { width: 23%; } :host .papier .progress .bar.w-24 { width: 24%; } :host .papier .progress .bar.w-25 { width: 25%; } :host .papier .progress .bar.w-26 { width: 26%; } :host .papier .progress .bar.w-27 { width: 27%; } :host .papier .progress .bar.w-28 { width: 28%; } :host .papier .progress .bar.w-29 { width: 29%; } :host .papier .progress .bar.w-30 { width: 30%; } :host .papier .progress .bar.w-31 { width: 31%; } :host .papier .progress .bar.w-32 { width: 32%; } :host .papier .progress .bar.w-33 { width: 33%; } :host .papier .progress .bar.w-34 { width: 34%; } :host .papier .progress .bar.w-35 { width: 35%; } :host .papier .progress .bar.w-36 { width: 36%; } :host .papier .progress .bar.w-37 { width: 37%; } :host .papier .progress .bar.w-38 { width: 38%; } :host .papier .progress .bar.w-39 { width: 39%; } :host .papier .progress .bar.w-40 { width: 40%; } :host .papier .progress .bar.w-41 { width: 41%; } :host .papier .progress .bar.w-42 { width: 42%; } :host .papier .progress .bar.w-43 { width: 43%; } :host .papier .progress .bar.w-44 { width: 44%; } :host .papier .progress .bar.w-45 { width: 45%; } :host .papier .progress .bar.w-46 { width: 46%; } :host .papier .progress .bar.w-47 { width: 47%; } :host .papier .progress .bar.w-48 { width: 48%; } :host .papier .progress .bar.w-49 { width: 49%; } :host .papier .progress .bar.w-50 { width: 50%; } :host .papier .progress .bar.w-51 { width: 51%; } :host .papier .progress .bar.w-52 { width: 52%; } :host .papier .progress .bar.w-53 { width: 53%; } :host .papier .progress .bar.w-54 { width: 54%; } :host .papier .progress .bar.w-55 { width: 55%; } :host .papier .progress .bar.w-56 { width: 56%; } :host .papier .progress .bar.w-57 { width: 57%; } :host .papier .progress .bar.w-58 { width: 58%; } :host .papier .progress .bar.w-59 { width: 59%; } :host .papier .progress .bar.w-60 { width: 60%; } :host .papier .progress .bar.w-61 { width: 61%; } :host .papier .progress .bar.w-62 { width: 62%; } :host .papier .progress .bar.w-63 { width: 63%; } :host .papier .progress .bar.w-64 { width: 64%; } :host .papier .progress .bar.w-65 { width: 65%; } :host .papier .progress .bar.w-66 { width: 66%; } :host .papier .progress .bar.w-67 { width: 67%; } :host .papier .progress .bar.w-68 { width: 68%; } :host .papier .progress .bar.w-69 { width: 69%; } :host .papier .progress .bar.w-70 { width: 70%; } :host .papier .progress .bar.w-71 { width: 71%; } :host .papier .progress .bar.w-72 { width: 72%; } :host .papier .progress .bar.w-73 { width: 73%; } :host .papier .progress .bar.w-74 { width: 74%; } :host .papier .progress .bar.w-75 { width: 75%; } :host .papier .progress .bar.w-76 { width: 76%; } :host .papier .progress .bar.w-77 { width: 77%; } :host .papier .progress .bar.w-78 { width: 78%; } :host .papier .progress .bar.w-79 { width: 79%; } :host .papier .progress .bar.w-80 { width: 80%; } :host .papier .progress .bar.w-81 { width: 81%; } :host .papier .progress .bar.w-82 { width: 82%; } :host .papier .progress .bar.w-83 { width: 83%; } :host .papier .progress .bar.w-84 { width: 84%; } :host .papier .progress .bar.w-85 { width: 85%; } :host .papier .progress .bar.w-86 { width: 86%; } :host .papier .progress .bar.w-87 { width: 87%; } :host .papier .progress .bar.w-88 { width: 88%; } :host .papier .progress .bar.w-89 { width: 89%; } :host .papier .progress .bar.w-90 { width: 90%; } :host .papier .progress .bar.w-91 { width: 91%; } :host .papier .progress .bar.w-92 { width: 92%; } :host .papier .progress .bar.w-93 { width: 93%; } :host .papier .progress .bar.w-94 { width: 94%; } :host .papier .progress .bar.w-95 { width: 95%; } :host .papier .progress .bar.w-96 { width: 96%; } :host .papier .progress .bar.w-97 { width: 97%; } :host .papier .progress .bar.w-98 { width: 98%; } :host .papier .progress .bar.w-99 { width: 99%; } :host .papier .progress .bar.w-100 { width: 100%; } :host .papier .progress .bar.w-0, :host .papier .progress .bar.w-100 { border-right: 0; } :host .papier .tabs .content { display: none; flex-basis: 100%; padding: 0.75rem 0 0; } :host .papier .tabs input { display: none; } :host .papier .tabs input:checked + label { color: #41403e; color: var(--primary); border-bottom-color: #41403e; border-bottom-color: var(--secondary); border-bottom-style: solid; border-bottom-width: 3px; } :host .papier .tabs input[id$=tab1]:checked ~ div[id$=content1] { display: block; } :host .papier .tabs input[id$=tab2]:checked ~ div[id$=content2] { display: block; } :host .papier .tabs input[id$=tab3]:checked ~ div[id$=content3] { display: block; } :host .papier .tabs input[id$=tab4]:checked ~ div[id$=content4] { display: block; } :host .papier .tabs input[id$=tab5]:checked ~ div[id$=content5] { display: block; } :host .papier .tabs label { color: #41403e; color: var(--primary-light); display: inline-block; font-weight: 600; margin: 0 0 -1px; padding: 0.75rem; text-align: center; } :host .papier .tabs label:hover { color: #41403e; color: var(--muted); cursor: pointer; } :host .papier .margin { margin: 1rem; } :host .papier .margin-top { margin-top: 1rem; } :host .papier .margin-top-large { margin-top: 2rem; } :host .papier .margin-top-small { margin-top: 0.5rem; } :host .papier .margin-top-none { margin-top: 0; } :host .papier .margin-right { margin-right: 1rem; } :host .papier .margin-right-large { margin-right: 2rem; } :host .papier .margin-right-small { margin-right: 0.5rem; } :host .papier .margin-right-none { margin-right: 0; } :host .papier .margin-bottom { margin-bottom: 1rem; } :host .papier .margin-bottom-large { margin-bottom: 2rem; } :host .papier .margin-bottom-small { margin-bottom: 0.5rem; } :host .papier .margin-bottom-none { margin-bottom: 0; } :host .papier .margin-left { margin-left: 1rem; } :host .papier .margin-left-large { margin-left: 2rem; } :host .papier .margin-left-small { margin-left: 0.5rem; } :host .papier .margin-left-none { margin-left: 0; } :host .papier .margin-large { margin: 2rem; } :host .papier .margin-small { margin: 0.5rem; } :host .papier .margin-none { margin: 0; } :host .papier .padding { padding: 1rem; } :host .papier .padding-top { padding-top: 1rem; } :host .papier .padding-top-large { padding-top: 2rem; } :host .papier .padding-top-small { padding-top: 0.5rem; } :host .papier .padding-top-none { padding-top: 0; } :host .papier .padding-right { padding-right: 1rem; } :host .papier .padding-right-large { padding-right: 2rem; } :host .papier .padding-right-small { padding-right: 0.5rem; } :host .papier .padding-right-none { padding-right: 0; } :host .papier .padding-bottom { padding-bottom: 1rem; } :host .papier .padding-bottom-large { padding-bottom: 2rem; } :host .papier .padding-bottom-small { padding-bottom: 0.5rem; } :host .papier .padding-bottom-none { padding-bottom: 0; } :host .papier .padding-left { padding-left: 1rem; } :host .papier .padding-left-large { padding-left: 2rem; } :host .papier .padding-left-small { padding-left: 0.5rem; } :host .papier .padding-left-none { padding-left: 0; } :host .papier .padding-large { padding: 2rem; } :host .papier .padding-small { padding: 0.5rem; } :host .papier .padding-none { padding: 0; } :host .papier nav { background-color: #41403e; background-color: var(--main-background); display: flex; padding: 0.3rem; position: relative; width: 100%; z-index: 100; } @media only screen and (max-width: 768px) { :host .papier nav { display: block; } } :host .papier nav .bar1, :host .papier nav .bar2, :host .papier nav .bar3 { background-color: #41403e; background-color: var(--primary); border-color: #41403e; border-color: var(--primary); color: #41403e; color: var(--primary); border-bottom-left-radius: 15px 5px; border-bottom-right-radius: 15px 3px; border-bottom-style: solid; border-bottom-width: 5px; margin: 6px 0; transition: 0.4s; width: 2rem; } :host .papier nav .collapsible input[id^=collapsible]:checked + button .bar1, :host .papier nav .collapsible input[id^=collapsible]:checked + label .bar1 { transform: rotate(-45deg) translate(-9px, 7px); } :host .papier nav .collapsible input[id^=collapsible]:checked + button .bar2, :host .papier nav .collapsible input[id^=collapsible]:checked + label .bar2 { opacity: 0; } :host .papier nav .collapsible input[id^=collapsible]:checked + button .bar3, :host .papier nav .collapsible input[id^=collapsible]:checked + label .bar3 { transform: rotate(45deg) translate(-8px, -9px); } :host .papier nav.split-nav { justify-content: space-between; } :host .papier nav.fixed { left: 0; position: fixed; right: 0; top: 0; } :host .papier nav div { margin: 0 1rem; } :host .papier nav ul.inline { margin-bottom: 0; margin-top: 10px; padding: 0; } :host .papier nav ul.inline li { display: inline-block; margin: 0 0.5rem; } @media only screen and (max-width: 768px) { :host .papier nav ul.inline li { display: block; margin: 1rem 0; } } :host .papier nav a { color: #41403e; color: var(--primary); border-bottom-color: #41403e; border-bottom-color: var(--primary); background-image: none; border-bottom-left-radius: 15px 3px; border-bottom-right-radius: 15px 5px; border-bottom-style: solid; border-bottom-width: 5px; padding-bottom: 0.1rem; } :host .papier nav a:hover { border-color: #41403e; border-color: var(--primary-light); border-bottom-style: solid; border-bottom-width: 5px; } :host .papier nav ul.inline li a { font-size: 1.3rem; } :host .papier nav ul.inline li::before { content: ""; } @media only screen and (max-width: 992px) { :host .papier nav ul { text-align: center; } } :host .papier nav .nav-brand h1, :host .papier nav .nav-brand h2, :host .papier nav .nav-brand h3, :host .papier nav .nav-brand h4, :host .papier nav .nav-brand h5, :host .papier nav .nav-brand h6 { margin: 0; margin-bottom: 0.2rem; } @media only screen and (max-width: 768px) { :host .papier nav .collapsible { width: 100%; } } :host .papier nav .collapsible input[id^=collapsible]:checked ~ div.collapsible-body { margin: 0; max-height: 960px; opacity: 1; padding: 0; } :host .papier nav .collapsible:nth-of-type(1), :host .papier nav .collapsible .collapsible-body { border: 0; } @media only screen and (min-width: 769px) { :host .papier nav .collapsible:nth-of-type(1), :host .papier nav .collapsible .collapsible-body { display: contents; } } :host .papier nav div.collapsible-body { padding: none; } :host .papier nav .collapsible label { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-style: solid; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-width: 2px; } :host .papier nav .collapsible > button { border: 0; } :host .papier nav .collapsible > button, :host .papier nav .collapsible > label { background-color: #41403e; background-color: var(--main-background); display: none; font-size: 0.5rem; margin-right: 1rem; padding: 0.25rem; position: absolute; right: 0; top: 0.2rem; } @media only screen and (max-width: 768px) { :host .papier nav .collapsible > button, :host .papier nav .collapsible > label { display: block; } } :host .papier.is--dark { --primary: #fff; --secondary: #5595ce; --success: #70c272; --warning: #d4c252; --danger: #df4c57; --muted: #868e96; --primary-light: white; --secondary-light: #69a1d4; --success-light: #82ca84; --warning-light: #d9c966; --danger-light: #e3626b; --muted-light: #949ba2; --primary-dark: gray; --secondary-dark: #1f476b; --success-dark: #265927; --warning-dark: #71651c; --danger-dark: #7c161e; --muted-dark: #313538; --primary-light-10: white; --secondary-light-10: #7daed9; --success-light-10: #94d195; --warning-light-10: #ded07b; --danger-light-10: #e77780; --muted-light-10: #a1a8ae; --primary-dark-10: #e6e6e6; --secondary-dark-10: #367cba; --success-dark-10: #4cb34f; --warning-dark-10: #c3ae30; --danger-dark-10: #d22633; --muted-dark-10: #6c757d; --primary-shaded-50: #343332; --primary-shaded-70: #2f2e2d; --white-dark: rgba(255, 255, 255, 0.03); --white-dark-light-80: rgba(255, 255, 255, 0.03); --light-dark: rgba(255, 255, 255, 0.7); --white: white; --main-background: #41403e; --main-background-light: #c1c0bd; --black: black; --primary-text: #41403e; --secondary-text: #1f476b; --success-text: #265927; --warning-text: #71651c; --danger-text: #7c161e; --muted-text: #949ba2; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #41403e; } :host .papier:not(.is--dark) { --primary: #41403e; --secondary: #0b74d5; --success: #86a361; --warning: #ddcd45; --danger: #a7342d; --muted: #868e96; --primary-light: #cdcccb; --secondary-light: #d8ebfd; --success-light: #d5dfc8; --warning-light: #f5f0c6; --danger-light: #f0cbc9; --muted-light: #e6e7e9; --primary-dark: black; --secondary-dark: black; --success-dark: #374427; --warning-dark: #746a15; --danger-dark: black; --muted-dark: #313538; --primary-light-10: #5b5a57; --secondary-light-10: #208ef3; --success-light-10: #9fb681; --warning-light-10: #e5d970; --danger-light-10: #cb453c; --muted-light-10: #a1a8ae; --primary-dark-10: #272625; --secondary-dark-10: #085aa5; --success-dark-10: #4a5a35; --warning-dark-10: #746a15; --danger-dark-10: #7f2722; --muted-dark-10: #6c757d; --primary-shaded-50: #c1c0bd; --primary-shaded-70: #f2f2f2; --white-dark: rgba(0, 0, 0, 0.03); --white-dark-light-80: rgba(204, 204, 204, 0.03); --light-dark: rgba(0, 0, 0, 0.7); --white: white; --main-background: white; --main-background-light: white; --black: black; --primary-text: #272625; --secondary-text: #085aa5; --success-text: #4a5a35; --warning-text: #746a15; --danger-text: #7f2722; --muted-text: #6c757d; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #fff; } :host .papier { position: absolute; } :host .modal { opacity: 1 !important; visibility: visible !important; } :host .modal-body { top: 50% !important; } :host h4.modal-title ::slotted([slot=title]) { all: inherit !important; }';export{a as p_modal}
@@ -0,0 +1 @@
1
+ import{r,h as e,H as o,g as t}from"./p-B4NZTtB_.js";const a=class{constructor(e){r(this,e),this.dark=!1,this.radius=!1}componentDidLoad(){this.hasHeader=!!this.el.querySelector('[slot="header"]'),this.hasFooter=!!this.el.querySelector('[slot="footer"]')}render(){return e(o,{key:"d049173b4627568a2fcf0e1db01d9a0f22b1d92e"},e("div",{key:"c2764a36aba0cb71a6a05bce0ab460b3d6de9596",class:{papier:!0,"is--dark":this.dark,"has--header":!0===this.hasHeader,"has--footer":this.hasFooter,"with--radius":this.radius}},e("div",{key:"db44844ced5e52f0fbb8a1a668448c213e267beb",class:"card"},e("div",{key:"d7d172d12fad3039eecbdf760248d320ed881022",class:"card-header"},e("slot",{key:"3750a4df7f9211dbd822aee1318020adfc88004c",name:"header"})),this.image&&e("img",{key:"ad3c6f0f629d0f18fe14aa45bcdaf19e662e49aa",alt:"card-img",class:"image-top",src:this.image}),e("div",{key:"9e72b1b2ba1dd4d2b050824fd4438fd82136eb56",class:"card-body"},e("h4",{key:"de9db569e70c6c46a3426d9a69346199b6458153",class:"card-title"},e("slot",{key:"1570c4263f58b0651bda4077e0a2402ea148c8c2",name:"title"})),e("h5",{key:"4927b911797b22962d80ac588edc931051728986",class:"card-subtitle"},e("slot",{key:"ad4e7e6bc74c5cf12e5578ca262d9a609533125c",name:"subtitle"})),e("p",{key:"554c0635bfec3e9d26de5e508d69d065344b54f6",class:"card-text"},e("slot",{key:"934a4d3d05c199b865b9d88279b91fd2ff40e71f",name:"text"})),e("slot",{key:"15399ad2b6ab871094562288ac8986d1e6f5afa1"})),e("div",{key:"414b5ea56200aaf3d38b9bea579e9ba28c24cebb",class:"card-footer"},e("slot",{key:"3e53fd5426605159a6f7d6701ba672f50a84ff1e",name:"footer"})))))}get el(){return t(this)}};a.style='@charset "UTF-8"; :host .papier { @import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap"); font-family: "Neucha", sans-serif; font-size: 20px; } :host .papier html { --primary: #41403e; --secondary: #0b74d5; --success: #86a361; --warning: #ddcd45; --danger: #a7342d; --muted: #868e96; --primary-light: #cdcccb; --secondary-light: #d8ebfd; --success-light: #d5dfc8; --warning-light: #f5f0c6; --danger-light: #f0cbc9; --muted-light: #e6e7e9; --primary-dark: black; --secondary-dark: black; --success-dark: #374427; --warning-dark: #746a15; --danger-dark: black; --muted-dark: #313538; --primary-light-10: #5b5a57; --secondary-light-10: #208ef3; --success-light-10: #9fb681; --warning-light-10: #e5d970; --danger-light-10: #cb453c; --muted-light-10: #a1a8ae; --primary-dark-10: #272625; --secondary-dark-10: #085aa5; --success-dark-10: #4a5a35; --warning-dark-10: #746a15; --danger-dark-10: #7f2722; --muted-dark-10: #6c757d; --primary-shaded-50: #c1c0bd; --primary-shaded-70: #f2f2f2; --white-dark: rgba(0, 0, 0, 0.03); --white-dark-light-80: rgba(204, 204, 204, 0.03); --light-dark: rgba(0, 0, 0, 0.7); --white: white; --main-background: white; --main-background-light: white; --black: black; --primary-text: #272625; --secondary-text: #085aa5; --success-text: #4a5a35; --warning-text: #746a15; --danger-text: #7f2722; --muted-text: #6c757d; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #fff; } :host .papier html.dark { --primary: #fff; --secondary: #5595ce; --success: #70c272; --warning: #d4c252; --danger: #df4c57; --muted: #868e96; --primary-light: white; --secondary-light: #69a1d4; --success-light: #82ca84; --warning-light: #d9c966; --danger-light: #e3626b; --muted-light: #949ba2; --primary-dark: gray; --secondary-dark: #1f476b; --success-dark: #265927; --warning-dark: #71651c; --danger-dark: #7c161e; --muted-dark: #313538; --primary-light-10: white; --secondary-light-10: #7daed9; --success-light-10: #94d195; --warning-light-10: #ded07b; --danger-light-10: #e77780; --muted-light-10: #a1a8ae; --primary-dark-10: #e6e6e6; --secondary-dark-10: #367cba; --success-dark-10: #4cb34f; --warning-dark-10: #c3ae30; --danger-dark-10: #d22633; --muted-dark-10: #6c757d; --primary-shaded-50: #343332; --primary-shaded-70: #2f2e2d; --white-dark: rgba(255, 255, 255, 0.03); --white-dark-light-80: rgba(255, 255, 255, 0.03); --light-dark: rgba(255, 255, 255, 0.7); --white: white; --main-background: #41403e; --main-background-light: #c1c0bd; --black: black; --primary-text: #41403e; --secondary-text: #1f476b; --success-text: #265927; --warning-text: #71651c; --danger-text: #7c161e; --muted-text: #949ba2; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #41403e; } :host .papier .text-primary { color: #41403e; color: var(--primary); } :host .papier .background-primary { background-color: #41403e; background-color: var(--primary-light); } :host .papier .text-secondary { color: #41403e; color: var(--secondary); } :host .papier .background-secondary { background-color: #41403e; background-color: var(--secondary-light); } :host .papier .text-success { color: #41403e; color: var(--success); } :host .papier .background-success { background-color: #41403e; background-color: var(--success-light); } :host .papier .text-warning { color: #41403e; color: var(--warning); } :host .papier .background-warning { background-color: #41403e; background-color: var(--warning-light); } :host .papier .text-danger { color: #41403e; color: var(--danger); } :host .papier .background-danger { background-color: #41403e; background-color: var(--danger-light); } :host .papier .text-muted { color: #41403e; color: var(--muted); } :host .papier .background-muted { background-color: #41403e; background-color: var(--muted-light); } :host .papier html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } :host .papier body { margin: 0; } :host .papier article, :host .papier aside, :host .papier footer, :host .papier header, :host .papier nav, :host .papier section { display: block; } :host .papier h1 { font-size: 2em; margin: 0.67em 0; } :host .papier figcaption, :host .papier figure, :host .papier main { display: block; } :host .papier figure { margin: 1em 40px; } :host .papier hr { box-sizing: content-box; height: 0; overflow: visible; } :host .papier pre { font-family: monospace, monospace; font-size: 1em; } :host .papier a { background-color: transparent; -webkit-text-decoration-skip: objects; } :host .papier abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } :host .papier b, :host .papier strong { font-weight: inherit; } :host .papier b, :host .papier strong { font-weight: bolder; } :host .papier code, :host .papier kbd, :host .papier samp { font-family: monospace, monospace; font-size: 1em; } :host .papier dfn { font-style: italic; } :host .papier mark { background-color: #ff0; color: #000; } :host .papier small { font-size: 80%; } :host .papier sub, :host .papier sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } :host .papier sub { bottom: -0.25em; } :host .papier sup { top: -0.5em; } :host .papier audio, :host .papier video { display: inline-block; } :host .papier audio:not([controls]) { display: none; height: 0; } :host .papier img { border-style: none; } :host .papier svg:not(:root) { overflow: hidden; } :host .papier button, :host .papier input, :host .papier optgroup, :host .papier select, :host .papier textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } :host .papier button, :host .papier input { overflow: visible; } :host .papier button, :host .papier select { text-transform: none; } :host .papier [type=reset], :host .papier [type=submit], :host .papier button, :host .papier html [type=button] { -webkit-appearance: button; } :host .papier [type=button]::-moz-focus-inner, :host .papier [type=reset]::-moz-focus-inner, :host .papier [type=submit]::-moz-focus-inner, :host .papier button::-moz-focus-inner { border-style: none; padding: 0; } :host .papier [type=button]:-moz-focusring, :host .papier [type=reset]:-moz-focusring, :host .papier [type=submit]:-moz-focusring, :host .papier button:-moz-focusring { outline: 1px dotted ButtonText; } :host .papier fieldset { padding: 0.35em 0.75em 0.625em; } :host .papier legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } :host .papier progress { display: inline-block; vertical-align: baseline; } :host .papier textarea { overflow: auto; } :host .papier [type=checkbox], :host .papier [type=radio] { box-sizing: border-box; padding: 0; } :host .papier [type=number]::-webkit-inner-spin-button, :host .papier [type=number]::-webkit-outer-spin-button { height: auto; } :host .papier [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } :host .papier [type=search]::-webkit-search-cancel-button, :host .papier [type=search]::-webkit-search-decoration { -webkit-appearance: none; } :host .papier ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } :host .papier details, :host .papier menu { display: block; } :host .papier summary { display: list-item; } :host .papier canvas { display: inline-block; } :host .papier template { display: none; } :host .papier [hidden] { display: none; } :host .papier html { box-sizing: border-box; } :host .papier *, :host .papier *:before, :host .papier *:after { box-sizing: inherit; } :host .papier .container { margin: 0 auto; max-width: 960px; position: relative; width: 100%; } @media only screen and (max-width: 992px) { :host .papier .container { width: 85%; } } @media only screen and (max-width: 480px) { :host .papier .container { width: 90%; } } :host .papier .container.container-xs { max-width: 480px; } :host .papier .container.container-sm { max-width: 768px; } :host .papier .container.container-md { max-width: 992px; } :host .papier .container.container-lg { max-width: 1200px; } :host .papier .section { margin-bottom: 2rem; margin-top: 1rem; word-wrap: break-word; } :host .papier .section::after { color: #8f8d89; content: "~~~"; display: block; font-size: 1.5rem; position: relative; text-align: center; } :host .papier hr { border: 0; } :host .papier hr::after { color: #8f8d89; content: "~~~"; display: block; font-size: 1.5rem; position: relative; text-align: center; top: -0.75rem; } :host .papier .paper { background-color: #41403e; background-color: var(--main-background); border: 1px solid #cdcccb; box-shadow: -1px 5px 35px -9px rgba(0, 0, 0, 0.2); margin-bottom: 1rem; margin-top: 1rem; padding: 2rem; } @media only screen and (max-width: 480px) { :host .papier .paper { margin-bottom: 0; margin-top: 0; padding: 1rem; width: 100%; } } :host .papier .row { display: flex; flex-flow: row wrap; margin-bottom: 1rem; margin-left: auto; margin-right: auto; } :host .papier .row.flex-right { justify-content: flex-end; } :host .papier .row.flex-center { justify-content: center; } :host .papier .row.flex-edges { justify-content: space-between; } :host .papier .row.flex-spaces { justify-content: space-around; } :host .papier .row.flex-top { align-items: flex-start; } :host .papier .row.flex-middle { align-items: center; } :host .papier .row.flex-bottom { align-items: flex-end; } :host .papier .col { padding: 1rem; } @media only screen and (max-width: 768px) { :host .papier .col { flex: 0 0 100%; max-width: 100%; } } :host .papier .col-fill { flex: 1 1 0; width: auto; } @media only screen and (min-width: 0) { :host .papier .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .col-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .col-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .col-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .col-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 480px) { :host .papier .xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .xs-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .xs-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .xs-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .xs-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 768px) { :host .papier .sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .sm-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .sm-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .sm-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .sm-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 992px) { :host .papier .md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .md-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .md-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .md-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .md-12 { flex: 0 0 100%; max-width: 100%; } } @media only screen and (min-width: 1200px) { :host .papier .lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } :host .papier .lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } :host .papier .lg-3 { flex: 0 0 25%; max-width: 25%; } :host .papier .lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } :host .papier .lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } :host .papier .lg-6 { flex: 0 0 50%; max-width: 50%; } :host .papier .lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } :host .papier .lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } :host .papier .lg-9 { flex: 0 0 75%; max-width: 75%; } :host .papier .lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } :host .papier .lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } :host .papier .lg-12 { flex: 0 0 100%; max-width: 100%; } } :host .papier .align-top { align-self: flex-start; } :host .papier .align-middle { align-self: center; } :host .papier .align-bottom { align-self: flex-end; } :host .papier .container { margin: 0 auto; max-width: 960px; position: relative; width: 100%; } @media only screen and (max-width: 992px) { :host .papier .container { width: 85%; } } @media only screen and (max-width: 480px) { :host .papier .container { width: 90%; } } :host .papier code { color: #41403e; color: var(--secondary); background-color: #41403e; background-color: var(--primary-shaded-70); border-radius: 3px; font-size: 80%; padding: 2px 4px; } :host .papier kbd { color: #41403e; color: var(--primary-inverse); background-color: #41403e; background-color: var(--primary); border-radius: 3px; font-size: 80%; padding: 2px 4px; } :host .papier pre { color: #41403e; color: var(--inverse-primary); background-color: #41403e; background-color: var(--primary-shaded-70); border-color: #41403e; border-color: var(--primary-shaded-50); border-radius: 3px; border-style: solid; border-width: 1px; display: block; font-size: 80%; line-height: 1.5; overflow-x: auto; padding: 1em; white-space: pre; word-break: break-all; word-wrap: break-word; } :host .papier pre code { color: #41403e; color: var(--inverse-primary); background: transparent; display: block; font-size: inherit; padding: initial; white-space: pre; } :host .papier html { color: #41403e; color: var(--primary); font-family: "Neucha", sans-serif; font-size: 20px; } :host .papier p, :host .papier a, :host .papier button, :host .papier li, :host .papier table, :host .papier thead, :host .papier tbody, :host .papier th, :host .papier tr, :host .papier td, :host .papier input, :host .papier textarea, :host .papier select, :host .papier option { font-family: "Neucha", sans-serif; } :host .papier h1, :host .papier h2, :host .papier h3, :host .papier h4, :host .papier h5, :host .papier h6 { font-family: "Patrick Hand SC", sans-serif; font-weight: normal; } :host .papier h1 { font-size: 4rem; } :host .papier h2 { font-size: 3rem; } :host .papier h3 { font-size: 2rem; } :host .papier h4 { font-size: 1.5rem; } :host .papier h5 { font-size: 1rem; } :host .papier h6 { font-size: 0.8rem; } :host .papier .text-left { text-align: left; } :host .papier .text-center { text-align: center; } :host .papier .text-right { text-align: right; } :host .papier img { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; display: block; height: auto; max-width: 100%; } :host .papier img.float-left { float: left; margin: 1rem 1rem 1rem 0; } :host .papier img.float-right { float: right; margin: 1rem 0 1rem 1rem; } :host .papier img.no-responsive { display: initial; height: initial; max-width: initial; } :host .papier img.no-border { border: 0; border-radius: 0; } :host .papier ol { list-style-type: decimal; } :host .papier ol ol { list-style-type: upper-alpha; } :host .papier ol ol ol { list-style-type: upper-roman; } :host .papier ol ol ol ol { list-style-type: lower-alpha; } :host .papier ol ol ol ol ol { list-style-type: lower-roman; } :host .papier ul { list-style: none; margin-left: 0; } :host .papier ul li::before { content: "-"; } :host .papier ul li { text-indent: -7px; } :host .papier ul li .badge, :host .papier ul li [popover-bottom]::after, :host .papier ul li [popover-left]::after, :host .papier ul li [popover-right]::after, :host .papier ul li [popover-top]::after { text-indent: 0; } :host .papier ul li::before { left: -7px; position: relative; } :host .papier ul ul li::before { content: "+"; } :host .papier ul ul ul li::before { content: "~"; } :host .papier ul ul ul ul li::before { content: "⤍"; } :host .papier ul ul ul ul ul li::before { content: "⁎"; } :host .papier ul.inline li { display: inline; margin-left: 5px; } :host .papier table { box-sizing: border-box; max-width: 100%; overflow-x: auto; width: 100%; } @media only screen and (max-width: 480px) { :host .papier table thead tr th { padding: 2%; } :host .papier table tbody tr td { padding: 2%; } } :host .papier table thead tr th { line-height: 1.5; padding: 8px; text-align: left; vertical-align: bottom; } :host .papier table tbody tr td { border-top: 1px dashed #d9d9d8; line-height: 1.5; padding: 8px; vertical-align: top; } :host .papier table.table-hover tbody tr:hover { color: #41403e; color: var(--secondary); } :host .papier table.table-alternating tbody tr:nth-of-type(even) { color: #82807c; } :host .papier .border { border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; } :host .papier .border, :host .papier .border-1, :host .papier .child-borders > *:nth-child(6n+1) { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; } :host .papier .border-2, :host .papier .child-borders > *:nth-child(6n+2) { border-bottom-left-radius: 185px 25px; border-bottom-right-radius: 20px 205px; border-top-left-radius: 125px 25px; border-top-right-radius: 10px 205px; } :host .papier .border-3, :host .papier .child-borders > *:nth-child(6n+3) { border-bottom-left-radius: 225px 15px; border-bottom-right-radius: 15px 255px; border-top-left-radius: 15px 225px; border-top-right-radius: 255px 15px; } :host .papier .border-4, :host .papier .child-borders > *:nth-child(6n+4) { border-bottom-left-radius: 25px 115px; border-bottom-right-radius: 155px 25px; border-top-left-radius: 15px 225px; border-top-right-radius: 25px 150px; } :host .papier .border-5, :host .papier .child-borders > *:nth-child(6n+5) { border-bottom-left-radius: 20px 115px; border-bottom-right-radius: 15px 105px; border-top-left-radius: 250px 15px; border-top-right-radius: 25px 80px; } :host .papier .border-6, :host .papier .child-borders > *:nth-child(6n+6) { border-bottom-left-radius: 15px 225px; border-bottom-right-radius: 20px 205px; border-top-left-radius: 28px 125px; border-top-right-radius: 100px 30px; } :host .papier .child-borders > * { border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; } :host .papier .border-white { border-color: #41403e; border-color: var(--white); } :host .papier .border-dotted { border-style: dotted; } :host .papier .border-dashed { border-style: dashed; } :host .papier .border-thick { border-width: 5px; } :host .papier .border-primary { border-color: #41403e; border-color: var(--primary); } :host .papier .border-secondary { border-color: #41403e; border-color: var(--secondary); } :host .papier .border-success { border-color: #41403e; border-color: var(--success); } :host .papier .border-warning { border-color: #41403e; border-color: var(--warning); } :host .papier .border-danger { border-color: #41403e; border-color: var(--danger); } :host .papier .border-muted { border-color: #41403e; border-color: var(--muted); } :host .papier .shadow { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); } :host .papier .shadow.shadow-large { transition: all 235ms ease 0s; box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2); } :host .papier .shadow.shadow-small { transition: all 235ms ease 0s; box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2); } :host .papier .shadow.shadow-hover:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier .child-shadows > * { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); } :host .papier .child-shadows .shadow-none { box-shadow: none; } :host .papier .child-shadows-hover > * { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); } :host .papier .child-shadows-hover > *:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier .collapsible { display: flex; flex-direction: column; } :host .papier .collapsible:nth-of-type(1) { border-top-color: #41403e; border-top-color: var(--muted-light); border-top-style: solid; border-top-width: 1px; } :host .papier .collapsible .collapsible-body { border-bottom-color: #41403e; border-bottom-color: var(--muted-light); background-color: #41403e; background-color: var(--white-dark-light-80); transition: all 235ms ease-in-out 0s; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; max-height: 0; opacity: 0; overflow: hidden; padding: 0 0.75rem; } :host .papier .collapsible > input { display: none; } :host .papier .collapsible > input:checked + label { color: #41403e; color: var(--primary); } :host .papier .collapsible > input[id^=collapsible]:checked ~ div.collapsible-body { margin: 0; max-height: 960px; opacity: 1; padding: 0.75rem; } :host .papier .collapsible > label { color: #41403e; color: var(--primary); border-bottom-color: #41403e; border-bottom-color: var(--muted-light); border-bottom-style: solid; border-bottom-width: 1px; display: inline-block; font-weight: 600; margin: 0 0 -1px; padding: 0.75rem; text-align: center; } :host .papier .collapsible > label:hover { color: #41403e; color: var(--muted); cursor: pointer; } :host .papier .alert { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-style: solid; border-width: 2px; margin-bottom: 20px; padding: 15px; width: 100%; } :host .papier .alert.dismissible { transition: all 235ms ease-in-out 0s; display: flex; justify-content: space-between; max-height: 48rem; overflow: hidden; } :host .papier .alert .btn-close { transition: all 235ms ease-in-out 0s; color: #41403e; color: var(--primary-text); cursor: pointer; margin-left: 0.75rem; } :host .papier .alert .btn-close:hover, :host .papier .alert .btn-close:active, :host .papier .alert .btn-close:focus { color: #41403e; color: var(--primary-dark); } :host .papier .alert-primary { color: #41403e; color: var(--primary-text); background-color: #41403e; background-color: var(--primary-light); border-color: #41403e; border-color: var(--primary); } :host .papier .alert-primary .btn-close { color: #41403e; color: var(--primary-text); } :host .papier .alert-primary .btn-close:hover, :host .papier .alert-primary .btn-close:active, :host .papier .alert-primary .btn-close:focus { color: #41403e; color: var(--primary-dark); } :host .papier .alert-secondary { color: #41403e; color: var(--secondary-text); background-color: #41403e; background-color: var(--secondary-light); border-color: #41403e; border-color: var(--secondary); } :host .papier .alert-secondary .btn-close { color: #41403e; color: var(--secondary-text); } :host .papier .alert-secondary .btn-close:hover, :host .papier .alert-secondary .btn-close:active, :host .papier .alert-secondary .btn-close:focus { color: #41403e; color: var(--secondary-dark); } :host .papier .alert-success { color: #41403e; color: var(--success-text); background-color: #41403e; background-color: var(--success-light); border-color: #41403e; border-color: var(--success); } :host .papier .alert-success .btn-close { color: #41403e; color: var(--success-text); } :host .papier .alert-success .btn-close:hover, :host .papier .alert-success .btn-close:active, :host .papier .alert-success .btn-close:focus { color: #41403e; color: var(--success-dark); } :host .papier .alert-warning { color: #41403e; color: var(--warning-text); background-color: #41403e; background-color: var(--warning-light); border-color: #41403e; border-color: var(--warning); } :host .papier .alert-warning .btn-close { color: #41403e; color: var(--warning-text); } :host .papier .alert-warning .btn-close:hover, :host .papier .alert-warning .btn-close:active, :host .papier .alert-warning .btn-close:focus { color: #41403e; color: var(--warning-dark); } :host .papier .alert-danger { color: #41403e; color: var(--danger-text); background-color: #41403e; background-color: var(--danger-light); border-color: #41403e; border-color: var(--danger); } :host .papier .alert-danger .btn-close { color: #41403e; color: var(--danger-text); } :host .papier .alert-danger .btn-close:hover, :host .papier .alert-danger .btn-close:active, :host .papier .alert-danger .btn-close:focus { color: #41403e; color: var(--danger-dark); } :host .papier .alert-muted { color: #41403e; color: var(--muted-text); background-color: #41403e; background-color: var(--muted-light); border-color: #41403e; border-color: var(--muted); } :host .papier .alert-muted .btn-close { color: #41403e; color: var(--muted-text); } :host .papier .alert-muted .btn-close:hover, :host .papier .alert-muted .btn-close:active, :host .papier .alert-muted .btn-close:focus { color: #41403e; color: var(--muted-dark); } :host .papier .alert-state { display: none; } :host .papier .alert-state:checked + .dismissible { border-width: 0; margin: 0; max-height: 0; opacity: 0; padding-bottom: 0; padding-top: 0; } :host .papier article .article-title { font-size: 3rem; } :host .papier article .article-meta { color: #41403e; color: var(--muted-text); font-size: 15px; } :host .papier article .article-meta a { color: #41403e; color: var(--muted-text); background-image: none; } :host .papier article .article-meta a:hover { color: #41403e; color: var(--light-dark); } :host .papier article .text-lead { font-size: 30px; line-height: 1.3; margin: 35px; } :host .papier article button:not(:first-of-type) { margin-left: 2rem; } @media only screen and (max-width: 480px) { :host .papier article button:not(:first-of-type) { margin-left: 0; } } :host .papier article p { line-height: 1.6; } :host .papier .badge { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; color: #41403e; color: var(--white); background-color: #41403e; background-color: var(--muted); border-color: #41403e; border-color: var(--primary); border: 2px solid; border-color: transparent; display: inline-block; font-size: 75%; font-weight: 700; line-height: 1; padding: 0.25em 0.4em; text-align: center; vertical-align: baseline; white-space: nowrap; } :host .papier .badge.primary { background-color: #41403e; background-color: var(--primary); } :host .papier .badge.secondary { background-color: #41403e; background-color: var(--secondary); } :host .papier .badge.success { background-color: #41403e; background-color: var(--success); } :host .papier .badge.warning { background-color: #41403e; background-color: var(--warning); } :host .papier .badge.danger { background-color: #41403e; background-color: var(--danger); } :host .papier .badge.muted { background-color: #41403e; background-color: var(--muted); } :host .papier ul.breadcrumb { list-style: none; padding: 10px 16px; } :host .papier ul.breadcrumb li { display: inline; font-size: 20px; } :host .papier ul.breadcrumb li::before { content: ""; } :host .papier ul.breadcrumb li a { color: #41403e; color: var(--secondary); background-image: none; text-decoration: none; } :host .papier ul.breadcrumb li a:hover { text-decoration: underline; } :host .papier ul.breadcrumb li + li::before { content: "/ "; padding: 8px; } :host .papier button, :host .papier .paper-btn, :host .papier [type=button] { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); transition: all 235ms ease-in-out 0s; color: #41403e; color: var(--primary); border-color: #41403e; border-color: var(--primary); background-color: #41403e; background-color: var(--main-background); align-self: center; background-image: none; border-style: solid; border-width: 2px; cursor: pointer; display: inline-block; font-size: 1rem; outline: none; padding: 0.75rem; } @media only screen and (max-width: 520px) { :host .papier button, :host .papier .paper-btn, :host .papier [type=button] { display: inline-block; margin: 0 auto; margin-bottom: 1rem; text-align: center; } } :host .papier button.btn-large, :host .papier .paper-btn.btn-large, :host .papier [type=button].btn-large { transition: all 235ms ease 0s; box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2); font-size: 2rem; padding: 1rem; } :host .papier button.btn-small, :host .papier .paper-btn.btn-small, :host .papier [type=button].btn-small { transition: all 235ms ease 0s; box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2); font-size: 0.75rem; padding: 0.5rem; } :host .papier button.btn-block, :host .papier .paper-btn.btn-block, :host .papier [type=button].btn-block { display: block; width: 100%; } :host .papier button:hover, :host .papier .paper-btn:hover, :host .papier [type=button]:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier button:focus, :host .papier .paper-btn:focus, :host .papier [type=button]:focus { border-color: #41403e; border-color: var(--secondary); border-style: solid; border-width: 2px; box-shadow: 2px 8px 4px -6px rgba(0, 0, 0, 0.3); } :host .papier button:active, :host .papier .paper-btn:active, :host .papier [type=button]:active { border-color: rgba(0, 0, 0, 0.2); transition: none; } :host .papier button.disabled, :host .papier button[disabled], :host .papier .paper-btn.disabled, :host .papier .paper-btn[disabled], :host .papier [type=button].disabled, :host .papier [type=button][disabled] { cursor: not-allowed; opacity: 0.5; } :host .papier a { color: #41403e; color: var(--secondary); background-image: linear-gradient(5deg, transparent 65%, #0b74d5 80%, transparent 90%), linear-gradient(165deg, transparent 5%, #0b74d5 15%, transparent 25%), linear-gradient(165deg, transparent 45%, #0b74d5 55%, transparent 65%), linear-gradient(15deg, transparent 25%, #0b74d5 35%, transparent 50%); background-position: 0 90%; background-repeat: repeat-x; background-size: 4px 3px; text-decoration: none; } :host .papier a:visited { color: #41403e; color: var(--primary); text-decoration: none; } :host .papier button.btn-primary, :host .papier .paper-btn.btn-primary, :host .papier [type=button].btn-primary { color: #41403e; color: var(--primary-text); background-color: #41403e; background-color: var(--primary-light); border-color: #41403e; border-color: var(--primary); } :host .papier button.btn-primary:hover:active, :host .papier .paper-btn.btn-primary:hover:active, :host .papier [type=button].btn-primary:hover:active { background-color: #b4b3b0; } :host .papier button.btn-secondary, :host .papier .paper-btn.btn-secondary, :host .papier [type=button].btn-secondary { color: #41403e; color: var(--secondary-text); background-color: #41403e; background-color: var(--secondary-light); border-color: #41403e; border-color: var(--secondary); } :host .papier button.btn-secondary:hover:active, :host .papier .paper-btn.btn-secondary:hover:active, :host .papier [type=button].btn-secondary:hover:active { background-color: #a7d3fa; } :host .papier button.btn-success, :host .papier .paper-btn.btn-success, :host .papier [type=button].btn-success { color: #41403e; color: var(--success-text); background-color: #41403e; background-color: var(--success-light); border-color: #41403e; border-color: var(--success); } :host .papier button.btn-success:hover:active, :host .papier .paper-btn.btn-success:hover:active, :host .papier [type=button].btn-success:hover:active { background-color: #bccca8; } :host .papier button.btn-warning, :host .papier .paper-btn.btn-warning, :host .papier [type=button].btn-warning { color: #41403e; color: var(--warning-text); background-color: #41403e; background-color: var(--warning-light); border-color: #41403e; border-color: var(--warning); } :host .papier button.btn-warning:hover:active, :host .papier .paper-btn.btn-warning:hover:active, :host .papier [type=button].btn-warning:hover:active { background-color: #ede49b; } :host .papier button.btn-danger, :host .papier .paper-btn.btn-danger, :host .papier [type=button].btn-danger { color: #41403e; color: var(--danger-text); background-color: #41403e; background-color: var(--danger-light); border-color: #41403e; border-color: var(--danger); } :host .papier button.btn-danger:hover:active, :host .papier .paper-btn.btn-danger:hover:active, :host .papier [type=button].btn-danger:hover:active { background-color: #e6a5a1; } :host .papier button.btn-muted, :host .papier .paper-btn.btn-muted, :host .papier [type=button].btn-muted { color: #41403e; color: var(--muted-text); background-color: #41403e; background-color: var(--muted-light); border-color: #41403e; border-color: var(--muted); } :host .papier button.btn-muted:hover:active, :host .papier .paper-btn.btn-muted:hover:active, :host .papier [type=button].btn-muted:hover:active { background-color: #caced1; } :host .papier button.btn-primary-outline, :host .papier .paper-btn.btn-primary-outline, :host .papier [type=button].btn-primary-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--primary); border-color: #41403e; border-color: var(--primary); } :host .papier button.btn-primary-outline:hover, :host .papier .paper-btn.btn-primary-outline:hover, :host .papier [type=button].btn-primary-outline:hover { background-color: #cdcccb; } :host .papier button.btn-primary-outline:hover:active, :host .papier .paper-btn.btn-primary-outline:hover:active, :host .papier [type=button].btn-primary-outline:hover:active { background-color: #b4b3b0; } :host .papier button.btn-secondary-outline, :host .papier .paper-btn.btn-secondary-outline, :host .papier [type=button].btn-secondary-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--secondary); border-color: #41403e; border-color: var(--secondary); } :host .papier button.btn-secondary-outline:hover, :host .papier .paper-btn.btn-secondary-outline:hover, :host .papier [type=button].btn-secondary-outline:hover { background-color: #d8ebfd; } :host .papier button.btn-secondary-outline:hover:active, :host .papier .paper-btn.btn-secondary-outline:hover:active, :host .papier [type=button].btn-secondary-outline:hover:active { background-color: #a7d3fa; } :host .papier button.btn-success-outline, :host .papier .paper-btn.btn-success-outline, :host .papier [type=button].btn-success-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--success); border-color: #41403e; border-color: var(--success); } :host .papier button.btn-success-outline:hover, :host .papier .paper-btn.btn-success-outline:hover, :host .papier [type=button].btn-success-outline:hover { background-color: #d5dfc8; } :host .papier button.btn-success-outline:hover:active, :host .papier .paper-btn.btn-success-outline:hover:active, :host .papier [type=button].btn-success-outline:hover:active { background-color: #bccca8; } :host .papier button.btn-warning-outline, :host .papier .paper-btn.btn-warning-outline, :host .papier [type=button].btn-warning-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--warning); border-color: #41403e; border-color: var(--warning); } :host .papier button.btn-warning-outline:hover, :host .papier .paper-btn.btn-warning-outline:hover, :host .papier [type=button].btn-warning-outline:hover { background-color: #f5f0c6; } :host .papier button.btn-warning-outline:hover:active, :host .papier .paper-btn.btn-warning-outline:hover:active, :host .papier [type=button].btn-warning-outline:hover:active { background-color: #ede49b; } :host .papier button.btn-danger-outline, :host .papier .paper-btn.btn-danger-outline, :host .papier [type=button].btn-danger-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--danger); border-color: #41403e; border-color: var(--danger); } :host .papier button.btn-danger-outline:hover, :host .papier .paper-btn.btn-danger-outline:hover, :host .papier [type=button].btn-danger-outline:hover { background-color: #f0cbc9; } :host .papier button.btn-danger-outline:hover:active, :host .papier .paper-btn.btn-danger-outline:hover:active, :host .papier [type=button].btn-danger-outline:hover:active { background-color: #e6a5a1; } :host .papier button.btn-muted-outline, :host .papier .paper-btn.btn-muted-outline, :host .papier [type=button].btn-muted-outline { background-color: #41403e; background-color: var(--main-background); color: #41403e; color: var(--muted); border-color: #41403e; border-color: var(--muted); } :host .papier button.btn-muted-outline:hover, :host .papier .paper-btn.btn-muted-outline:hover, :host .papier [type=button].btn-muted-outline:hover { background-color: #e6e7e9; } :host .papier button.btn-muted-outline:hover:active, :host .papier .paper-btn.btn-muted-outline:hover:active, :host .papier [type=button].btn-muted-outline:hover:active { background-color: #caced1; } :host .papier .card { transition: all 235ms ease 0s; box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2); border-color: #41403e; border-color: var(--muted-light); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-style: solid; border-width: 2px; display: flex; flex-direction: column; position: relative; will-change: transform; word-wrap: break-word; } :host .papier .card:hover { transform: translate3d(0, 2px, 0); box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); } :host .papier .card .card-header, :host .papier .card .card-footer { background-color: #41403e; background-color: var(--white-dark); border-color: #41403e; border-color: var(--muted-light); padding: 0.75rem 1.25rem; } :host .papier .card .card-header { border-bottom-style: solid; border-bottom-width: 2px; } :host .papier .card .card-footer { border-top-style: solid; border-top-width: 2px; } :host .papier .card .card-body { flex: 1 1 auto; padding: 1.25rem; } :host .papier .card .card-body .card-title, :host .papier .card .card-body h4 { margin-bottom: 0.5rem; margin-top: 0; } :host .papier .card .card-body .card-subtitle, :host .papier .card .card-body h5 { color: #0b74d5; margin-bottom: 0.5rem; margin-top: 0; } :host .papier .card .card-body .card-text, :host .papier .card .card-body p { margin-bottom: 1rem; margin-top: 0; } :host .papier .card .card-body .card-link + .card-link, :host .papier .card .card-body a + a { margin-left: 1.25rem; } :host .papier .card .image-top, :host .papier .card .image-bottom, :host .papier .card img { border: 0; border-radius: 0; } :host .papier input, :host .papier select, :host .papier textarea { color: #41403e; color: var(--primary); border-color: #41403e; border-color: var(--primary); background: transparent; border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-style: solid; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-width: 2px; display: block; font-size: 1rem; outline: none; padding: 0.5rem; } :host .papier input:focus, :host .papier select:focus, :host .papier textarea:focus { border-color: #41403e; border-color: var(--secondary); border-style: solid; border-width: 2px; } :host .papier select { height: 2.35rem; } :host .papier .disabled, :host .papier input.disabled, :host .papier input[disabled], :host .papier select.disabled, :host .papier select[disabled], :host .papier textarea.disabled, :host .papier textarea[disabled] { cursor: not-allowed; opacity: 0.5; } :host .papier .form-group { margin-bottom: 1rem; } :host .papier .form-group > label, :host .papier .form-group legend { display: inline-block; margin-bottom: 0.5rem; } :host .papier .form-group .input-block { width: 100%; } :host .papier .form-group textarea { max-height: 90vh; max-width: 100%; } :host .papier .form-group textarea.no-resize { resize: none; } :host .papier .form-group .paper-radio, :host .papier .form-group .paper-check { cursor: pointer; display: block; margin-bottom: 0.5rem; } :host .papier .form-group .paper-radio input, :host .papier .form-group .paper-check input { border: 0; height: 1px; margin: -1px; opacity: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; } :host .papier .form-group .paper-radio input + span, :host .papier .form-group .paper-check input + span { display: block; } :host .papier .form-group .paper-radio input + span::before, :host .papier .form-group .paper-check input + span::before { border-color: #41403e; border-color: var(--primary); border-style: solid; border-width: 2px; content: ""; display: inline-block; height: 1rem; margin-right: 0.75em; position: relative; vertical-align: -0.25em; width: 1rem; } :host .papier .form-group .paper-radio input[type=radio] + span::before, :host .papier .form-group .paper-check input[type=radio] + span::before { border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; } :host .papier .form-group .paper-radio input[type=radio]:checked + span::before, :host .papier .form-group .paper-check input[type=radio]:checked + span::before { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20fill%3D\'%230b74d5\'%20d%3D\'M49.346,46.341c-3.79-2.005,3.698-10.294,7.984-8.89%20c8.713,2.852,4.352,20.922-4.901,20.269c-4.684-0.33-12.616-7.405-14.38-11.818c-2.375-5.938,7.208-11.688,11.624-13.837%20c9.078-4.42,18.403-3.503,22.784,6.651c4.049,9.378,6.206,28.09-1.462,36.276c-7.091,7.567-24.673,2.277-32.357-1.079%20c-11.474-5.01-24.54-19.124-21.738-32.758c3.958-19.263,28.856-28.248,46.044-23.244c20.693,6.025,22.012,36.268,16.246,52.826%20c-5.267,15.118-17.03,26.26-33.603,21.938c-11.054-2.883-20.984-10.949-28.809-18.908C9.236,66.096,2.704,57.597,6.01,46.371%20c3.059-10.385,12.719-20.155,20.892-26.604C40.809,8.788,58.615,1.851,75.058,12.031c9.289,5.749,16.787,16.361,18.284,27.262%20c0.643,4.698,0.646,10.775-3.811,13.746\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat; } :host .papier .form-group .paper-radio input[type=checkbox], :host .papier .form-group .paper-check input[type=checkbox] { } :host .papier .form-group .paper-radio input[type=checkbox] + span::before, :host .papier .form-group .paper-check input[type=checkbox] + span::before { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; } :host .papier .form-group .paper-radio input[type=checkbox]:checked + span::before, :host .papier .form-group .paper-check input[type=checkbox]:checked + span::before { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20stroke%3D\'%230b74d5\'%20fill-opacity%3D\'0\'%20stroke-width%3D\'16\'%20d%3D\'m13,62c0.61067,1.6%201.3045,2.3045%201.75717,2.75716c0.72683,0.72684%201.24283,1.24284%202.07617,2.07617c0.54133,0.54133%201.04116,1.06035%201.82833,1.82383c0.5781,0.5607%201.00502,0.96983%202.02633,1.74417c0.55877,0.42365%201.191,0.84034%201.884,1.284c1.16491,0.74577%201.59777,1.00147%202.5,1.55067c0.4692,0.28561%201.43689,0.86868%201.93067,1.16534c0.99711,0.59904%201.99667,1.19755%202.49283,1.49866c0.98501,0.59779%201.47073,0.89648%201.94733,1.2c1.3971,0.88972%201.83738,1.19736%202.7,1.7955c0.42201,0.29262%201.24022,0.87785%202.05583,1.41917c0.79531,0.52785%201.59376,1.0075%202.38,1.43867c0.74477,0.40842%201.45167,0.75802%202.37817,1.22517c0.76133,0.38387%201.54947,0.82848%202.40717,1.41084c0.7312,0.49647%201.49563,1.08231%202.27884,1.258c0.35564,0.07978%200.14721,-0.95518%200.35733,-1.86867c0.18092,-0.78651%200.98183,-1.2141%200.99983,-2.07867c0.02073,-0.99529%200.07916,-1.79945%200.42533,-2.56133c0.43607,-0.95973%200.53956,-1.66774%200.79617,-2.68183c0.18888,-0.74645%200.39764,-1.31168%200.7785,-2.6235c0.20865,-0.71867%200.41483,-1.48614%200.708,-2.28c0.15452,-0.41843%200.77356,-1.73138%201.348,-2.64133c0.30581,-0.48443%200.65045,-0.97043%201.0065,-1.4745c0.74776,-1.05863%201.1531,-1.60163%201.9375,-2.77084c0.40621,-0.60548%200.80272,-1.23513%201.2045,-1.8765c0.40757,-0.65062%200.81464,-1.31206%201.2315,-1.9755c0.41946,-0.66757%200.83374,-1.34258%201.73067,-2.648c0.44696,-0.65053%200.91436,-1.28356%201.386,-1.9095c0.46972,-0.6234%200.94725,-1.2364%201.422,-1.8465c0.94116,-1.20947%201.86168,-2.40844%202.30367,-3.0105c0.438,-0.59664%200.86246,-1.19396%201.27501,-1.7895c0.40743,-0.58816%200.80352,-1.17234%201.185,-1.7535c1.10526,-1.68381%201.44079,-2.23511%201.77633,-2.7705c0.32878,-0.52461%200.96306,-1.5459%201.27467,-2.04c0.60654,-0.96177%201.20782,-1.88193%201.51051,-2.325c0.59013,-0.86381%201.17888,-1.68032%201.46416,-2.075c0.5498,-0.76063%201.31747,-1.8231%201.77883,-2.4895c0.43918,-0.63437%200.85266,-1.25267%201.45717,-2.15717c0.59549,-0.891%200.96531,-1.46814%201.51466,-2.22933c0.58413,-0.80936%201.12566,-1.40253%201.83801,-2.12333c0.61304,-0.62031%200.45171,-1.48306%200.7045,-2.34733c0.25668,-0.87762%200.75447,-1.62502%201,-2.40983c0.25128,-0.8032%200.7633,-1.39453%201.33217,-2.25417c0.54528,-0.82398%200.73415,-1.6714%201.31516,-2.336c0.55639,-0.63644%201.38658,-1.22588%201.8595,-1.9c0.5082,-0.72441%200.78867,-1.4%201.60266,-1.56667l0.71184,-0.4905\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat; } :host .papier .form-group .paper-switch-label, :host .papier .form-group .paper-switch-2-label { cursor: pointer; float: left; } :host .papier .form-group .paper-switch-label { margin: -6px 10px 0 0; } :host .papier .form-group .paper-switch-2-label { margin: 0 10px 0 0; } :host .papier .form-group .paper-switch, :host .papier .form-group .paper-switch-2 { display: block; float: left; margin: 0 10px 0 0; position: relative; } :host .papier .form-group .paper-switch input, :host .papier .form-group .paper-switch-2 input { height: 0; opacity: 0; width: 0; } :host .papier .form-group .paper-switch input:checked + .paper-switch-slider, :host .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider { background-color: #41403e; background-color: var(--success-light); } :host .papier .form-group .paper-switch input:checked + .paper-switch-slider::before, :host .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider::before { transform: translateX(26px); } :host .papier .form-group .paper-switch input:focus + .paper-switch-slider, :host .papier .form-group .paper-switch-2 input:focus + .paper-switch-slider { box-shadow: 0 0 3px #0b74d5; } :host .papier .form-group .paper-switch .paper-switch-slider, :host .papier .form-group .paper-switch-2 .paper-switch-slider { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-style: solid; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-width: 2px; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: 0.4s; } :host .papier .form-group .paper-switch .paper-switch-slider::before, :host .papier .form-group .paper-switch-2 .paper-switch-slider::before { background: #41403e; background: var(--secondary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; content: ""; left: 4px; position: absolute; transition: 0.4s; } :host .papier .form-group .paper-switch .paper-switch-slider.round, :host .papier .form-group .paper-switch-2 .paper-switch-slider.round { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 2px; } :host .papier .form-group .paper-switch .paper-switch-slider.round::before, :host .papier .form-group .paper-switch-2 .paper-switch-slider.round::before { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D\'http%3A//www.w3.org/2000/svg\'%20viewBox%3D\'0%200%20100%20100\'%3E%3Cpath%20fill%3D\'%230071de\'%20d%3D\'M49.346,46.341c-3.79-2.005,3.698-10.294,7.984-8.89%20c8.713,2.852,4.352,20.922-4.901,20.269c-4.684-0.33-12.616-7.405-14.38-11.818c-2.375-5.938,7.208-11.688,11.624-13.837%20c9.078-4.42,18.403-3.503,22.784,6.651c4.049,9.378,6.206,28.09-1.462,36.276c-7.091,7.567-24.673,2.277-32.357-1.079%20c-11.474-5.01-24.54-19.124-21.738-32.758c3.958-19.263,28.856-28.248,46.044-23.244c20.693,6.025,22.012,36.268,16.246,52.826%20c-5.267,15.118-17.03,26.26-33.603,21.938c-11.054-2.883-20.984-10.949-28.809-18.908C9.236,66.096,2.704,57.597,6.01,46.371%20c3.059-10.385,12.719-20.155,20.892-26.604C40.809,8.788,58.615,1.851,75.058,12.031c9.289,5.749,16.787,16.361,18.284,27.262%20c0.643,4.698,0.646,10.775-3.811,13.746\'%3E%3C/path%3E%3C/svg%3E") left center no-repeat; border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; left: 4px; } :host .papier .form-group .paper-switch { height: 12px; width: 60px; } :host .papier .form-group .paper-switch .paper-switch-slider::before { bottom: -6px; height: 20px; width: 20px; } :host .papier .form-group .paper-switch .paper-switch-slider.round::before { bottom: -7px; height: 23px; width: 23px; } :host .papier .form-group .paper-switch-2 { height: 22px; width: 50px; } :host .papier .form-group .paper-switch-2 .paper-switch-slider::before { bottom: 2px; height: 14px; width: 14px; } :host .papier .form-group .paper-switch-2 .paper-switch-slider.round::before { bottom: 2px; height: 14px; width: 14px; } :host .papier .form-group .paper-switch-tile { cursor: pointer; display: block; float: left; height: 80px; margin: 40px 0 0 40px; perspective: 1000px; position: relative; transform: translate(-50%, -50%); transform-style: preserve-3d; width: 80px; } :host .papier .form-group .paper-switch-tile:hover .paper-switch-tile-card { box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2); transform: rotateX(30deg); } :host .papier .form-group .paper-switch-tile:hover:checked + .paper-switch-tile-card { background-color: transparent; box-shadow: 0 10px 15px -15px rgba(0, 0, 0, 0.9); transform: rotateX(150deg); } :host .papier .form-group .paper-switch-tile input { display: none; } :host .papier .form-group .paper-switch-tile input:checked + .paper-switch-tile-card { transform: rotateX(180deg); } :host .papier .form-group .paper-switch-tile-card { background-color: transparent; border-color: transparent; height: 100%; position: relative; transform-style: preserve-3d; transition: all 600ms; width: 100%; } :host .papier .form-group .paper-switch-tile-card div { -webkit-backface-visibility: hidden; backface-visibility: hidden; box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); height: 100%; line-height: 70px; position: absolute; text-align: center; width: 100%; } :host .papier .form-group .paper-switch-tile-card .paper-switch-tile-card-back { transform: rotateX(180deg); } :host .papier .form-group input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-width: 0; padding: 0; } :host .papier .form-group input[type=range]::-webkit-slider-runnable-track { background: #41403e; background: var(--secondary); border-color: #41403e; border-color: var(--primary); border-radius: 18px; border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 8px; margin: 10px 0; width: 100%; } :host .papier .form-group input[type=range]::-webkit-slider-thumb { background: #41403e; background: var(--white); border-color: #41403e; border-color: var(--primary); -webkit-appearance: none; appearance: none; border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 36px; margin-top: -14px; width: 16px; } :host .papier .form-group input[type=range]::-moz-range-track { background: #41403e; background: var(--secondary); border-color: #41403e; border-color: var(--primary); border-radius: 18px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 8px; width: 100%; } :host .papier .form-group input[type=range]::-moz-range-thumb { background: #41403e; background: var(--white); border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 36px; width: 16px; } :host .papier .form-group input[type=range]::-ms-track { background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; cursor: pointer; height: 8px; width: 100%; } :host .papier .form-group input[type=range]::-ms-fill-lower, :host .papier .form-group input[type=range]::-ms-fill-upper { background: #41403e; background: var(--secondary); border-color: #41403e; border-color: var(--primary); border-radius: 18px; border-style: solid; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; } :host .papier .form-group input[type=range]::-ms-thumb { background: #41403e; background: var(--white); border-color: #41403e; border-color: var(--primary); border: 1px solid #41403e; border-bottom-left-radius: 0.7rem 1rem; border-bottom-right-radius: 1rem 0.9rem; border-style: solid; border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem 0.6rem; border-width: 1px; box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d; cursor: pointer; height: 36px; width: 16px; } :host .papier fieldset.form-group { border: 0; padding: 0; } :host .papier .modal { transition: opacity 235ms ease-in-out 0s; background: rgba(0, 0, 0, 0.6); bottom: 0; flex: 1 1 auto; left: 0; opacity: 0; position: fixed; right: 0; text-align: left; top: 0; visibility: hidden; word-wrap: break-word; z-index: 200; } :host .papier .modal-bg { bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; } :host .papier .modal .modal-body { color: #41403e; color: var(--primary); background: #41403e; background: var(--main-background); border-color: #41403e; border-color: var(--muted-light); transition: all 235ms ease-in-out 0s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 2px solid; left: 50%; padding: 1.25rem; position: absolute; top: 0; transform: translate(-50%, -50%); } @media only screen and (max-width: 768px) { :host .papier .modal .modal-body { box-sizing: border-box; width: 90%; } } :host .papier .modal .btn-close { color: #41403e; color: var(--primary-light); transition: all 235ms ease-in-out 0s; cursor: pointer; font-size: 30px; height: 1.1rem; position: absolute; right: 1rem; text-decoration: none; top: 1rem; width: 1.1rem; } :host .papier .modal .btn-close:hover, :host .papier .modal .btn-close:active, :host .papier .modal .btn-close:focus { color: #41403e; color: var(--primary); } :host .papier .modal h4, :host .papier .modal .modal-title { margin-bottom: 0.5rem; margin-top: 0; } :host .papier .modal h5, :host .papier .modal .modal-subtitle { color: #41403e; color: var(--secondary); margin-bottom: 0.5rem; margin-top: 0; } :host .papier .modal p, :host .papier .modal .modal-text { margin-bottom: 1rem; margin-top: 0; } :host .papier .modal .modal-link + .modal-link, :host .papier .modal a + a { margin-left: 1.25rem; } :host .papier .modal .paper-btn { background: #41403e; background: var(--main-background); display: inline-block; text-decoration: none; } :host .papier .modal .modal-link, :host .papier .modal a { background-image: linear-gradient(5deg, transparent 65%, #0b74d5 80%, transparent 90%), linear-gradient(165deg, transparent 5%, #0b74d5 15%, transparent 25%), linear-gradient(165deg, transparent 45%, #0b74d5 55%, transparent 65%), linear-gradient(15deg, transparent 25%, #0b74d5 35%, transparent 50%); background-position: 0 90%; background-repeat: repeat-x; background-size: 4px 3px; cursor: pointer; text-decoration: none; } :host .papier .modal .modal-link:hover, :host .papier .modal .modal-link:focus, :host .papier .modal .modal-link:visited, :host .papier .modal a:hover, :host .papier .modal a:focus, :host .papier .modal a:visited { color: #41403e; color: var(--primary); text-decoration: none; } :host .papier .modal-state { display: none; } :host .papier .modal-state:checked + .modal { opacity: 1; visibility: visible; } :host .papier .modal-state:checked + .modal .modal-body { top: 50%; } :host .papier [popover-top], :host .papier [popover-right], :host .papier [popover-bottom], :host .papier [popover-left] { margin: 24px; position: relative; } :host .papier [popover-top]:hover::after, :host .papier [popover-right]:hover::after, :host .papier [popover-bottom]:hover::after, :host .papier [popover-left]:hover::after { opacity: 1; transition: opacity 235ms ease-in-out, visibility 0s linear; visibility: visible; } :host .papier [popover-top]::after, :host .papier [popover-right]::after, :host .papier [popover-bottom]::after, :host .papier [popover-left]::after { border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; background-color: #41403e; background-color: var(--light-dark); border-color: #41403e; border-color: var(--light-dark); color: #41403e; color: var(--primary-inverse); border-style: solid; border-width: 2px; font-size: 0.7em; left: 50%; min-width: 80px; opacity: 0; padding: 4px 2px; position: absolute; text-align: center; top: -6px; transform: translateX(-50%) translateY(-100%); transition: opacity 235ms ease-in-out, visibility 0s linear 235ms; visibility: hidden; } :host .papier [popover-left]::before { left: 0; margin-left: -12px; top: 50%; transform: translateY(-50%) rotate(-90deg); } :host .papier [popover-left]::after { content: attr(popover-left); left: 0; margin-left: -8px; top: 50%; transform: translateX(-100%) translateY(-50%); } :host .papier [popover-right]::before { left: 100%; margin-left: 1px; top: 50%; transform: translatey(-50%) rotate(90deg); } :host .papier [popover-right]::after { content: attr(popover-right); left: 100%; margin-left: 8px; top: 50%; transform: translateX(0%) translateY(-50%); } :host .papier [popover-top]::before { left: 50%; } :host .papier [popover-top]::after { content: attr(popover-top); left: 50%; } :host .papier [popover-bottom]::before { margin-top: 8px; top: 100%; transform: translateX(-50%) translatey(-100%) rotate(-180deg); } :host .papier [popover-bottom]::after { content: attr(popover-bottom); margin-top: 8px; top: 100%; transform: translateX(-50%) translateY(0%); } :host .papier .progress { border-bottom-left-radius: 20px 115px; border-bottom-right-radius: 15px 105px; border-top-left-radius: 250px 15px; border-top-right-radius: 25px 80px; border-color: #41403e; border-color: var(--primary); border: 2px solid; box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3); height: 1.2rem; overflow: hidden; width: 100%; } :host .papier .progress .bar { border-bottom-left-radius: 20px 115px; border-bottom-right-radius: 15px 105px; border-top-left-radius: 250px 15px; border-top-right-radius: 25px 80px; transition: all 235ms ease-in-out 0s; background-color: #41403e; background-color: var(--primary-light); border-color: #41403e; border-color: var(--primary); border-right: 2px solid; display: flex; flex-direction: column; font-size: 0.6rem; height: 100%; justify-content: center; text-align: center; width: 0%; } :host .papier .progress .bar.striped { background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem); } :host .papier .progress .bar.primary { background-color: #41403e; background-color: var(--primary-light); } :host .papier .progress .bar.primary.striped { background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem); } :host .papier .progress .bar.secondary { background-color: #41403e; background-color: var(--secondary-light); } :host .papier .progress .bar.secondary.striped { background: repeating-linear-gradient(45deg, #d8ebfd, #d8ebfd 0.25rem, #a7d3fa 0.25rem, #a7d3fa 0.5rem); } :host .papier .progress .bar.success { background-color: #41403e; background-color: var(--success-light); } :host .papier .progress .bar.success.striped { background: repeating-linear-gradient(45deg, #d5dfc8, #d5dfc8 0.25rem, #bccca8 0.25rem, #bccca8 0.5rem); } :host .papier .progress .bar.warning { background-color: #41403e; background-color: var(--warning-light); } :host .papier .progress .bar.warning.striped { background: repeating-linear-gradient(45deg, #f5f0c6, #f5f0c6 0.25rem, #ede49b 0.25rem, #ede49b 0.5rem); } :host .papier .progress .bar.danger { background-color: #41403e; background-color: var(--danger-light); } :host .papier .progress .bar.danger.striped { background: repeating-linear-gradient(45deg, #f0cbc9, #f0cbc9 0.25rem, #e6a5a1 0.25rem, #e6a5a1 0.5rem); } :host .papier .progress .bar.muted { background-color: #41403e; background-color: var(--muted-light); } :host .papier .progress .bar.muted.striped { background: repeating-linear-gradient(45deg, #e6e7e9, #e6e7e9 0.25rem, #caced1 0.25rem, #caced1 0.5rem); } :host .papier .progress .bar.w-0 { width: 0%; } :host .papier .progress .bar.w-1 { width: 1%; } :host .papier .progress .bar.w-2 { width: 2%; } :host .papier .progress .bar.w-3 { width: 3%; } :host .papier .progress .bar.w-4 { width: 4%; } :host .papier .progress .bar.w-5 { width: 5%; } :host .papier .progress .bar.w-6 { width: 6%; } :host .papier .progress .bar.w-7 { width: 7%; } :host .papier .progress .bar.w-8 { width: 8%; } :host .papier .progress .bar.w-9 { width: 9%; } :host .papier .progress .bar.w-10 { width: 10%; } :host .papier .progress .bar.w-11 { width: 11%; } :host .papier .progress .bar.w-12 { width: 12%; } :host .papier .progress .bar.w-13 { width: 13%; } :host .papier .progress .bar.w-14 { width: 14%; } :host .papier .progress .bar.w-15 { width: 15%; } :host .papier .progress .bar.w-16 { width: 16%; } :host .papier .progress .bar.w-17 { width: 17%; } :host .papier .progress .bar.w-18 { width: 18%; } :host .papier .progress .bar.w-19 { width: 19%; } :host .papier .progress .bar.w-20 { width: 20%; } :host .papier .progress .bar.w-21 { width: 21%; } :host .papier .progress .bar.w-22 { width: 22%; } :host .papier .progress .bar.w-23 { width: 23%; } :host .papier .progress .bar.w-24 { width: 24%; } :host .papier .progress .bar.w-25 { width: 25%; } :host .papier .progress .bar.w-26 { width: 26%; } :host .papier .progress .bar.w-27 { width: 27%; } :host .papier .progress .bar.w-28 { width: 28%; } :host .papier .progress .bar.w-29 { width: 29%; } :host .papier .progress .bar.w-30 { width: 30%; } :host .papier .progress .bar.w-31 { width: 31%; } :host .papier .progress .bar.w-32 { width: 32%; } :host .papier .progress .bar.w-33 { width: 33%; } :host .papier .progress .bar.w-34 { width: 34%; } :host .papier .progress .bar.w-35 { width: 35%; } :host .papier .progress .bar.w-36 { width: 36%; } :host .papier .progress .bar.w-37 { width: 37%; } :host .papier .progress .bar.w-38 { width: 38%; } :host .papier .progress .bar.w-39 { width: 39%; } :host .papier .progress .bar.w-40 { width: 40%; } :host .papier .progress .bar.w-41 { width: 41%; } :host .papier .progress .bar.w-42 { width: 42%; } :host .papier .progress .bar.w-43 { width: 43%; } :host .papier .progress .bar.w-44 { width: 44%; } :host .papier .progress .bar.w-45 { width: 45%; } :host .papier .progress .bar.w-46 { width: 46%; } :host .papier .progress .bar.w-47 { width: 47%; } :host .papier .progress .bar.w-48 { width: 48%; } :host .papier .progress .bar.w-49 { width: 49%; } :host .papier .progress .bar.w-50 { width: 50%; } :host .papier .progress .bar.w-51 { width: 51%; } :host .papier .progress .bar.w-52 { width: 52%; } :host .papier .progress .bar.w-53 { width: 53%; } :host .papier .progress .bar.w-54 { width: 54%; } :host .papier .progress .bar.w-55 { width: 55%; } :host .papier .progress .bar.w-56 { width: 56%; } :host .papier .progress .bar.w-57 { width: 57%; } :host .papier .progress .bar.w-58 { width: 58%; } :host .papier .progress .bar.w-59 { width: 59%; } :host .papier .progress .bar.w-60 { width: 60%; } :host .papier .progress .bar.w-61 { width: 61%; } :host .papier .progress .bar.w-62 { width: 62%; } :host .papier .progress .bar.w-63 { width: 63%; } :host .papier .progress .bar.w-64 { width: 64%; } :host .papier .progress .bar.w-65 { width: 65%; } :host .papier .progress .bar.w-66 { width: 66%; } :host .papier .progress .bar.w-67 { width: 67%; } :host .papier .progress .bar.w-68 { width: 68%; } :host .papier .progress .bar.w-69 { width: 69%; } :host .papier .progress .bar.w-70 { width: 70%; } :host .papier .progress .bar.w-71 { width: 71%; } :host .papier .progress .bar.w-72 { width: 72%; } :host .papier .progress .bar.w-73 { width: 73%; } :host .papier .progress .bar.w-74 { width: 74%; } :host .papier .progress .bar.w-75 { width: 75%; } :host .papier .progress .bar.w-76 { width: 76%; } :host .papier .progress .bar.w-77 { width: 77%; } :host .papier .progress .bar.w-78 { width: 78%; } :host .papier .progress .bar.w-79 { width: 79%; } :host .papier .progress .bar.w-80 { width: 80%; } :host .papier .progress .bar.w-81 { width: 81%; } :host .papier .progress .bar.w-82 { width: 82%; } :host .papier .progress .bar.w-83 { width: 83%; } :host .papier .progress .bar.w-84 { width: 84%; } :host .papier .progress .bar.w-85 { width: 85%; } :host .papier .progress .bar.w-86 { width: 86%; } :host .papier .progress .bar.w-87 { width: 87%; } :host .papier .progress .bar.w-88 { width: 88%; } :host .papier .progress .bar.w-89 { width: 89%; } :host .papier .progress .bar.w-90 { width: 90%; } :host .papier .progress .bar.w-91 { width: 91%; } :host .papier .progress .bar.w-92 { width: 92%; } :host .papier .progress .bar.w-93 { width: 93%; } :host .papier .progress .bar.w-94 { width: 94%; } :host .papier .progress .bar.w-95 { width: 95%; } :host .papier .progress .bar.w-96 { width: 96%; } :host .papier .progress .bar.w-97 { width: 97%; } :host .papier .progress .bar.w-98 { width: 98%; } :host .papier .progress .bar.w-99 { width: 99%; } :host .papier .progress .bar.w-100 { width: 100%; } :host .papier .progress .bar.w-0, :host .papier .progress .bar.w-100 { border-right: 0; } :host .papier .tabs .content { display: none; flex-basis: 100%; padding: 0.75rem 0 0; } :host .papier .tabs input { display: none; } :host .papier .tabs input:checked + label { color: #41403e; color: var(--primary); border-bottom-color: #41403e; border-bottom-color: var(--secondary); border-bottom-style: solid; border-bottom-width: 3px; } :host .papier .tabs input[id$=tab1]:checked ~ div[id$=content1] { display: block; } :host .papier .tabs input[id$=tab2]:checked ~ div[id$=content2] { display: block; } :host .papier .tabs input[id$=tab3]:checked ~ div[id$=content3] { display: block; } :host .papier .tabs input[id$=tab4]:checked ~ div[id$=content4] { display: block; } :host .papier .tabs input[id$=tab5]:checked ~ div[id$=content5] { display: block; } :host .papier .tabs label { color: #41403e; color: var(--primary-light); display: inline-block; font-weight: 600; margin: 0 0 -1px; padding: 0.75rem; text-align: center; } :host .papier .tabs label:hover { color: #41403e; color: var(--muted); cursor: pointer; } :host .papier .margin { margin: 1rem; } :host .papier .margin-top { margin-top: 1rem; } :host .papier .margin-top-large { margin-top: 2rem; } :host .papier .margin-top-small { margin-top: 0.5rem; } :host .papier .margin-top-none { margin-top: 0; } :host .papier .margin-right { margin-right: 1rem; } :host .papier .margin-right-large { margin-right: 2rem; } :host .papier .margin-right-small { margin-right: 0.5rem; } :host .papier .margin-right-none { margin-right: 0; } :host .papier .margin-bottom { margin-bottom: 1rem; } :host .papier .margin-bottom-large { margin-bottom: 2rem; } :host .papier .margin-bottom-small { margin-bottom: 0.5rem; } :host .papier .margin-bottom-none { margin-bottom: 0; } :host .papier .margin-left { margin-left: 1rem; } :host .papier .margin-left-large { margin-left: 2rem; } :host .papier .margin-left-small { margin-left: 0.5rem; } :host .papier .margin-left-none { margin-left: 0; } :host .papier .margin-large { margin: 2rem; } :host .papier .margin-small { margin: 0.5rem; } :host .papier .margin-none { margin: 0; } :host .papier .padding { padding: 1rem; } :host .papier .padding-top { padding-top: 1rem; } :host .papier .padding-top-large { padding-top: 2rem; } :host .papier .padding-top-small { padding-top: 0.5rem; } :host .papier .padding-top-none { padding-top: 0; } :host .papier .padding-right { padding-right: 1rem; } :host .papier .padding-right-large { padding-right: 2rem; } :host .papier .padding-right-small { padding-right: 0.5rem; } :host .papier .padding-right-none { padding-right: 0; } :host .papier .padding-bottom { padding-bottom: 1rem; } :host .papier .padding-bottom-large { padding-bottom: 2rem; } :host .papier .padding-bottom-small { padding-bottom: 0.5rem; } :host .papier .padding-bottom-none { padding-bottom: 0; } :host .papier .padding-left { padding-left: 1rem; } :host .papier .padding-left-large { padding-left: 2rem; } :host .papier .padding-left-small { padding-left: 0.5rem; } :host .papier .padding-left-none { padding-left: 0; } :host .papier .padding-large { padding: 2rem; } :host .papier .padding-small { padding: 0.5rem; } :host .papier .padding-none { padding: 0; } :host .papier nav { background-color: #41403e; background-color: var(--main-background); display: flex; padding: 0.3rem; position: relative; width: 100%; z-index: 100; } @media only screen and (max-width: 768px) { :host .papier nav { display: block; } } :host .papier nav .bar1, :host .papier nav .bar2, :host .papier nav .bar3 { background-color: #41403e; background-color: var(--primary); border-color: #41403e; border-color: var(--primary); color: #41403e; color: var(--primary); border-bottom-left-radius: 15px 5px; border-bottom-right-radius: 15px 3px; border-bottom-style: solid; border-bottom-width: 5px; margin: 6px 0; transition: 0.4s; width: 2rem; } :host .papier nav .collapsible input[id^=collapsible]:checked + button .bar1, :host .papier nav .collapsible input[id^=collapsible]:checked + label .bar1 { transform: rotate(-45deg) translate(-9px, 7px); } :host .papier nav .collapsible input[id^=collapsible]:checked + button .bar2, :host .papier nav .collapsible input[id^=collapsible]:checked + label .bar2 { opacity: 0; } :host .papier nav .collapsible input[id^=collapsible]:checked + button .bar3, :host .papier nav .collapsible input[id^=collapsible]:checked + label .bar3 { transform: rotate(45deg) translate(-8px, -9px); } :host .papier nav.split-nav { justify-content: space-between; } :host .papier nav.fixed { left: 0; position: fixed; right: 0; top: 0; } :host .papier nav div { margin: 0 1rem; } :host .papier nav ul.inline { margin-bottom: 0; margin-top: 10px; padding: 0; } :host .papier nav ul.inline li { display: inline-block; margin: 0 0.5rem; } @media only screen and (max-width: 768px) { :host .papier nav ul.inline li { display: block; margin: 1rem 0; } } :host .papier nav a { color: #41403e; color: var(--primary); border-bottom-color: #41403e; border-bottom-color: var(--primary); background-image: none; border-bottom-left-radius: 15px 3px; border-bottom-right-radius: 15px 5px; border-bottom-style: solid; border-bottom-width: 5px; padding-bottom: 0.1rem; } :host .papier nav a:hover { border-color: #41403e; border-color: var(--primary-light); border-bottom-style: solid; border-bottom-width: 5px; } :host .papier nav ul.inline li a { font-size: 1.3rem; } :host .papier nav ul.inline li::before { content: ""; } @media only screen and (max-width: 992px) { :host .papier nav ul { text-align: center; } } :host .papier nav .nav-brand h1, :host .papier nav .nav-brand h2, :host .papier nav .nav-brand h3, :host .papier nav .nav-brand h4, :host .papier nav .nav-brand h5, :host .papier nav .nav-brand h6 { margin: 0; margin-bottom: 0.2rem; } @media only screen and (max-width: 768px) { :host .papier nav .collapsible { width: 100%; } } :host .papier nav .collapsible input[id^=collapsible]:checked ~ div.collapsible-body { margin: 0; max-height: 960px; opacity: 1; padding: 0; } :host .papier nav .collapsible:nth-of-type(1), :host .papier nav .collapsible .collapsible-body { border: 0; } @media only screen and (min-width: 769px) { :host .papier nav .collapsible:nth-of-type(1), :host .papier nav .collapsible .collapsible-body { display: contents; } } :host .papier nav div.collapsible-body { padding: none; } :host .papier nav .collapsible label { border-color: #41403e; border-color: var(--primary); border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-style: solid; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-width: 2px; } :host .papier nav .collapsible > button { border: 0; } :host .papier nav .collapsible > button, :host .papier nav .collapsible > label { background-color: #41403e; background-color: var(--main-background); display: none; font-size: 0.5rem; margin-right: 1rem; padding: 0.25rem; position: absolute; right: 0; top: 0.2rem; } @media only screen and (max-width: 768px) { :host .papier nav .collapsible > button, :host .papier nav .collapsible > label { display: block; } } :host .papier.is--dark { --primary: #fff; --secondary: #5595ce; --success: #70c272; --warning: #d4c252; --danger: #df4c57; --muted: #868e96; --primary-light: white; --secondary-light: #69a1d4; --success-light: #82ca84; --warning-light: #d9c966; --danger-light: #e3626b; --muted-light: #949ba2; --primary-dark: gray; --secondary-dark: #1f476b; --success-dark: #265927; --warning-dark: #71651c; --danger-dark: #7c161e; --muted-dark: #313538; --primary-light-10: white; --secondary-light-10: #7daed9; --success-light-10: #94d195; --warning-light-10: #ded07b; --danger-light-10: #e77780; --muted-light-10: #a1a8ae; --primary-dark-10: #e6e6e6; --secondary-dark-10: #367cba; --success-dark-10: #4cb34f; --warning-dark-10: #c3ae30; --danger-dark-10: #d22633; --muted-dark-10: #6c757d; --primary-shaded-50: #343332; --primary-shaded-70: #2f2e2d; --white-dark: rgba(255, 255, 255, 0.03); --white-dark-light-80: rgba(255, 255, 255, 0.03); --light-dark: rgba(255, 255, 255, 0.7); --white: white; --main-background: #41403e; --main-background-light: #c1c0bd; --black: black; --primary-text: #41403e; --secondary-text: #1f476b; --success-text: #265927; --warning-text: #71651c; --danger-text: #7c161e; --muted-text: #949ba2; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #41403e; } :host .papier:not(.is--dark) { --primary: #41403e; --secondary: #0b74d5; --success: #86a361; --warning: #ddcd45; --danger: #a7342d; --muted: #868e96; --primary-light: #cdcccb; --secondary-light: #d8ebfd; --success-light: #d5dfc8; --warning-light: #f5f0c6; --danger-light: #f0cbc9; --muted-light: #e6e7e9; --primary-dark: black; --secondary-dark: black; --success-dark: #374427; --warning-dark: #746a15; --danger-dark: black; --muted-dark: #313538; --primary-light-10: #5b5a57; --secondary-light-10: #208ef3; --success-light-10: #9fb681; --warning-light-10: #e5d970; --danger-light-10: #cb453c; --muted-light-10: #a1a8ae; --primary-dark-10: #272625; --secondary-dark-10: #085aa5; --success-dark-10: #4a5a35; --warning-dark-10: #746a15; --danger-dark-10: #7f2722; --muted-dark-10: #6c757d; --primary-shaded-50: #c1c0bd; --primary-shaded-70: #f2f2f2; --white-dark: rgba(0, 0, 0, 0.03); --white-dark-light-80: rgba(204, 204, 204, 0.03); --light-dark: rgba(0, 0, 0, 0.7); --white: white; --main-background: white; --main-background-light: white; --black: black; --primary-text: #272625; --secondary-text: #085aa5; --success-text: #4a5a35; --warning-text: #746a15; --danger-text: #7f2722; --muted-text: #6c757d; --shadow-color-regular: rgba(0, 0, 0, 0.2); --shadow-color-hover: rgba(0, 0, 0, 0.3); --primary-inverse: #fff; } :host .papier.is--dark *, :host .papier.is--dark p { color: white; } :host .papier.with--radius .card { overflow: hidden; border-color: white; border-bottom-left-radius: 15px 255px; border-bottom-right-radius: 225px 15px; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; } :host .papier.with--radius .card .card-footer, :host .papier.with--radius .card .card-header { border-color: white; } :host .papier:not(.has--footer) .card-footer { display: none; } :host .papier:not(.has--header) .card-header { display: none; }';export{a as p_card}
@@ -0,0 +1,2 @@
1
+ var t,n=(t,n)=>{var e;Object.entries(null!=(e=n.o.t)?e:{}).map((([e,[o]])=>{if(31&o||32&o){const o=t[e],l=function(t,n){for(;t;){const e=Object.getOwnPropertyDescriptor(t,n);if(null==e?void 0:e.get)return e;t=Object.getPrototypeOf(t)}}(Object.getPrototypeOf(t),e)||Object.getOwnPropertyDescriptor(t,e);l&&Object.defineProperty(t,e,{get(){return l.get.call(this)},set(t){l.set.call(this,t)},configurable:!0,enumerable:!0}),t[e]=n.l.has(e)?n.l.get(e):o}}))},e=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>{e&&(t.__stencil__getHostRef=()=>e,e.i=t,512&e.o.u&&n(t,e))},l=(t,n)=>n in t,s=(t,n)=>(0,console.error)(t,n),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},f={u:0,p:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,o)=>t.addEventListener(n,e,o),rel:(t,n,e,o)=>t.removeEventListener(n,e,o),ce:(t,n)=>new CustomEvent(t,n)},a=t=>Promise.resolve(t),d=(()=>{try{return!!u.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),p=!!d&&(()=>!!u.document&&Object.getOwnPropertyDescriptor(u.document.adoptedStyleSheets,"length").writable)(),h=!1,v=[],m=[],b=(t,n)=>e=>{t.push(e),h||(h=!0,n&&4&f.u?w($):f.raf($))},y=t=>{for(let n=0;n<t.length;n++)try{t[n](performance.now())}catch(t){s(t)}t.length=0},$=()=>{y(v),y(m),(h=v.length>0)&&f.raf($)},w=t=>a().then(t),g=b(m,!0);function j(){const n=this.attachShadow({mode:"open"});void 0===t&&(t=null),t&&(p?n.adoptedStyleSheets.push(t):n.adoptedStyleSheets=[...n.adoptedStyleSheets,t])}var O=t=>{const n=E(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&S(n,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!k(t,C(t),!1).length)}));let e=0;for(e=0;e<n.length;e++){const t=n[e];1===t.nodeType&&E(t,"childNodes").length&&O(t)}};function S(t,n,e){let o,l=0,s=[];for(;l<t.length;l++){if(o=t[l],o["s-sr"]&&(!n||o["s-hn"]===n)&&(void 0===e||C(o)===e)&&(s.push(o),void 0!==e))return s;s=[...s,...S(o.childNodes,n,e)]}return s}var k=(t,n,e=!0)=>{const o=[];(e&&t["s-sr"]||!t["s-sr"])&&o.push(t);let l=t;for(;l=l.nextSibling;)C(l)!==n||!e&&l["s-sr"]||o.push(l);return o},N=(t,n)=>1===t.nodeType?null===t.getAttribute("slot")&&""===n||t.getAttribute("slot")===n:t["s-sn"]===n||""===n,C=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function E(t,n){if("__"+n in t){const e=t["__"+n];return"function"!=typeof e?e:e.bind(t)}return"function"!=typeof t[n]?t[n]:t[n].bind(t)}function M(t){var n,e,o;return null!=(o=null==(e=null==(n=t.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?o:void 0}var R,T,x=new WeakMap,A=t=>"sc-"+t.h,L=t=>"object"==(t=typeof t)||"function"===t,F=(t,n,...e)=>{let o=null,l=null,s=null,i=!1,r=!1;const c=[],u=n=>{for(let e=0;e<n.length;e++)o=n[e],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!L(o))&&(o+=""),i&&r?c[c.length-1].v+=o:c.push(i?P(null,o):o),r=i)};if(u(e),n){n.key&&(l=n.key),n.name&&(s=n.name);{const t=n.className||n.class;t&&(n.class="object"!=typeof t?t:Object.keys(t).filter((n=>t[n])).join(" "))}}const f=P(t,null);return f.m=n,c.length>0&&(f.$=c),f.j=l,f.O=s,f},P=(t,n)=>({u:0,S:t,v:null!=n?n:null,k:null,$:null,m:null,j:null,O:null}),D={},U=(t,n)=>null==t||L(t)?t:4&n?"false"!==t&&(""===t||!!t):2&n?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&n?t+"":t,_=t=>{var n;return null==(n=e(t))?void 0:n.$hostElement$},H=(t,n)=>{const e=_(t);return{emit:t=>W(e,n,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},W=(t,n,e)=>{const o=f.ce(n,e);return t.dispatchEvent(o),o},z=(t,n,o,s,i,r)=>{if(o===s)return;let c=l(t,n),a=n.toLowerCase();if("class"===n){const n=t.classList,e=V(o);let l=V(s);n.remove(...e.filter((t=>t&&!l.includes(t)))),n.add(...l.filter((t=>t&&!e.includes(t))))}else if("style"===n){for(const n in o)s&&null!=s[n]||(n.includes("-")?t.style.removeProperty(n):t.style[n]="");for(const n in s)o&&s[n]===o[n]||(n.includes("-")?t.style.setProperty(n,s[n]):t.style[n]=s[n])}else if("key"===n);else if(c||"o"!==n[0]||"n"!==n[1]){if("a"===n[0]&&n.startsWith("attr:")){const o=n.slice(5);let l;{const n=e(t);if(n&&n.o&&n.o.t){const t=n.o.t[o];t&&t[1]&&(l=t[1])}}return l||(l=o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s||!1===s?!1===s&&""!==t.getAttribute(l)||t.removeAttribute(l):t.setAttribute(l,!0===s?"":s))}if("p"===n[0]&&n.startsWith("prop:")){const e=n.slice(5);try{t[e]=s}catch(t){}return}{const e=L(s);if((c||e&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[n]!==s&&(t[n]=s);else{const e=null==s?"":s;"list"===n?c=!1:null!=o&&t[n]===e||("function"==typeof t.__lookupSetter__(n)?t[n]=e:t.setAttribute(n,e))}}catch(t){}null==s||!1===s?!1===s&&""!==t.getAttribute(n)||t.removeAttribute(n):(!c||4&r||i)&&!e&&1===t.nodeType&&t.setAttribute(n,s=!0===s?"":s)}}else if(n="-"===n[2]?n.slice(3):l(u,a)?a.slice(2):a[2]+n.slice(3),o||s){const e=n.endsWith(q);n=n.replace(Y,""),o&&f.rel(t,n,o,e),s&&f.ael(t,n,s,e)}},B=/\s/,V=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(B):[]),q="Capture",Y=RegExp(q+"$"),G=(t,n,e)=>{const o=11===n.k.nodeType&&n.k.host?n.k.host:n.k,l=t&&t.m||{},s=n.m||{};for(const t of I(Object.keys(l)))t in s||z(o,t,l[t],void 0,e,n.u);for(const t of I(Object.keys(s)))z(o,t,l[t],s[t],e,n.u)};function I(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var Z=!1,J=!1,K=!1,Q=!1,X=(t,n,e)=>{var o;const l=n.$[e];let s,i,r,c=0;if(Z||(K=!0,"slot"===l.S&&(l.u|=l.$?2:1)),null!=l.v)s=l.k=u.document.createTextNode(l.v);else if(1&l.u)s=l.k=u.document.createTextNode(""),G(null,l,Q);else{if(Q||(Q="svg"===l.S),!u.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=l.k=u.document.createElementNS(Q?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!Z&&2&l.u?"slot-fb":l.S),Q&&"foreignObject"===l.S&&(Q=!1),G(null,l,Q),l.$){const n="template"===l.S?s.content:s;for(c=0;c<l.$.length;++c)i=X(t,l,c),i&&n.appendChild(i)}"svg"===l.S?Q=!1:"foreignObject"===s.tagName&&(Q=!0)}return s["s-hn"]=T,3&l.u&&(s["s-sr"]=!0,s["s-cr"]=R,s["s-sn"]=l.O||"",s["s-rf"]=null==(o=l.m)?void 0:o.ref,function(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const n=n=>function(t){const e=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n Flattening is not supported for Stencil non-shadow slots.\n You can use `.childNodes` to nested slot fallback content.\n If you have a particular use case, please open an issue on the Stencil repo.\n ");const l=this["s-cr"].parentElement;return(l.__childNodes?l.childNodes:(t=>{const n=[];for(let e=0;e<t.length;e++){const o=t[e]["s-nr"]||void 0;o&&o.isConnected&&n.push(o)}return n})(l.childNodes)).forEach((t=>{o===C(t)&&e.push(t)})),n?e.filter((t=>1===t.nodeType)):e}.bind(t);t.assignedElements=n(!0),t.assignedNodes=n(!1)}(s),r=t&&t.$&&t.$[e],r&&r.S===l.S&&t.k&&tt(t.k)),s},tt=t=>{f.u|=1;const n=t.closest(T.toLowerCase());if(null!=n){const e=Array.from(n.__childNodes||n.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of e?o.reverse():o)null!=t["s-sh"]&&(ut(n,t,null!=e?e:null),t["s-sh"]=void 0,K=!0)}f.u&=-2},nt=(t,n)=>{f.u|=1;const e=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let n=t;for(;n=n.nextSibling;)n&&n["s-sn"]===t["s-sn"]&&n["s-sh"]===T&&e.push(n)}for(let t=e.length-1;t>=0;t--){const o=e[t];o["s-hn"]!==T&&o["s-ol"]&&(ut(st(o).parentNode,o,st(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,K=!0),n&&nt(o,n)}f.u&=-2},et=(t,n,e,o,l,s)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===T&&(r=r.shadowRoot),"template"===e.S&&(r=r.content);l<=s;++l)o[l]&&(i=X(null,e,l),i&&(o[l].k=i,ut(r,i,st(n))))},ot=(t,n,e)=>{for(let o=n;o<=e;++o){const n=t[o];if(n){const t=n.k;t&&(J=!0,t["s-ol"]?t["s-ol"].remove():nt(t,!0),t.remove())}}},lt=(t,n,e=!1)=>t.S===n.S&&("slot"===t.S?t.O===n.O:e?(e&&!t.j&&n.j&&(t.j=n.j),!0):t.j===n.j),st=t=>t&&t["s-ol"]||t,it=(t,n,e=!1)=>{const o=n.k=t.k,l=t.$,s=n.$,i=n.S,r=n.v;let c;null==r?(Q="svg"===i||"foreignObject"!==i&&Q,"slot"!==i||Z||t.O!==n.O&&(n.k["s-sn"]=n.O||"",tt(n.k.parentElement)),G(t,n,Q),null!==l&&null!==s?((t,n,e,o,l=!1)=>{let s,i,r=0,c=0,u=0,f=0,a=n.length-1,d=n[0],p=n[a],h=o.length-1,v=o[0],m=o[h];const b="template"===e.S?t.content:t;for(;r<=a&&c<=h;)if(null==d)d=n[++r];else if(null==p)p=n[--a];else if(null==v)v=o[++c];else if(null==m)m=o[--h];else if(lt(d,v,l))it(d,v,l),d=n[++r],v=o[++c];else if(lt(p,m,l))it(p,m,l),p=n[--a],m=o[--h];else if(lt(d,m,l))"slot"!==d.S&&"slot"!==m.S||nt(d.k.parentNode,!1),it(d,m,l),ut(b,d.k,p.k.nextSibling),d=n[++r],m=o[--h];else if(lt(p,v,l))"slot"!==d.S&&"slot"!==m.S||nt(p.k.parentNode,!1),it(p,v,l),ut(b,p.k,d.k),p=n[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(n[f]&&null!==n[f].j&&n[f].j===v.j){u=f;break}u>=0?(i=n[u],i.S!==v.S?s=X(n&&n[c],e,u):(it(i,v,l),n[u]=void 0,s=i.k),v=o[++c]):(s=X(n&&n[c],e,c),v=o[++c]),s&&ut(st(d.k).parentNode,s,st(d.k))}r>a?et(t,null==o[h+1]?null:o[h+1].k,e,o,c,h):c>h&&ot(n,r,a)})(o,l,n,s,e):null!==s?(null!==t.v&&(o.textContent=""),et(o,null,n,s,0,s.length-1)):!e&&null!==l&&ot(l,0,l.length-1),Q&&"svg"===i&&(Q=!1)):(c=o["s-cr"])?c.parentNode.textContent=r:t.v!==r&&(o.data=r)},rt=[],ct=t=>{let n,e,o;const l=t.__childNodes||t.childNodes;for(const t of l){if(t["s-sr"]&&(n=t["s-cr"])&&n.parentNode){e=n.parentNode.__childNodes||n.parentNode.childNodes;const l=t["s-sn"];for(o=e.length-1;o>=0;o--)if(n=e[o],!(n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||n["s-sh"]&&n["s-sh"]===t["s-hn"]))if(N(n,l)){let e=rt.find((t=>t.N===n));J=!0,n["s-sn"]=n["s-sn"]||l,e?(e.N["s-sh"]=t["s-hn"],e.C=t):(n["s-sh"]=t["s-hn"],rt.push({C:t,N:n})),n["s-sr"]&&rt.map((t=>{N(t.N,n["s-sn"])&&(e=rt.find((t=>t.N===n)),e&&!t.C&&(t.C=e.C))}))}else rt.some((t=>t.N===n))||rt.push({N:n})}1===t.nodeType&&ct(t)}},ut=(t,n,e,o)=>{if("string"==typeof n["s-sn"]){t.insertBefore(n,e);const{slotNode:l}=function(t,n){var e;if(!(n=n||(null==(e=t["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=C(t)||"";return{slotNode:S(E(n,"childNodes"),n.tagName,o)[0],slotName:o}}(n);return l&&!o&&function(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(l),n}return t.__insertBefore?t.__insertBefore(n,e):null==t?void 0:t.insertBefore(n,e)},ft=(t,n)=>{if(n&&!t.M&&n["s-p"]){const e=n["s-p"].push(new Promise((o=>t.M=()=>{n["s-p"].splice(e-1,1),o()})))}},at=(t,n)=>{if(t.u|=16,4&t.u)return void(t.u|=512);ft(t,t.R);const e=()=>dt(t,n);if(!n)return g(e);queueMicrotask((()=>{e()}))},dt=(t,n)=>{const e=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return n?(t.T&&(t.T=!1,$t(o,"connectedCallback",void 0,e)),t.u|=256,t.A&&(t.A.map((([t,n])=>$t(o,t,n,e))),t.A=void 0),t.L.length&&t.L.forEach((t=>t(e))),l=$t(o,"componentWillLoad",void 0,e)):l=$t(o,"componentWillUpdate",void 0,e),l=pt(l,(()=>$t(o,"componentWillRender",void 0,e))),pt(l,(()=>vt(t,o,n)))},pt=(t,n)=>ht(t)?t.then(n).catch((t=>{console.error(t),n()})):n(),ht=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,vt=async(t,n,e)=>{var o;const l=t.$hostElement$,s=l["s-rc"];e&&(t=>{const n=t.o,e=t.$hostElement$,o=n.u,l=((t,n)=>{var e,o,l;const s=A(n),i=r.get(s);if(!u.document)return s;if(t=11===t.nodeType?t:u.document,i)if("string"==typeof i){let l,r=x.get(t=t.head||t);if(r||x.set(t,r=new Set),!r.has(s)){l=u.document.createElement("style"),l.textContent=i;const a=null!=(e=f.F)?e:M(u.document);if(null!=a&&l.setAttribute("nonce",a),!(1&n.u))if("HEAD"===t.nodeName){const n=t.querySelectorAll("link[rel=preconnect]"),e=n.length>0?n[n.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==e?void 0:e.parentNode)===t?e:null)}else if("host"in t)if(d){const n=new(null!=(o=t.defaultView)?o:t.ownerDocument.defaultView).CSSStyleSheet;n.replaceSync(i),p?t.adoptedStyleSheets.unshift(n):t.adoptedStyleSheets=[n,...t.adoptedStyleSheets]}else{const n=t.querySelector("style");n?n.textContent=i+n.textContent:t.prepend(l)}else t.append(l);1&n.u&&t.insertBefore(l,null),4&n.u&&(l.textContent+=c),r&&r.add(s)}}else{let n=x.get(t);if(n||x.set(t,n=new Set),!n.has(s)){const e=null!=(l=t.defaultView)?l:t.ownerDocument.defaultView;let o;if(i.constructor===e.CSSStyleSheet)o=i;else{o=new e.CSSStyleSheet;for(let t=0;t<i.cssRules.length;t++)o.insertRule(i.cssRules[t].cssText,t)}p?t.adoptedStyleSheets.push(o):t.adoptedStyleSheets=[...t.adoptedStyleSheets,o],n.add(s)}}return s})(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);10&o&&(e["s-sc"]=l,e.classList.add(l+"-h"))})(t);mt(t,n,l,e),s&&(s.map((t=>t())),l["s-rc"]=void 0);{const n=null!=(o=l["s-p"])?o:[],e=()=>bt(t);0===n.length?e():(Promise.all(n).then(e).catch(e),t.u|=4,n.length=0)}},mt=(t,n,e,o)=>{try{n=n.render(),t.u&=-17,t.u|=2,((t,n,e=!1)=>{var o,l,s,i,r;const c=t.$hostElement$,a=t.o,d=t.P||P(null,null),p=(t=>t&&t.S===D)(n)?n:F(null,null,n);if(T=c.tagName,e&&p.m)for(const t of Object.keys(p.m))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(p.m[t]=c[t]);if(p.S=null,p.u|=4,t.P=p,p.k=d.k=c.shadowRoot||c,Z=!(!(1&a.u)||128&a.u),R=c["s-cr"],J=!1,it(d,p,e),f.u|=1,K){ct(p.k);for(const t of rt){const n=t.N;if(!n["s-ol"]&&u.document){const t=u.document.createTextNode("");t["s-nr"]=n,ut(n.parentNode,n["s-ol"]=t,n,e)}}for(const t of rt){const n=t.N,r=t.C;if(1===n.nodeType&&e&&(n["s-ih"]=null!=(o=n.hidden)&&o),r){const t=r.parentNode;let o=r.nextSibling;if(o&&1===o.nodeType){let e=null==(l=n["s-ol"])?void 0:l.previousSibling;for(;e;){let l=null!=(s=e["s-nr"])?s:null;if(l&&l["s-sn"]===n["s-sn"]&&t===(l.__parentNode||l.parentNode)){for(l=l.nextSibling;l===n||(null==l?void 0:l["s-sr"]);)l=null==l?void 0:l.nextSibling;if(!l||!l["s-nr"]){o=l;break}}e=e.previousSibling}}if((!o&&t!==(n.__parentNode||n.parentNode)||(n.__nextSibling||n.nextSibling)!==o)&&n!==o){if(ut(t,n,o,e),8===n.nodeType&&n.nodeValue.startsWith("s-nt-")){const t=u.document.createTextNode(n.nodeValue.replace(/^s-nt-/,""));t["s-hn"]=n["s-hn"],t["s-sn"]=n["s-sn"],t["s-sh"]=n["s-sh"],t["s-sr"]=n["s-sr"],t["s-ol"]=n["s-ol"],t["s-ol"]["s-nr"]=t,ut(n.parentNode,t,n,e),n.parentNode.removeChild(n)}1===n.nodeType&&"SLOT-FB"!==n.tagName&&(n.hidden=null!=(i=n["s-ih"])&&i)}n&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===n.nodeType&&(n.hidden=!0)}}if(J&&O(p.k),f.u&=-2,rt.length=0,!Z&&!(1&a.u)&&c["s-cr"]){const t=p.k.__childNodes||p.k.childNodes;for(const n of t)if(n["s-hn"]!==T&&!n["s-sh"])if(e&&null==n["s-ih"]&&(n["s-ih"]=null!=(r=n.hidden)&&r),1===n.nodeType)n.hidden=!0;else if(3===n.nodeType&&n.nodeValue.trim()){const t=u.document.createComment("s-nt-"+n.nodeValue);t["s-sn"]=n["s-sn"],ut(n.parentNode,t,n,e),n.parentNode.removeChild(n)}}R=void 0})(t,n,o)}catch(n){s(n,t.$hostElement$)}return null},bt=t=>{const n=t.$hostElement$,e=t.i,o=t.R;$t(e,"componentDidRender",void 0,n),64&t.u?$t(e,"componentDidUpdate",void 0,n):(t.u|=64,wt(n),$t(e,"componentDidLoad",void 0,n),t.D(n),o||yt()),t.U(n),t.M&&(t.M(),t.M=void 0),512&t.u&&w((()=>at(t,!1))),t.u&=-517},yt=()=>{w((()=>W(u,"appload",{detail:{namespace:"papierjs"}})))},$t=(t,n,e,o)=>{if(t&&t[n])try{return t[n](e)}catch(t){s(t,o)}},wt=t=>t.classList.add("hydrated"),gt=(t,n,o,l)=>{const s=e(t);if(!s)return;if(!s)throw Error(`Couldn't find host element for "${l.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const i=s.l.get(n),r=s.u,c=s.i;if(o=U(o,l.t[n][0]),(!(8&r)||void 0===i)&&o!==i&&(!Number.isNaN(i)||!Number.isNaN(o))&&(s.l.set(n,o),2&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(o,i,n)&&!(16&r))return;16&r||at(s,!1)}},jt=(t,n,o)=>{var l,s;const i=t.prototype;if(n.t){const r=Object.entries(null!=(l=n.t)?l:{});if(r.map((([t,[l]])=>{if(31&l||2&o&&32&l){const{get:s,set:r}=Object.getOwnPropertyDescriptor(i,t)||{};s&&(n.t[t][0]|=2048),r&&(n.t[t][0]|=4096),(1&o||!s)&&Object.defineProperty(i,t,{get(){{if(!(2048&n.t[t][0]))return((t,n)=>e(this).l.get(n))(0,t);const o=e(this),l=o?o.i:i;if(!l)return;return l[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(i,t,{set(s){const i=e(this);if(i){if(r)return void 0===(32&l?this[t]:i.$hostElement$[t])&&i.l.get(t)&&(s=i.l.get(t)),r.call(this,U(s,l)),void gt(this,t,s=32&l?this[t]:i.$hostElement$[t],n);{if(!(1&o&&4096&n.t[t][0]))return gt(this,t,s,n),void(1&o&&!i.i&&i.L.push((()=>{4096&n.t[t][0]&&i.i[t]!==i.l.get(t)&&(i.i[t]=s)})));const e=()=>{const e=i.i[t];!i.l.get(t)&&e&&i.l.set(t,e),i.i[t]=U(s,l),gt(this,t,i.i[t],n)};i.i?e():i.L.push((()=>{e()}))}}}})}else 1&o&&64&l&&Object.defineProperty(i,t,{value(...n){var o;const l=e(this);return null==(o=null==l?void 0:l._)?void 0:o.then((()=>{var e;return null==(e=l.i)?void 0:e[t](...n)}))}})})),1&o){const o=new Map;i.attributeChangedCallback=function(t,l,s){f.jmp((()=>{var c;const u=o.get(t),f=e(this);if(this.hasOwnProperty(u)&&(s=this[u],delete this[u]),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const e=null==f?void 0:f.u;if(f&&e&&!(8&e)&&s!==l){const o=f.i,i=null==(c=n.H)?void 0:c[t];null==i||i.forEach((n=>{const[[i,r]]=Object.entries(n);null!=o[i]&&(128&e||1&r)&&o[i].call(o,s,l,t)}))}return}const a=r.find((([t])=>t===u));a&&4&a[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(i,u);s==this[u]||d.get&&!d.set||(this[u]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.H)?s:{}),...r.filter((([t,n])=>31&n[0])).map((([t,n])=>{const e=n[1]||t;return o.set(e,t),e}))]))}}return t},Ot=(t,n)=>{$t(t,"connectedCallback",void 0,n)},St=(t,n)=>{$t(t,"disconnectedCallback",void 0,n||t)},kt=(t,n={})=>{var o;if(!u.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const l=[],a=n.exclude||[],p=u.customElements,h=u.document.head,v=h.querySelector("meta[charset]"),m=u.document.createElement("style"),b=[];let y,$=!0;Object.assign(f,n),f.p=new URL(n.resourcesUrl||"./",u.document.baseURI).href;let w=!1;if(t.map((t=>{t[1].map((n=>{const o={u:n[0],h:n[1],t:n[2],W:n[3]};4&o.u&&(w=!0),o.t=n[2],o.W=n[3];const c=o.h,h=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(t){if(super(t),((t,n)=>{const e={u:0,$hostElement$:t,o:n,l:new Map,B:new Map};e._=new Promise((t=>e.U=t)),e.V=new Promise((t=>e.D=t)),t["s-p"]=[],t["s-rc"]=[],e.L=[];const o=e;t.__stencil__getHostRef=()=>o})(t=this,o),1&o.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${o.h}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(t,o)}connectedCallback(){const t=e(this);t&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Nt(this,t,o.W)),y&&(clearTimeout(y),y=null),$?b.push(this):f.jmp((()=>(t=>{if(!(1&f.u)){const n=e(t);if(!n)return;const o=n.o,l=()=>{};if(1&n.u)Nt(t,n,o.W),(null==n?void 0:n.i)?Ot(n.i,t):(null==n?void 0:n.V)&&n.V.then((()=>Ot(n.i,t)));else{n.u|=1,12&o.u&&(t=>{if(!u.document)return;const n=t["s-cr"]=u.document.createComment("");n["s-cn"]=!0,ut(t,n,t.firstChild)})(t);{let e=t;for(;e=e.parentNode||e.host;)if(e["s-p"]){ft(n,n.R=e);break}}o.t&&Object.entries(o.t).map((([n,[e]])=>{if(31&e&&n in t&&t[n]!==Object.prototype[n]){const e=t[n];delete t[n],t[n]=e}})),(async(t,n,e)=>{let o;try{if(!(32&n.u)){if(n.u|=32,e.q){const l=((t,n)=>{const e=t.h.replace(/-/g,"_"),o=t.q;if(!o)return;const l=i.get(o);return l?l[e]:import(`./${o}.entry.js`).then((t=>(i.set(o,t),t[e])),(t=>{s(t,n.$hostElement$)}))
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,n);if(l&&"then"in l){const t=()=>{};o=await l,t()}else o=l;if(!o)throw Error(`Constructor for "${e.h}#${n.Y}" was not found`);o.isProxied||(jt(o,e,2),o.isProxied=!0);const r=()=>{};n.u|=8;try{new o(n)}catch(n){s(n,t)}n.u&=-9,r(),4&e.u?n.T=!0:Ot(n.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>n.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const n=A(e);if(!r.has(n)){const o=()=>{};((t,n,e)=>{let o=r.get(t);d&&e?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,r.set(t,o)})(n,t,!!(1&e.u)),o()}}}const l=n.R,c=()=>at(n,!0);l&&l["s-rc"]?l["s-rc"].push(c):c()}catch(e){s(e,t),n.M&&(n.M(),n.M=void 0),n.D&&n.D(t)}})(t,n,o)}l()}})(this))))}disconnectedCallback(){f.jmp((()=>(async t=>{if(!(1&f.u)){const n=e(t);(null==n?void 0:n.G)&&(n.G.map((t=>t())),n.G=void 0),(null==n?void 0:n.i)?St(n.i,t):(null==n?void 0:n.V)&&n.V.then((()=>St(n.i,t)))}x.has(t)&&x.delete(t),t.shadowRoot&&x.has(t.shadowRoot)&&x.delete(t.shadowRoot)})(this))),f.raf((()=>{var t;const n=e(this);if(!n)return;const o=b.findIndex((t=>t===this));o>-1&&b.splice(o,1),(null==(t=null==n?void 0:n.P)?void 0:t.k)instanceof Node&&!n.P.k.isConnected&&delete n.P.k}))}componentOnReady(){var t;return null==(t=e(this))?void 0:t.V}};o.q=t[0],a.includes(c)||p.get(c)||(l.push(c),p.define(c,jt(h,o,1)))}))})),l.length>0&&(w&&(m.textContent+=c),m.textContent+=l.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",m.innerHTML.length)){m.setAttribute("data-styles","");const t=null!=(o=f.F)?o:M(u.document);null!=t&&m.setAttribute("nonce",t),h.insertBefore(m,v?v.nextSibling:h.firstChild)}$=!1,b.length?b.map((t=>t.connectedCallback())):f.jmp((()=>y=setTimeout(yt,30)))},Nt=(t,n,e)=>{e&&u.document&&e.map((([e,o,l])=>{const s=Et(u.document,t,e),i=Ct(n,l),r=Mt(e);f.ael(s,o,i,r),(n.G=n.G||[]).push((()=>f.rel(s,o,i,r)))}))},Ct=(t,n)=>e=>{var o;try{256&t.u?null==(o=t.i)||o[n](e):(t.A=t.A||[]).push([n,e])}catch(n){s(n,t.$hostElement$)}},Et=(t,n,e)=>8&e?u:n,Mt=t=>({passive:!!(1&t),capture:!!(2&t)}),Rt=t=>f.F=t;export{D as H,kt as b,H as c,_ as g,F as h,a as p,o as r,Rt as s}
@@ -1,2 +1 @@
1
- const o=()=>{};export{o as g};
2
- //# sourceMappingURL=p-DQuL1Twl.js.map
1
+ const o=()=>{};export{o as g}