@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,h as e,g as o}from"./p-B4NZTtB_.js";const t=class{constructor(e){r(this,e),this.dark=!1,this.first=!1}getParentClass(){let r="papier breadcrumb-item";return this.dark&&(r=`${r} is--dark`),this.first&&(r=`${r} is--first`),r}render(){return e("span",{key:"f3410b66b44f5cb0d44297cd4e5d2e0dc5dcda8f",class:this.getParentClass()},this.link?e("a",{href:this.link},e("slot",null)):e("slot",null))}get el(){return o(this)}};t.style='@charset "UTF-8"; :host { @import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap"); } :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 html { --primary: #41403e; --secondary: #0b74d5; --success: #86a361; --warning: #ddcd45; --danger: #a7342d; --muted: #868e96; --primary-light: rgb(204.9606299213, 204.1535433071, 202.5393700787); --secondary-light: rgb(215.8232142857, 235.1357142857, 252.9767857143); --success-light: rgb(212.9888, 223.0576, 200.1424); --warning-light: rgb(244.6454545455, 239.7727272727, 198.3545454545); --danger-light: rgb(240.4599056604, 203.3018867925, 201.0400943396); --muted-light: rgb(229.5685840708, 231.25, 232.9314159292); --primary-dark: black; --secondary-dark: black; --success-dark: rgb(55.212, 67.624, 39.376); --warning-dark: rgb(115.8272727273, 105.8636363636, 21.1727272727); --danger-dark: black; --muted-dark: rgb(49.0154867257, 52.75, 56.4845132743); --primary-light-10: rgb(91.1023622047, 89.7007874016, 86.8976377953); --secondary-light-10: rgb(31.5401785714, 141.6964285714, 243.4598214286); --success-light-10: rgb(158.684, 181.768, 129.232); --warning-light-10: rgb(228.8818181818, 216.5909090909, 112.1181818182); --danger-light-10: rgb(202.570754717, 68.5849056604, 60.429245283); --muted-light-10: rgb(161.3053097345, 167.5, 173.6946902655); --primary-dark-10: rgb(38.8976377953, 38.2992125984, 37.1023622047); --secondary-dark-10: rgb(8.4955357143, 89.5892857143, 164.5044642857); --success-dark-10: rgb(73.6332, 90.1864, 52.5136); --warning-dark-10: rgb(115.8272727273, 105.8636363636, 21.1727272727); --danger-dark-10: rgb(126.8254716981, 39.4905660377, 34.1745283019); --muted-dark-10: rgb(108.2522123894, 116.5, 124.7477876106); --primary-shaded-50: rgb(192.5118110236, 191.5039370079, 189.4881889764); --primary-shaded-70: rgb(242.3070866142, 242.1023622047, 241.6929133858); --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: rgb(38.8976377953, 38.2992125984, 37.1023622047); --secondary-text: rgb(8.4955357143, 89.5892857143, 164.5044642857); --success-text: rgb(73.6332, 90.1864, 52.5136); --warning-text: rgb(115.8272727273, 105.8636363636, 21.1727272727); --danger-text: rgb(126.8254716981, 39.4905660377, 34.1745283019); --muted-text: rgb(108.2522123894, 116.5, 124.7477876106); --shadow-color-regular: hsla(0, 0%, 0%, 0.2); --shadow-color-hover: hsla(0, 0%, 0%, 0.3); --primary-inverse: #fff; } :host html.dark { --primary: #fff; --secondary: #5595ce; --success: #70c272; --warning: #d4c252; --danger: #df4c57; --muted: #868e96; --primary-light: white; --secondary-light: rgb(104.7945205479, 161.3424657534, 211.7054794521); --success-light: rgb(129.875, 201.625, 131.625); --warning-light: rgb(217.0763888889, 201.2013888889, 102.4236111111); --danger-light: rgb(226.8672985782, 97.6327014218, 107.3033175355); --muted-light: rgb(147.6526548673, 154.75, 161.8473451327); --primary-dark: rgb(127.5, 127.5, 127.5); --secondary-dark: rgb(30.8767123288, 71.2054794521, 107.1232876712); --success-dark: rgb(38.125, 89.375, 39.375); --warning-dark: rgb(112.9305555556, 101.1805555556, 28.0694444444); --danger-dark: rgb(123.8578199052, 22.1421800948, 29.7535545024); --muted-dark: rgb(49.0154867257, 52.75, 56.4845132743); --primary-light-10: white; --secondary-light-10: rgb(124.5890410959, 173.6849315068, 217.4109589041); --success-light-10: rgb(147.75, 209.25, 149.25); --warning-light-10: rgb(222.1527777778, 208.4027777778, 122.8472222222); --danger-light-10: rgb(230.7345971564, 119.2654028436, 127.6066350711); --muted-light-10: rgb(161.3053097345, 167.5, 173.6946902655); --primary-dark-10: rgb(229.5, 229.5, 229.5); --secondary-dark-10: rgb(53.698630137, 123.8356164384, 186.301369863); --success-dark-10: rgb(76.25, 178.75, 78.75); --warning-dark-10: rgb(194.625, 174.375, 48.375); --danger-dark-10: rgb(210.3886255924, 37.6113744076, 50.5402843602); --muted-dark-10: rgb(108.2522123894, 116.5, 124.7477876106); --primary-shaded-50: rgb(51.9488188976, 51.1496062992, 49.5511811024); --primary-shaded-70: rgb(46.7283464567, 46.0094488189, 44.5716535433); --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: rgb(192.5118110236, 191.5039370079, 189.4881889764); --black: black; --primary-text: #41403e; --secondary-text: rgb(30.8767123288, 71.2054794521, 107.1232876712); --success-text: rgb(38.125, 89.375, 39.375); --warning-text: rgb(112.9305555556, 101.1805555556, 28.0694444444); --danger-text: rgb(123.8578199052, 22.1421800948, 29.7535545024); --muted-text: rgb(147.6526548673, 154.75, 161.8473451327); --shadow-color-regular: hsla(0, 0%, 0%, 0.2); --shadow-color-hover: hsla(0, 0%, 0%, 0.3); --primary-inverse: #41403e; } :host .text-primary { color: #41403e; color: var(--primary); } :host .background-primary { background-color: #41403e; background-color: var(--primary-light); } :host .text-secondary { color: #41403e; color: var(--secondary); } :host .background-secondary { background-color: #41403e; background-color: var(--secondary-light); } :host .text-success { color: #41403e; color: var(--success); } :host .background-success { background-color: #41403e; background-color: var(--success-light); } :host .text-warning { color: #41403e; color: var(--warning); } :host .background-warning { background-color: #41403e; background-color: var(--warning-light); } :host .text-danger { color: #41403e; color: var(--danger); } :host .background-danger { background-color: #41403e; background-color: var(--danger-light); } :host .text-muted { color: #41403e; color: var(--muted); } :host .background-muted { background-color: #41403e; background-color: var(--muted-light); } :host .breadcrumb .border { padding: 10px 16px; } :host .breadcrumb-item { font-size: 20px; } :host .breadcrumb-item.is--dark { color: #41403e; color: var(--white); } :host .breadcrumb-item a { color: #41403e; color: var(--secondary); } :host .breadcrumb-item a:visited { color: #41403e; color: var(--secondary); } :host .breadcrumb-item:not(.is--first):before { content: "/ "; padding: 8px; }';export{t as p_breadcrumb_item}
@@ -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.changeEvent=e(this,"change"),this.round=!1,this.square=!1,this.dark=!1,this.checked=!1}onInput(r){this.changeEvent.emit(r.target.checked)}render(){return o(t,{key:"5dfb01d966b38ba5345838902d4f05315b0fe93b"},o("div",{key:"ec2eb8b6c7161b2a9d992a1301b2de9afb9256a8",class:{papier:!0,"is--dark":this.dark}},o("div",{key:"c8c37af8bd62aea833840b35ced7a17fab5e9fe8",class:"form-group"},o("label",{key:"b299f75b8a8c05d52fc6dcd32345658789c8ef51",class:{"paper-switch":!this.square,"paper-switch-2":this.square}},o("input",{key:"cb813924fb89d26050f0244369415927f90495a3",checked:this.checked,id:"paperSwitch4",name:"paperSwitch4",onInput:r=>this.onInput(r),type:"checkbox"}),o("span",{key:"f28e9e2f849ad63b47827ff270d3a963135f0935",class:{round:this.round,"paper-switch-slider":!0}})))))}};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 { display: inline-block; } :host .papier .form-group { margin-bottom: 0; display: inline-block; }';export{a as p_switch}