@amiceli/papierjs 0.1.0 → 0.2.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 (85) hide show
  1. package/dist/cjs/{index-e5bb90c8.js → index-1be60996.js} +301 -5
  2. package/dist/cjs/index-1be60996.js.map +1 -0
  3. package/dist/cjs/loader.cjs.js +2 -2
  4. package/dist/cjs/p-alert.cjs.entry.js +1 -1
  5. package/dist/cjs/p-badge.cjs.entry.js +34 -0
  6. package/dist/cjs/p-badge.cjs.entry.js.map +1 -0
  7. package/dist/cjs/p-button.cjs.entry.js +2 -2
  8. package/dist/cjs/p-dropdown-item.cjs.entry.js +2 -2
  9. package/dist/cjs/p-dropdown.cjs.entry.js +3 -3
  10. package/dist/cjs/p-input-text.cjs.entry.js +2 -2
  11. package/dist/cjs/p-leaf.cjs.entry.js +26 -0
  12. package/dist/cjs/p-leaf.cjs.entry.js.map +1 -0
  13. package/dist/cjs/p-progress-bar.cjs.entry.js +2 -2
  14. package/dist/cjs/papierjs.cjs.js +2 -2
  15. package/dist/collection/collection-manifest.json +2 -0
  16. package/dist/collection/components/badge/badge.css +3222 -0
  17. package/dist/collection/components/badge/badge.js +82 -0
  18. package/dist/collection/components/badge/badge.js.map +1 -0
  19. package/dist/collection/components/button/button.js +1 -1
  20. package/dist/collection/components/dropdown/dropdown.js +2 -2
  21. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  22. package/dist/collection/components/input/input-text/input-text.js +1 -1
  23. package/dist/collection/components/leaf/leaf.css +3219 -0
  24. package/dist/collection/components/leaf/leaf.js +48 -0
  25. package/dist/collection/components/leaf/leaf.js.map +1 -0
  26. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  27. package/dist/components/index.js +1 -1
  28. package/dist/components/{p-92aa42e7.js → p-81e1c3fa.js} +293 -5
  29. package/dist/components/p-81e1c3fa.js.map +1 -0
  30. package/dist/components/p-alert.js +1 -1
  31. package/dist/components/p-badge.d.ts +11 -0
  32. package/dist/components/p-badge.js +52 -0
  33. package/dist/components/p-badge.js.map +1 -0
  34. package/dist/components/p-button.js +2 -2
  35. package/dist/components/p-dropdown-item.js +2 -2
  36. package/dist/components/p-dropdown.js +3 -3
  37. package/dist/components/p-input-text.js +2 -2
  38. package/dist/components/p-leaf.d.ts +11 -0
  39. package/dist/components/p-leaf.js +42 -0
  40. package/dist/components/p-leaf.js.map +1 -0
  41. package/dist/components/p-progress-bar.js +2 -2
  42. package/dist/esm/{index-809c10ff.js → index-a242df70.js} +301 -5
  43. package/dist/esm/index-a242df70.js.map +1 -0
  44. package/dist/esm/loader.js +3 -3
  45. package/dist/esm/p-alert.entry.js +1 -1
  46. package/dist/esm/p-badge.entry.js +30 -0
  47. package/dist/esm/p-badge.entry.js.map +1 -0
  48. package/dist/esm/p-button.entry.js +2 -2
  49. package/dist/esm/p-dropdown-item.entry.js +2 -2
  50. package/dist/esm/p-dropdown.entry.js +3 -3
  51. package/dist/esm/p-input-text.entry.js +2 -2
  52. package/dist/esm/p-leaf.entry.js +22 -0
  53. package/dist/esm/p-leaf.entry.js.map +1 -0
  54. package/dist/esm/p-progress-bar.entry.js +2 -2
  55. package/dist/esm/papierjs.js +3 -3
  56. package/dist/papierjs/{p-c3243b73.entry.js → p-0feb5c6d.entry.js} +2 -2
  57. package/dist/papierjs/{p-ce66a0db.entry.js → p-17353c7b.entry.js} +2 -2
  58. package/dist/papierjs/p-370e3431.entry.js +2 -0
  59. package/dist/papierjs/p-370e3431.entry.js.map +1 -0
  60. package/dist/papierjs/p-3c1781d8.js +3 -0
  61. package/dist/papierjs/p-3c1781d8.js.map +1 -0
  62. package/dist/papierjs/{p-99159731.entry.js → p-4199034f.entry.js} +2 -2
  63. package/dist/papierjs/{p-8e9a6ac4.entry.js → p-524777fc.entry.js} +2 -2
  64. package/dist/papierjs/{p-6e9110f7.entry.js → p-9cbdff58.entry.js} +3 -3
  65. package/dist/papierjs/{p-de62cf76.entry.js → p-aa9cca5f.entry.js} +2 -2
  66. package/dist/papierjs/p-b1a06c34.entry.js +2 -0
  67. package/dist/papierjs/p-b1a06c34.entry.js.map +1 -0
  68. package/dist/papierjs/papierjs.esm.js +1 -1
  69. package/dist/papierjs/papierjs.esm.js.map +1 -1
  70. package/dist/types/components/badge/badge.d.ts +9 -0
  71. package/dist/types/components/leaf/leaf.d.ts +5 -0
  72. package/dist/types/components.d.ts +32 -0
  73. package/package.json +3 -3
  74. package/readme.md +14 -6
  75. package/dist/cjs/index-e5bb90c8.js.map +0 -1
  76. package/dist/components/p-92aa42e7.js.map +0 -1
  77. package/dist/esm/index-809c10ff.js.map +0 -1
  78. package/dist/papierjs/p-45914d24.js +0 -3
  79. package/dist/papierjs/p-45914d24.js.map +0 -1
  80. /package/dist/papierjs/{p-c3243b73.entry.js.map → p-0feb5c6d.entry.js.map} +0 -0
  81. /package/dist/papierjs/{p-ce66a0db.entry.js.map → p-17353c7b.entry.js.map} +0 -0
  82. /package/dist/papierjs/{p-99159731.entry.js.map → p-4199034f.entry.js.map} +0 -0
  83. /package/dist/papierjs/{p-8e9a6ac4.entry.js.map → p-524777fc.entry.js.map} +0 -0
  84. /package/dist/papierjs/{p-6e9110f7.entry.js.map → p-9cbdff58.entry.js.map} +0 -0
  85. /package/dist/papierjs/{p-de62cf76.entry.js.map → p-aa9cca5f.entry.js.map} +0 -0
package/dist/papierjs/p-b1a06c34.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as n,h as e}from"./p-3c1781d8.js";const r='@charset "UTF-8";\np-leaf {\n display: inline-block;\n}\np-leaf .papier {\n /* PaperCSS core */\n /**\n Global PaperCSS Config\n */\n @import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap");\n /* stylelint-disable */\n /* stylelint-enable */\n /**\n This Loop will generate the various .text- and .background- classes\n based on the $colors map above.\n */\n /**\n PaperCSS Mixins\n */\n /**\n Assign a border style to a component selector.\n @param integer\n @default 1\n */\n /**\n Mixin for setting responsive breakpoints\n @param string | integer\n @default null\n */\n /**\n Useful helper mixins\n */\n /*\n Add transform: translate() with browser prefixes.\n Same syntax for translate() and translate3d()\n To get 3D add a $z value and set \'true\'\n @param string | boolean\n @default 0 | false\n */\n /*\n Add global transition styles to selector\n @param string\n @default all | 235ms | ease-in-out | 0\n */\n /**\n Set the shadow type for a component\n @param string\n @default regular\n */\n /**\n Sets a striped background on a component\n @param string\n */\n /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */\n /* stylelint-disable */\n /* stylelint-enable */\n /* Layout styling */\n /* Content styling */\n /* Utilities */\n /* Components */\n font-family: "Neucha", sans-serif;\n font-size: 20px;\n}\np-leaf .papier html {\n --primary: #41403e;\n --secondary: #0b74d5;\n --success: #86a361;\n --warning: #ddcd45;\n --danger: #a7342d;\n --muted: #868e96;\n --primary-light: #cdcccb;\n --secondary-light: #d8ebfd;\n --success-light: #d5dfc8;\n --warning-light: #f5f0c6;\n --danger-light: #f0cbc9;\n --muted-light: #e6e7e9;\n --primary-dark: black;\n --secondary-dark: black;\n --success-dark: #374427;\n --warning-dark: #746a15;\n --danger-dark: black;\n --muted-dark: #313538;\n --primary-light-10: #5b5a57;\n --secondary-light-10: #208ef3;\n --success-light-10: #9fb681;\n --warning-light-10: #e5d970;\n --danger-light-10: #cb453c;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #272625;\n --secondary-dark-10: #085aa5;\n --success-dark-10: #4a5a35;\n --warning-dark-10: #746a15;\n --danger-dark-10: #7f2722;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #c1c0bd;\n --primary-shaded-70: #f2f2f2;\n --white-dark: rgba(0, 0, 0, 0.03);\n --white-dark-light-80: rgba(204, 204, 204, 0.03);\n --light-dark: rgba(0, 0, 0, 0.7);\n --white: white;\n --main-background: white;\n --main-background-light: white;\n --black: black;\n --primary-text: #272625;\n --secondary-text: #085aa5;\n --success-text: #4a5a35;\n --warning-text: #746a15;\n --danger-text: #7f2722;\n --muted-text: #6c757d;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #fff;\n}\np-leaf .papier html.dark {\n --primary: #fff;\n --secondary: #5595ce;\n --success: #70c272;\n --warning: #d4c252;\n --danger: #df4c57;\n --muted: #868e96;\n --primary-light: white;\n --secondary-light: #69a1d4;\n --success-light: #82ca84;\n --warning-light: #d9c966;\n --danger-light: #e3626b;\n --muted-light: #949ba2;\n --primary-dark: gray;\n --secondary-dark: #1f476b;\n --success-dark: #265927;\n --warning-dark: #71651c;\n --danger-dark: #7c161e;\n --muted-dark: #313538;\n --primary-light-10: white;\n --secondary-light-10: #7daed9;\n --success-light-10: #94d195;\n --warning-light-10: #ded07b;\n --danger-light-10: #e77780;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #e6e6e6;\n --secondary-dark-10: #367cba;\n --success-dark-10: #4cb34f;\n --warning-dark-10: #c3ae30;\n --danger-dark-10: #d22633;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #343332;\n --primary-shaded-70: #2f2e2d;\n --white-dark: rgba(255, 255, 255, 0.03);\n --white-dark-light-80: rgba(255, 255, 255, 0.03);\n --light-dark: rgba(255, 255, 255, 0.7);\n --white: white;\n --main-background: #41403e;\n --main-background-light: #c1c0bd;\n --black: black;\n --primary-text: #41403e;\n --secondary-text: #1f476b;\n --success-text: #265927;\n --warning-text: #71651c;\n --danger-text: #7c161e;\n --muted-text: #949ba2;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #41403e;\n}\np-leaf .papier .text-primary {\n color: #41403e;\n color: var(--primary);\n}\np-leaf .papier .background-primary {\n background-color: #41403e;\n background-color: var(--primary-light);\n}\np-leaf .papier .text-secondary {\n color: #41403e;\n color: var(--secondary);\n}\np-leaf .papier .background-secondary {\n background-color: #41403e;\n background-color: var(--secondary-light);\n}\np-leaf .papier .text-success {\n color: #41403e;\n color: var(--success);\n}\np-leaf .papier .background-success {\n background-color: #41403e;\n background-color: var(--success-light);\n}\np-leaf .papier .text-warning {\n color: #41403e;\n color: var(--warning);\n}\np-leaf .papier .background-warning {\n background-color: #41403e;\n background-color: var(--warning-light);\n}\np-leaf .papier .text-danger {\n color: #41403e;\n color: var(--danger);\n}\np-leaf .papier .background-danger {\n background-color: #41403e;\n background-color: var(--danger-light);\n}\np-leaf .papier .text-muted {\n color: #41403e;\n color: var(--muted);\n}\np-leaf .papier .background-muted {\n background-color: #41403e;\n background-color: var(--muted-light);\n}\np-leaf .papier html {\n line-height: 1.15;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\np-leaf .papier body {\n margin: 0;\n}\np-leaf .papier article,\np-leaf .papier aside,\np-leaf .papier footer,\np-leaf .papier header,\np-leaf .papier nav,\np-leaf .papier section {\n display: block;\n}\np-leaf .papier h1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\np-leaf .papier figcaption,\np-leaf .papier figure,\np-leaf .papier main {\n display: block;\n}\np-leaf .papier figure {\n margin: 1em 40px;\n}\np-leaf .papier hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\np-leaf .papier pre {\n font-family: monospace, monospace;\n font-size: 1em;\n}\np-leaf .papier a {\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\np-leaf .papier abbr[title] {\n border-bottom: none;\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\np-leaf .papier b,\np-leaf .papier strong {\n font-weight: inherit;\n}\np-leaf .papier b,\np-leaf .papier strong {\n font-weight: bolder;\n}\np-leaf .papier code,\np-leaf .papier kbd,\np-leaf .papier samp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\np-leaf .papier dfn {\n font-style: italic;\n}\np-leaf .papier mark {\n background-color: #ff0;\n color: #000;\n}\np-leaf .papier small {\n font-size: 80%;\n}\np-leaf .papier sub,\np-leaf .papier sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\np-leaf .papier sub {\n bottom: -0.25em;\n}\np-leaf .papier sup {\n top: -0.5em;\n}\np-leaf .papier audio,\np-leaf .papier video {\n display: inline-block;\n}\np-leaf .papier audio:not([controls]) {\n display: none;\n height: 0;\n}\np-leaf .papier img {\n border-style: none;\n}\np-leaf .papier svg:not(:root) {\n overflow: hidden;\n}\np-leaf .papier button,\np-leaf .papier input,\np-leaf .papier optgroup,\np-leaf .papier select,\np-leaf .papier textarea {\n font-family: sans-serif;\n font-size: 100%;\n line-height: 1.15;\n margin: 0;\n}\np-leaf .papier button,\np-leaf .papier input {\n overflow: visible;\n}\np-leaf .papier button,\np-leaf .papier select {\n text-transform: none;\n}\np-leaf .papier [type=reset],\np-leaf .papier [type=submit],\np-leaf .papier button,\np-leaf .papier html [type=button] {\n -webkit-appearance: button;\n}\np-leaf .papier [type=button]::-moz-focus-inner,\np-leaf .papier [type=reset]::-moz-focus-inner,\np-leaf .papier [type=submit]::-moz-focus-inner,\np-leaf .papier button::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\np-leaf .papier [type=button]:-moz-focusring,\np-leaf .papier [type=reset]:-moz-focusring,\np-leaf .papier [type=submit]:-moz-focusring,\np-leaf .papier button:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\np-leaf .papier fieldset {\n padding: 0.35em 0.75em 0.625em;\n}\np-leaf .papier legend {\n box-sizing: border-box;\n color: inherit;\n display: table;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n}\np-leaf .papier progress {\n display: inline-block;\n vertical-align: baseline;\n}\np-leaf .papier textarea {\n overflow: auto;\n}\np-leaf .papier [type=checkbox],\np-leaf .papier [type=radio] {\n box-sizing: border-box;\n padding: 0;\n}\np-leaf .papier [type=number]::-webkit-inner-spin-button,\np-leaf .papier [type=number]::-webkit-outer-spin-button {\n height: auto;\n}\np-leaf .papier [type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\np-leaf .papier [type=search]::-webkit-search-cancel-button,\np-leaf .papier [type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\np-leaf .papier ::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\np-leaf .papier details,\np-leaf .papier menu {\n display: block;\n}\np-leaf .papier summary {\n display: list-item;\n}\np-leaf .papier canvas {\n display: inline-block;\n}\np-leaf .papier template {\n display: none;\n}\np-leaf .papier [hidden] {\n display: none;\n}\np-leaf .papier html {\n box-sizing: border-box;\n}\np-leaf .papier *, p-leaf .papier *:before, p-leaf .papier *:after {\n box-sizing: inherit;\n}\np-leaf .papier .container {\n margin: 0 auto;\n max-width: 960px;\n position: relative;\n width: 100%;\n}\n@media only screen and (max-width: 992px) {\n p-leaf .papier .container {\n width: 85%;\n }\n}\n@media only screen and (max-width: 480px) {\n p-leaf .papier .container {\n width: 90%;\n }\n}\np-leaf .papier .container.container-xs {\n max-width: 480px;\n}\np-leaf .papier .container.container-sm {\n max-width: 768px;\n}\np-leaf .papier .container.container-md {\n max-width: 992px;\n}\np-leaf .papier .container.container-lg {\n max-width: 1200px;\n}\np-leaf .papier .section {\n margin-bottom: 2rem;\n margin-top: 1rem;\n word-wrap: break-word;\n}\np-leaf .papier .section::after {\n color: #8f8d89;\n content: "~~~";\n display: block;\n font-size: 1.5rem;\n position: relative;\n text-align: center;\n}\np-leaf .papier hr {\n border: 0;\n}\np-leaf .papier hr::after {\n color: #8f8d89;\n content: "~~~";\n display: block;\n font-size: 1.5rem;\n position: relative;\n text-align: center;\n top: -0.75rem;\n}\np-leaf .papier .paper {\n background-color: #41403e;\n background-color: var(--main-background);\n border: 1px solid #cdcccb;\n box-shadow: -1px 5px 35px -9px rgba(0, 0, 0, 0.2);\n margin-bottom: 1rem;\n margin-top: 1rem;\n padding: 2rem;\n}\n@media only screen and (max-width: 480px) {\n p-leaf .papier .paper {\n margin-bottom: 0;\n margin-top: 0;\n padding: 1rem;\n width: 100%;\n }\n}\np-leaf .papier .row {\n display: flex;\n flex-flow: row wrap;\n margin-bottom: 1rem;\n margin-left: auto;\n margin-right: auto;\n}\np-leaf .papier .row.flex-right {\n justify-content: flex-end;\n}\np-leaf .papier .row.flex-center {\n justify-content: center;\n}\np-leaf .papier .row.flex-edges {\n justify-content: space-between;\n}\np-leaf .papier .row.flex-spaces {\n justify-content: space-around;\n}\np-leaf .papier .row.flex-top {\n align-items: flex-start;\n}\np-leaf .papier .row.flex-middle {\n align-items: center;\n}\np-leaf .papier .row.flex-bottom {\n align-items: flex-end;\n}\np-leaf .papier .col {\n padding: 1rem;\n}\n@media only screen and (max-width: 768px) {\n p-leaf .papier .col {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\np-leaf .papier .col-fill {\n flex: 1 1 0;\n width: auto;\n}\n@media only screen and (min-width: 0) {\n p-leaf .papier .col-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n p-leaf .papier .col-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n p-leaf .papier .col-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n p-leaf .papier .col-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n p-leaf .papier .col-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n p-leaf .papier .col-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n p-leaf .papier .col-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n p-leaf .papier .col-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n p-leaf .papier .col-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n p-leaf .papier .col-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n p-leaf .papier .col-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n p-leaf .papier .col-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 480px) {\n p-leaf .papier .xs-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n p-leaf .papier .xs-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n p-leaf .papier .xs-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n p-leaf .papier .xs-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n p-leaf .papier .xs-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n p-leaf .papier .xs-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n p-leaf .papier .xs-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n p-leaf .papier .xs-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n p-leaf .papier .xs-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n p-leaf .papier .xs-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n p-leaf .papier .xs-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n p-leaf .papier .xs-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 768px) {\n p-leaf .papier .sm-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n p-leaf .papier .sm-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n p-leaf .papier .sm-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n p-leaf .papier .sm-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n p-leaf .papier .sm-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n p-leaf .papier .sm-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n p-leaf .papier .sm-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n p-leaf .papier .sm-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n p-leaf .papier .sm-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n p-leaf .papier .sm-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n p-leaf .papier .sm-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n p-leaf .papier .sm-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 992px) {\n p-leaf .papier .md-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n p-leaf .papier .md-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n p-leaf .papier .md-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n p-leaf .papier .md-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n p-leaf .papier .md-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n p-leaf .papier .md-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n p-leaf .papier .md-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n p-leaf .papier .md-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n p-leaf .papier .md-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n p-leaf .papier .md-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n p-leaf .papier .md-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n p-leaf .papier .md-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\n@media only screen and (min-width: 1200px) {\n p-leaf .papier .lg-1 {\n flex: 0 0 8.3333333333%;\n max-width: 8.3333333333%;\n }\n p-leaf .papier .lg-2 {\n flex: 0 0 16.6666666667%;\n max-width: 16.6666666667%;\n }\n p-leaf .papier .lg-3 {\n flex: 0 0 25%;\n max-width: 25%;\n }\n p-leaf .papier .lg-4 {\n flex: 0 0 33.3333333333%;\n max-width: 33.3333333333%;\n }\n p-leaf .papier .lg-5 {\n flex: 0 0 41.6666666667%;\n max-width: 41.6666666667%;\n }\n p-leaf .papier .lg-6 {\n flex: 0 0 50%;\n max-width: 50%;\n }\n p-leaf .papier .lg-7 {\n flex: 0 0 58.3333333333%;\n max-width: 58.3333333333%;\n }\n p-leaf .papier .lg-8 {\n flex: 0 0 66.6666666667%;\n max-width: 66.6666666667%;\n }\n p-leaf .papier .lg-9 {\n flex: 0 0 75%;\n max-width: 75%;\n }\n p-leaf .papier .lg-10 {\n flex: 0 0 83.3333333333%;\n max-width: 83.3333333333%;\n }\n p-leaf .papier .lg-11 {\n flex: 0 0 91.6666666667%;\n max-width: 91.6666666667%;\n }\n p-leaf .papier .lg-12 {\n flex: 0 0 100%;\n max-width: 100%;\n }\n}\np-leaf .papier .align-top {\n align-self: flex-start;\n}\np-leaf .papier .align-middle {\n align-self: center;\n}\np-leaf .papier .align-bottom {\n align-self: flex-end;\n}\np-leaf .papier .container {\n margin: 0 auto;\n max-width: 960px;\n position: relative;\n width: 100%;\n}\n@media only screen and (max-width: 992px) {\n p-leaf .papier .container {\n width: 85%;\n }\n}\n@media only screen and (max-width: 480px) {\n p-leaf .papier .container {\n width: 90%;\n }\n}\np-leaf .papier code {\n color: #41403e;\n color: var(--secondary);\n background-color: #41403e;\n background-color: var(--primary-shaded-70);\n border-radius: 3px;\n font-size: 80%;\n padding: 2px 4px;\n}\np-leaf .papier kbd {\n color: #41403e;\n color: var(--primary-inverse);\n background-color: #41403e;\n background-color: var(--primary);\n border-radius: 3px;\n font-size: 80%;\n padding: 2px 4px;\n}\np-leaf .papier pre {\n color: #41403e;\n color: var(--inverse-primary);\n background-color: #41403e;\n background-color: var(--primary-shaded-70);\n border-color: #41403e;\n border-color: var(--primary-shaded-50);\n border-radius: 3px;\n border-style: solid;\n border-width: 1px;\n display: block;\n font-size: 80%;\n line-height: 1.5;\n overflow-x: auto;\n padding: 1em;\n white-space: pre;\n word-break: break-all;\n word-wrap: break-word;\n}\np-leaf .papier pre code {\n color: #41403e;\n color: var(--inverse-primary);\n background: transparent;\n display: block;\n font-size: inherit;\n padding: initial;\n white-space: pre;\n}\np-leaf .papier html {\n color: #41403e;\n color: var(--primary);\n font-family: "Neucha", sans-serif;\n font-size: 20px;\n}\np-leaf .papier p,\np-leaf .papier a,\np-leaf .papier button,\np-leaf .papier li,\np-leaf .papier table,\np-leaf .papier thead,\np-leaf .papier tbody,\np-leaf .papier th,\np-leaf .papier tr,\np-leaf .papier td,\np-leaf .papier input,\np-leaf .papier textarea,\np-leaf .papier select,\np-leaf .papier option {\n font-family: "Neucha", sans-serif;\n}\np-leaf .papier h1,\np-leaf .papier h2,\np-leaf .papier h3,\np-leaf .papier h4,\np-leaf .papier h5,\np-leaf .papier h6 {\n font-family: "Patrick Hand SC", sans-serif;\n font-weight: normal;\n}\np-leaf .papier h1 {\n font-size: 4rem;\n}\np-leaf .papier h2 {\n font-size: 3rem;\n}\np-leaf .papier h3 {\n font-size: 2rem;\n}\np-leaf .papier h4 {\n font-size: 1.5rem;\n}\np-leaf .papier h5 {\n font-size: 1rem;\n}\np-leaf .papier h6 {\n font-size: 0.8rem;\n}\np-leaf .papier .text-left {\n text-align: left;\n}\np-leaf .papier .text-center {\n text-align: center;\n}\np-leaf .papier .text-right {\n text-align: right;\n}\np-leaf .papier img {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n display: block;\n height: auto;\n max-width: 100%;\n}\np-leaf .papier img.float-left {\n float: left;\n margin: 1rem 1rem 1rem 0;\n}\np-leaf .papier img.float-right {\n float: right;\n margin: 1rem 0 1rem 1rem;\n}\np-leaf .papier img.no-responsive {\n display: initial;\n height: initial;\n max-width: initial;\n}\np-leaf .papier img.no-border {\n border: 0;\n border-radius: 0;\n}\np-leaf .papier ol {\n list-style-type: decimal;\n}\np-leaf .papier ol ol {\n list-style-type: upper-alpha;\n}\np-leaf .papier ol ol ol {\n list-style-type: upper-roman;\n}\np-leaf .papier ol ol ol ol {\n list-style-type: lower-alpha;\n}\np-leaf .papier ol ol ol ol ol {\n list-style-type: lower-roman;\n}\np-leaf .papier ul {\n list-style: none;\n margin-left: 0;\n}\np-leaf .papier ul li::before {\n content: "-";\n}\np-leaf .papier ul li {\n text-indent: -7px;\n}\np-leaf .papier ul li .badge,\np-leaf .papier ul li [popover-bottom]::after,\np-leaf .papier ul li [popover-left]::after,\np-leaf .papier ul li [popover-right]::after,\np-leaf .papier ul li [popover-top]::after {\n text-indent: 0;\n}\np-leaf .papier ul li::before {\n left: -7px;\n position: relative;\n}\np-leaf .papier ul ul li::before {\n content: "+";\n}\np-leaf .papier ul ul ul li::before {\n content: "~";\n}\np-leaf .papier ul ul ul ul li::before {\n content: "⤍";\n}\np-leaf .papier ul ul ul ul ul li::before {\n content: "⁎";\n}\np-leaf .papier ul.inline li {\n display: inline;\n margin-left: 5px;\n}\np-leaf .papier table {\n box-sizing: border-box;\n max-width: 100%;\n overflow-x: auto;\n width: 100%;\n}\n@media only screen and (max-width: 480px) {\n p-leaf .papier table thead tr th {\n padding: 2%;\n }\n p-leaf .papier table tbody tr td {\n padding: 2%;\n }\n}\np-leaf .papier table thead tr th {\n line-height: 1.5;\n padding: 8px;\n text-align: left;\n vertical-align: bottom;\n}\np-leaf .papier table tbody tr td {\n border-top: 1px dashed #d9d9d8;\n line-height: 1.5;\n padding: 8px;\n vertical-align: top;\n}\np-leaf .papier table.table-hover tbody tr:hover {\n color: #41403e;\n color: var(--secondary);\n}\np-leaf .papier table.table-alternating tbody tr:nth-of-type(even) {\n color: #82807c;\n}\np-leaf .papier .border {\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n}\np-leaf .papier .border,\np-leaf .papier .border-1,\np-leaf .papier .child-borders > *:nth-child(6n+1) {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n}\np-leaf .papier .border-2,\np-leaf .papier .child-borders > *:nth-child(6n+2) {\n border-bottom-left-radius: 185px 25px;\n border-bottom-right-radius: 20px 205px;\n border-top-left-radius: 125px 25px;\n border-top-right-radius: 10px 205px;\n}\np-leaf .papier .border-3,\np-leaf .papier .child-borders > *:nth-child(6n+3) {\n border-bottom-left-radius: 225px 15px;\n border-bottom-right-radius: 15px 255px;\n border-top-left-radius: 15px 225px;\n border-top-right-radius: 255px 15px;\n}\np-leaf .papier .border-4,\np-leaf .papier .child-borders > *:nth-child(6n+4) {\n border-bottom-left-radius: 25px 115px;\n border-bottom-right-radius: 155px 25px;\n border-top-left-radius: 15px 225px;\n border-top-right-radius: 25px 150px;\n}\np-leaf .papier .border-5,\np-leaf .papier .child-borders > *:nth-child(6n+5) {\n border-bottom-left-radius: 20px 115px;\n border-bottom-right-radius: 15px 105px;\n border-top-left-radius: 250px 15px;\n border-top-right-radius: 25px 80px;\n}\np-leaf .papier .border-6,\np-leaf .papier .child-borders > *:nth-child(6n+6) {\n border-bottom-left-radius: 15px 225px;\n border-bottom-right-radius: 20px 205px;\n border-top-left-radius: 28px 125px;\n border-top-right-radius: 100px 30px;\n}\np-leaf .papier .child-borders > * {\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n}\np-leaf .papier .border-white {\n border-color: #41403e;\n border-color: var(--white);\n}\np-leaf .papier .border-dotted {\n border-style: dotted;\n}\np-leaf .papier .border-dashed {\n border-style: dashed;\n}\np-leaf .papier .border-thick {\n border-width: 5px;\n}\np-leaf .papier .border-primary {\n border-color: #41403e;\n border-color: var(--primary);\n}\np-leaf .papier .border-secondary {\n border-color: #41403e;\n border-color: var(--secondary);\n}\np-leaf .papier .border-success {\n border-color: #41403e;\n border-color: var(--success);\n}\np-leaf .papier .border-warning {\n border-color: #41403e;\n border-color: var(--warning);\n}\np-leaf .papier .border-danger {\n border-color: #41403e;\n border-color: var(--danger);\n}\np-leaf .papier .border-muted {\n border-color: #41403e;\n border-color: var(--muted);\n}\np-leaf .papier .shadow {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n}\np-leaf .papier .shadow.shadow-large {\n transition: all 235ms ease 0s;\n box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);\n}\np-leaf .papier .shadow.shadow-small {\n transition: all 235ms ease 0s;\n box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2);\n}\np-leaf .papier .shadow.shadow-hover:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\np-leaf .papier .child-shadows > * {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n}\np-leaf .papier .child-shadows .shadow-none {\n box-shadow: none;\n}\np-leaf .papier .child-shadows-hover > * {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n}\np-leaf .papier .child-shadows-hover > *:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\np-leaf .papier .collapsible {\n display: flex;\n flex-direction: column;\n}\np-leaf .papier .collapsible:nth-of-type(1) {\n border-top-color: #41403e;\n border-top-color: var(--muted-light);\n border-top-style: solid;\n border-top-width: 1px;\n}\np-leaf .papier .collapsible .collapsible-body {\n border-bottom-color: #41403e;\n border-bottom-color: var(--muted-light);\n background-color: #41403e;\n background-color: var(--white-dark-light-80);\n transition: all 235ms ease-in-out 0s;\n border-bottom-style: solid;\n border-bottom-width: 1px;\n margin: 0;\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n padding: 0 0.75rem;\n}\np-leaf .papier .collapsible > input {\n display: none;\n}\np-leaf .papier .collapsible > input:checked + label {\n color: #41403e;\n color: var(--primary);\n}\np-leaf .papier .collapsible > input[id^=collapsible]:checked ~ div.collapsible-body {\n margin: 0;\n max-height: 960px;\n opacity: 1;\n padding: 0.75rem;\n}\np-leaf .papier .collapsible > label {\n color: #41403e;\n color: var(--primary);\n border-bottom-color: #41403e;\n border-bottom-color: var(--muted-light);\n border-bottom-style: solid;\n border-bottom-width: 1px;\n display: inline-block;\n font-weight: 600;\n margin: 0 0 -1px;\n padding: 0.75rem;\n text-align: center;\n}\np-leaf .papier .collapsible > label:hover {\n color: #41403e;\n color: var(--muted);\n cursor: pointer;\n}\np-leaf .papier .alert {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-style: solid;\n border-width: 2px;\n margin-bottom: 20px;\n padding: 15px;\n width: 100%;\n}\np-leaf .papier .alert.dismissible {\n transition: all 235ms ease-in-out 0s;\n display: flex;\n justify-content: space-between;\n max-height: 48rem;\n overflow: hidden;\n}\np-leaf .papier .alert .btn-close {\n transition: all 235ms ease-in-out 0s;\n color: #41403e;\n color: var(--primary-text);\n cursor: pointer;\n margin-left: 0.75rem;\n}\np-leaf .papier .alert .btn-close:hover, p-leaf .papier .alert .btn-close:active, p-leaf .papier .alert .btn-close:focus {\n color: #41403e;\n color: var(--primary-dark);\n}\np-leaf .papier .alert-primary {\n color: #41403e;\n color: var(--primary-text);\n background-color: #41403e;\n background-color: var(--primary-light);\n border-color: #41403e;\n border-color: var(--primary);\n}\np-leaf .papier .alert-primary .btn-close {\n color: #41403e;\n color: var(--primary-text);\n}\np-leaf .papier .alert-primary .btn-close:hover, p-leaf .papier .alert-primary .btn-close:active, p-leaf .papier .alert-primary .btn-close:focus {\n color: #41403e;\n color: var(--primary-dark);\n}\np-leaf .papier .alert-secondary {\n color: #41403e;\n color: var(--secondary-text);\n background-color: #41403e;\n background-color: var(--secondary-light);\n border-color: #41403e;\n border-color: var(--secondary);\n}\np-leaf .papier .alert-secondary .btn-close {\n color: #41403e;\n color: var(--secondary-text);\n}\np-leaf .papier .alert-secondary .btn-close:hover, p-leaf .papier .alert-secondary .btn-close:active, p-leaf .papier .alert-secondary .btn-close:focus {\n color: #41403e;\n color: var(--secondary-dark);\n}\np-leaf .papier .alert-success {\n color: #41403e;\n color: var(--success-text);\n background-color: #41403e;\n background-color: var(--success-light);\n border-color: #41403e;\n border-color: var(--success);\n}\np-leaf .papier .alert-success .btn-close {\n color: #41403e;\n color: var(--success-text);\n}\np-leaf .papier .alert-success .btn-close:hover, p-leaf .papier .alert-success .btn-close:active, p-leaf .papier .alert-success .btn-close:focus {\n color: #41403e;\n color: var(--success-dark);\n}\np-leaf .papier .alert-warning {\n color: #41403e;\n color: var(--warning-text);\n background-color: #41403e;\n background-color: var(--warning-light);\n border-color: #41403e;\n border-color: var(--warning);\n}\np-leaf .papier .alert-warning .btn-close {\n color: #41403e;\n color: var(--warning-text);\n}\np-leaf .papier .alert-warning .btn-close:hover, p-leaf .papier .alert-warning .btn-close:active, p-leaf .papier .alert-warning .btn-close:focus {\n color: #41403e;\n color: var(--warning-dark);\n}\np-leaf .papier .alert-danger {\n color: #41403e;\n color: var(--danger-text);\n background-color: #41403e;\n background-color: var(--danger-light);\n border-color: #41403e;\n border-color: var(--danger);\n}\np-leaf .papier .alert-danger .btn-close {\n color: #41403e;\n color: var(--danger-text);\n}\np-leaf .papier .alert-danger .btn-close:hover, p-leaf .papier .alert-danger .btn-close:active, p-leaf .papier .alert-danger .btn-close:focus {\n color: #41403e;\n color: var(--danger-dark);\n}\np-leaf .papier .alert-muted {\n color: #41403e;\n color: var(--muted-text);\n background-color: #41403e;\n background-color: var(--muted-light);\n border-color: #41403e;\n border-color: var(--muted);\n}\np-leaf .papier .alert-muted .btn-close {\n color: #41403e;\n color: var(--muted-text);\n}\np-leaf .papier .alert-muted .btn-close:hover, p-leaf .papier .alert-muted .btn-close:active, p-leaf .papier .alert-muted .btn-close:focus {\n color: #41403e;\n color: var(--muted-dark);\n}\np-leaf .papier .alert-state {\n display: none;\n}\np-leaf .papier .alert-state:checked + .dismissible {\n border-width: 0;\n margin: 0;\n max-height: 0;\n opacity: 0;\n padding-bottom: 0;\n padding-top: 0;\n}\np-leaf .papier article .article-title {\n font-size: 3rem;\n}\np-leaf .papier article .article-meta {\n color: #41403e;\n color: var(--muted-text);\n font-size: 15px;\n}\np-leaf .papier article .article-meta a {\n color: #41403e;\n color: var(--muted-text);\n background-image: none;\n}\np-leaf .papier article .article-meta a:hover {\n color: #41403e;\n color: var(--light-dark);\n}\np-leaf .papier article .text-lead {\n font-size: 30px;\n line-height: 1.3;\n margin: 35px;\n}\np-leaf .papier article button:not(:first-of-type) {\n margin-left: 2rem;\n}\n@media only screen and (max-width: 480px) {\n p-leaf .papier article button:not(:first-of-type) {\n margin-left: 0;\n }\n}\np-leaf .papier article p {\n line-height: 1.6;\n}\np-leaf .papier .badge {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n color: #41403e;\n color: var(--white);\n background-color: #41403e;\n background-color: var(--muted);\n border-color: #41403e;\n border-color: var(--primary);\n border: 2px solid;\n border-color: transparent;\n display: inline-block;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n padding: 0.25em 0.4em;\n text-align: center;\n vertical-align: baseline;\n white-space: nowrap;\n}\np-leaf .papier .badge.primary {\n background-color: #41403e;\n background-color: var(--primary);\n}\np-leaf .papier .badge.secondary {\n background-color: #41403e;\n background-color: var(--secondary);\n}\np-leaf .papier .badge.success {\n background-color: #41403e;\n background-color: var(--success);\n}\np-leaf .papier .badge.warning {\n background-color: #41403e;\n background-color: var(--warning);\n}\np-leaf .papier .badge.danger {\n background-color: #41403e;\n background-color: var(--danger);\n}\np-leaf .papier .badge.muted {\n background-color: #41403e;\n background-color: var(--muted);\n}\np-leaf .papier ul.breadcrumb {\n list-style: none;\n padding: 10px 16px;\n}\np-leaf .papier ul.breadcrumb li {\n display: inline;\n font-size: 20px;\n}\np-leaf .papier ul.breadcrumb li::before {\n content: "";\n}\np-leaf .papier ul.breadcrumb li a {\n color: #41403e;\n color: var(--secondary);\n background-image: none;\n text-decoration: none;\n}\np-leaf .papier ul.breadcrumb li a:hover {\n text-decoration: underline;\n}\np-leaf .papier ul.breadcrumb li + li::before {\n content: "/ ";\n padding: 8px;\n}\np-leaf .papier button,\np-leaf .papier .paper-btn,\np-leaf .papier [type=button] {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n transition: all 235ms ease-in-out 0s;\n color: #41403e;\n color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n background-color: #41403e;\n background-color: var(--main-background);\n align-self: center;\n background-image: none;\n border-style: solid;\n border-width: 2px;\n cursor: pointer;\n display: inline-block;\n font-size: 1rem;\n outline: none;\n padding: 0.75rem;\n}\n@media only screen and (max-width: 520px) {\n p-leaf .papier button,\n p-leaf .papier .paper-btn,\n p-leaf .papier [type=button] {\n display: inline-block;\n margin: 0 auto;\n margin-bottom: 1rem;\n text-align: center;\n }\n}\np-leaf .papier button.btn-large,\np-leaf .papier .paper-btn.btn-large,\np-leaf .papier [type=button].btn-large {\n transition: all 235ms ease 0s;\n box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);\n font-size: 2rem;\n padding: 1rem;\n}\np-leaf .papier button.btn-small,\np-leaf .papier .paper-btn.btn-small,\np-leaf .papier [type=button].btn-small {\n transition: all 235ms ease 0s;\n box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2);\n font-size: 0.75rem;\n padding: 0.5rem;\n}\np-leaf .papier button.btn-block,\np-leaf .papier .paper-btn.btn-block,\np-leaf .papier [type=button].btn-block {\n display: block;\n width: 100%;\n}\np-leaf .papier button:hover,\np-leaf .papier .paper-btn:hover,\np-leaf .papier [type=button]:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\np-leaf .papier button:focus,\np-leaf .papier .paper-btn:focus,\np-leaf .papier [type=button]:focus {\n border-color: #41403e;\n border-color: var(--secondary);\n border-style: solid;\n border-width: 2px;\n box-shadow: 2px 8px 4px -6px rgba(0, 0, 0, 0.3);\n}\np-leaf .papier button:active,\np-leaf .papier .paper-btn:active,\np-leaf .papier [type=button]:active {\n border-color: rgba(0, 0, 0, 0.2);\n transition: none;\n}\np-leaf .papier button.disabled, p-leaf .papier button[disabled],\np-leaf .papier .paper-btn.disabled,\np-leaf .papier .paper-btn[disabled],\np-leaf .papier [type=button].disabled,\np-leaf .papier [type=button][disabled] {\n cursor: not-allowed;\n opacity: 0.5;\n}\np-leaf .papier a {\n color: #41403e;\n color: var(--secondary);\n 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%);\n background-position: 0 90%;\n background-repeat: repeat-x;\n background-size: 4px 3px;\n text-decoration: none;\n}\np-leaf .papier a:visited {\n color: #41403e;\n color: var(--primary);\n text-decoration: none;\n}\np-leaf .papier button.btn-primary,\np-leaf .papier .paper-btn.btn-primary,\np-leaf .papier [type=button].btn-primary {\n color: #41403e;\n color: var(--primary-text);\n background-color: #41403e;\n background-color: var(--primary-light);\n border-color: #41403e;\n border-color: var(--primary);\n}\np-leaf .papier button.btn-primary:hover:active,\np-leaf .papier .paper-btn.btn-primary:hover:active,\np-leaf .papier [type=button].btn-primary:hover:active {\n background-color: #b4b3b0;\n}\np-leaf .papier button.btn-secondary,\np-leaf .papier .paper-btn.btn-secondary,\np-leaf .papier [type=button].btn-secondary {\n color: #41403e;\n color: var(--secondary-text);\n background-color: #41403e;\n background-color: var(--secondary-light);\n border-color: #41403e;\n border-color: var(--secondary);\n}\np-leaf .papier button.btn-secondary:hover:active,\np-leaf .papier .paper-btn.btn-secondary:hover:active,\np-leaf .papier [type=button].btn-secondary:hover:active {\n background-color: #a7d3fa;\n}\np-leaf .papier button.btn-success,\np-leaf .papier .paper-btn.btn-success,\np-leaf .papier [type=button].btn-success {\n color: #41403e;\n color: var(--success-text);\n background-color: #41403e;\n background-color: var(--success-light);\n border-color: #41403e;\n border-color: var(--success);\n}\np-leaf .papier button.btn-success:hover:active,\np-leaf .papier .paper-btn.btn-success:hover:active,\np-leaf .papier [type=button].btn-success:hover:active {\n background-color: #bccca8;\n}\np-leaf .papier button.btn-warning,\np-leaf .papier .paper-btn.btn-warning,\np-leaf .papier [type=button].btn-warning {\n color: #41403e;\n color: var(--warning-text);\n background-color: #41403e;\n background-color: var(--warning-light);\n border-color: #41403e;\n border-color: var(--warning);\n}\np-leaf .papier button.btn-warning:hover:active,\np-leaf .papier .paper-btn.btn-warning:hover:active,\np-leaf .papier [type=button].btn-warning:hover:active {\n background-color: #ede49b;\n}\np-leaf .papier button.btn-danger,\np-leaf .papier .paper-btn.btn-danger,\np-leaf .papier [type=button].btn-danger {\n color: #41403e;\n color: var(--danger-text);\n background-color: #41403e;\n background-color: var(--danger-light);\n border-color: #41403e;\n border-color: var(--danger);\n}\np-leaf .papier button.btn-danger:hover:active,\np-leaf .papier .paper-btn.btn-danger:hover:active,\np-leaf .papier [type=button].btn-danger:hover:active {\n background-color: #e6a5a1;\n}\np-leaf .papier button.btn-muted,\np-leaf .papier .paper-btn.btn-muted,\np-leaf .papier [type=button].btn-muted {\n color: #41403e;\n color: var(--muted-text);\n background-color: #41403e;\n background-color: var(--muted-light);\n border-color: #41403e;\n border-color: var(--muted);\n}\np-leaf .papier button.btn-muted:hover:active,\np-leaf .papier .paper-btn.btn-muted:hover:active,\np-leaf .papier [type=button].btn-muted:hover:active {\n background-color: #caced1;\n}\np-leaf .papier button.btn-primary-outline,\np-leaf .papier .paper-btn.btn-primary-outline,\np-leaf .papier [type=button].btn-primary-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n}\np-leaf .papier button.btn-primary-outline:hover,\np-leaf .papier .paper-btn.btn-primary-outline:hover,\np-leaf .papier [type=button].btn-primary-outline:hover {\n background-color: #cdcccb;\n}\np-leaf .papier button.btn-primary-outline:hover:active,\np-leaf .papier .paper-btn.btn-primary-outline:hover:active,\np-leaf .papier [type=button].btn-primary-outline:hover:active {\n background-color: #b4b3b0;\n}\np-leaf .papier button.btn-secondary-outline,\np-leaf .papier .paper-btn.btn-secondary-outline,\np-leaf .papier [type=button].btn-secondary-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--secondary);\n border-color: #41403e;\n border-color: var(--secondary);\n}\np-leaf .papier button.btn-secondary-outline:hover,\np-leaf .papier .paper-btn.btn-secondary-outline:hover,\np-leaf .papier [type=button].btn-secondary-outline:hover {\n background-color: #d8ebfd;\n}\np-leaf .papier button.btn-secondary-outline:hover:active,\np-leaf .papier .paper-btn.btn-secondary-outline:hover:active,\np-leaf .papier [type=button].btn-secondary-outline:hover:active {\n background-color: #a7d3fa;\n}\np-leaf .papier button.btn-success-outline,\np-leaf .papier .paper-btn.btn-success-outline,\np-leaf .papier [type=button].btn-success-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--success);\n border-color: #41403e;\n border-color: var(--success);\n}\np-leaf .papier button.btn-success-outline:hover,\np-leaf .papier .paper-btn.btn-success-outline:hover,\np-leaf .papier [type=button].btn-success-outline:hover {\n background-color: #d5dfc8;\n}\np-leaf .papier button.btn-success-outline:hover:active,\np-leaf .papier .paper-btn.btn-success-outline:hover:active,\np-leaf .papier [type=button].btn-success-outline:hover:active {\n background-color: #bccca8;\n}\np-leaf .papier button.btn-warning-outline,\np-leaf .papier .paper-btn.btn-warning-outline,\np-leaf .papier [type=button].btn-warning-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--warning);\n border-color: #41403e;\n border-color: var(--warning);\n}\np-leaf .papier button.btn-warning-outline:hover,\np-leaf .papier .paper-btn.btn-warning-outline:hover,\np-leaf .papier [type=button].btn-warning-outline:hover {\n background-color: #f5f0c6;\n}\np-leaf .papier button.btn-warning-outline:hover:active,\np-leaf .papier .paper-btn.btn-warning-outline:hover:active,\np-leaf .papier [type=button].btn-warning-outline:hover:active {\n background-color: #ede49b;\n}\np-leaf .papier button.btn-danger-outline,\np-leaf .papier .paper-btn.btn-danger-outline,\np-leaf .papier [type=button].btn-danger-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--danger);\n border-color: #41403e;\n border-color: var(--danger);\n}\np-leaf .papier button.btn-danger-outline:hover,\np-leaf .papier .paper-btn.btn-danger-outline:hover,\np-leaf .papier [type=button].btn-danger-outline:hover {\n background-color: #f0cbc9;\n}\np-leaf .papier button.btn-danger-outline:hover:active,\np-leaf .papier .paper-btn.btn-danger-outline:hover:active,\np-leaf .papier [type=button].btn-danger-outline:hover:active {\n background-color: #e6a5a1;\n}\np-leaf .papier button.btn-muted-outline,\np-leaf .papier .paper-btn.btn-muted-outline,\np-leaf .papier [type=button].btn-muted-outline {\n background-color: #41403e;\n background-color: var(--main-background);\n color: #41403e;\n color: var(--muted);\n border-color: #41403e;\n border-color: var(--muted);\n}\np-leaf .papier button.btn-muted-outline:hover,\np-leaf .papier .paper-btn.btn-muted-outline:hover,\np-leaf .papier [type=button].btn-muted-outline:hover {\n background-color: #e6e7e9;\n}\np-leaf .papier button.btn-muted-outline:hover:active,\np-leaf .papier .paper-btn.btn-muted-outline:hover:active,\np-leaf .papier [type=button].btn-muted-outline:hover:active {\n background-color: #caced1;\n}\np-leaf .papier .card {\n transition: all 235ms ease 0s;\n box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);\n border-color: #41403e;\n border-color: var(--muted-light);\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border-style: solid;\n border-width: 2px;\n display: flex;\n flex-direction: column;\n position: relative;\n will-change: transform;\n word-wrap: break-word;\n}\np-leaf .papier .card:hover {\n transform: translate3d(0, 2px, 0);\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n}\np-leaf .papier .card .card-header,\np-leaf .papier .card .card-footer {\n background-color: #41403e;\n background-color: var(--white-dark);\n border-color: #41403e;\n border-color: var(--muted-light);\n padding: 0.75rem 1.25rem;\n}\np-leaf .papier .card .card-header {\n border-bottom-style: solid;\n border-bottom-width: 2px;\n}\np-leaf .papier .card .card-footer {\n border-top-style: solid;\n border-top-width: 2px;\n}\np-leaf .papier .card .card-body {\n flex: 1 1 auto;\n padding: 1.25rem;\n}\np-leaf .papier .card .card-body .card-title,\np-leaf .papier .card .card-body h4 {\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\np-leaf .papier .card .card-body .card-subtitle,\np-leaf .papier .card .card-body h5 {\n color: #0b74d5;\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\np-leaf .papier .card .card-body .card-text,\np-leaf .papier .card .card-body p {\n margin-bottom: 1rem;\n margin-top: 0;\n}\np-leaf .papier .card .card-body .card-link + .card-link,\np-leaf .papier .card .card-body a + a {\n margin-left: 1.25rem;\n}\np-leaf .papier .card .image-top,\np-leaf .papier .card .image-bottom,\np-leaf .papier .card img {\n border: 0;\n border-radius: 0;\n}\np-leaf .papier input,\np-leaf .papier select,\np-leaf .papier textarea {\n color: #41403e;\n color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n background: transparent;\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-style: solid;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-width: 2px;\n display: block;\n font-size: 1rem;\n outline: none;\n padding: 0.5rem;\n}\np-leaf .papier input:focus,\np-leaf .papier select:focus,\np-leaf .papier textarea:focus {\n border-color: #41403e;\n border-color: var(--secondary);\n border-style: solid;\n border-width: 2px;\n}\np-leaf .papier select {\n height: 2.35rem;\n}\np-leaf .papier .disabled, p-leaf .papier input.disabled, p-leaf .papier input[disabled],\np-leaf .papier select.disabled,\np-leaf .papier select[disabled],\np-leaf .papier textarea.disabled,\np-leaf .papier textarea[disabled] {\n cursor: not-allowed;\n opacity: 0.5;\n}\np-leaf .papier .form-group {\n margin-bottom: 1rem;\n}\np-leaf .papier .form-group > label,\np-leaf .papier .form-group legend {\n display: inline-block;\n margin-bottom: 0.5rem;\n}\np-leaf .papier .form-group .input-block {\n width: 100%;\n}\np-leaf .papier .form-group textarea {\n max-height: 90vh;\n max-width: 100%;\n}\np-leaf .papier .form-group textarea.no-resize {\n resize: none;\n}\np-leaf .papier .form-group .paper-radio,\np-leaf .papier .form-group .paper-check {\n cursor: pointer;\n display: block;\n margin-bottom: 0.5rem;\n /* the basic, unchecked style */\n}\np-leaf .papier .form-group .paper-radio input,\np-leaf .papier .form-group .paper-check input {\n border: 0;\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n /* radio styles */\n /* checkbox styles */\n}\np-leaf .papier .form-group .paper-radio input + span,\np-leaf .papier .form-group .paper-check input + span {\n display: block;\n}\np-leaf .papier .form-group .paper-radio input + span::before,\np-leaf .papier .form-group .paper-check input + span::before {\n border-color: #41403e;\n border-color: var(--primary);\n border-style: solid;\n border-width: 2px;\n content: "";\n display: inline-block;\n height: 1rem;\n margin-right: 0.75em;\n position: relative;\n vertical-align: -0.25em;\n width: 1rem;\n}\np-leaf .papier .form-group .paper-radio input[type=radio] + span::before,\np-leaf .papier .form-group .paper-check input[type=radio] + span::before {\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n}\np-leaf .papier .form-group .paper-radio input[type=radio]:checked + span::before,\np-leaf .papier .form-group .paper-check input[type=radio]:checked + span::before {\n 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;\n}\np-leaf .papier .form-group .paper-radio input[type=checkbox],\np-leaf .papier .form-group .paper-check input[type=checkbox] {\n /* checked */\n}\np-leaf .papier .form-group .paper-radio input[type=checkbox] + span::before,\np-leaf .papier .form-group .paper-check input[type=checkbox] + span::before {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n}\np-leaf .papier .form-group .paper-radio input[type=checkbox]:checked + span::before,\np-leaf .papier .form-group .paper-check input[type=checkbox]:checked + span::before {\n 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;\n}\np-leaf .papier .form-group .paper-switch-label,\np-leaf .papier .form-group .paper-switch-2-label {\n cursor: pointer;\n float: left;\n}\np-leaf .papier .form-group .paper-switch-label {\n margin: -6px 10px 0 0;\n}\np-leaf .papier .form-group .paper-switch-2-label {\n margin: 0 10px 0 0;\n}\np-leaf .papier .form-group .paper-switch,\np-leaf .papier .form-group .paper-switch-2 {\n display: block;\n float: left;\n margin: 0 10px 0 0;\n position: relative;\n}\np-leaf .papier .form-group .paper-switch input,\np-leaf .papier .form-group .paper-switch-2 input {\n height: 0;\n opacity: 0;\n width: 0;\n}\np-leaf .papier .form-group .paper-switch input:checked + .paper-switch-slider,\np-leaf .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider {\n background-color: #41403e;\n background-color: var(--success-light);\n}\np-leaf .papier .form-group .paper-switch input:checked + .paper-switch-slider::before,\np-leaf .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider::before {\n transform: translateX(26px);\n}\np-leaf .papier .form-group .paper-switch input:focus + .paper-switch-slider,\np-leaf .papier .form-group .paper-switch-2 input:focus + .paper-switch-slider {\n box-shadow: 0 0 3px #0b74d5;\n}\np-leaf .papier .form-group .paper-switch .paper-switch-slider,\np-leaf .papier .form-group .paper-switch-2 .paper-switch-slider {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-style: solid;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-width: 2px;\n bottom: 0;\n cursor: pointer;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n transition: 0.4s;\n}\np-leaf .papier .form-group .paper-switch .paper-switch-slider::before,\np-leaf .papier .form-group .paper-switch-2 .paper-switch-slider::before {\n background: #41403e;\n background: var(--secondary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n content: "";\n left: 4px;\n position: absolute;\n transition: 0.4s;\n}\np-leaf .papier .form-group .paper-switch .paper-switch-slider.round,\np-leaf .papier .form-group .paper-switch-2 .paper-switch-slider.round {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 2px;\n}\np-leaf .papier .form-group .paper-switch .paper-switch-slider.round::before,\np-leaf .papier .form-group .paper-switch-2 .paper-switch-slider.round::before {\n 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;\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n left: 4px;\n}\np-leaf .papier .form-group .paper-switch {\n height: 12px;\n width: 60px;\n}\np-leaf .papier .form-group .paper-switch .paper-switch-slider::before {\n bottom: -6px;\n height: 20px;\n width: 20px;\n}\np-leaf .papier .form-group .paper-switch .paper-switch-slider.round::before {\n bottom: -7px;\n height: 23px;\n width: 23px;\n}\np-leaf .papier .form-group .paper-switch-2 {\n height: 22px;\n width: 50px;\n}\np-leaf .papier .form-group .paper-switch-2 .paper-switch-slider::before {\n bottom: 2px;\n height: 14px;\n width: 14px;\n}\np-leaf .papier .form-group .paper-switch-2 .paper-switch-slider.round::before {\n bottom: 2px;\n height: 14px;\n width: 14px;\n}\np-leaf .papier .form-group .paper-switch-tile {\n cursor: pointer;\n display: block;\n float: left;\n height: 80px;\n margin: 40px 0 0 40px;\n perspective: 1000px;\n position: relative;\n transform: translate(-50%, -50%);\n transform-style: preserve-3d;\n width: 80px;\n}\np-leaf .papier .form-group .paper-switch-tile:hover .paper-switch-tile-card {\n box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2);\n transform: rotateX(30deg);\n}\np-leaf .papier .form-group .paper-switch-tile:hover:checked + .paper-switch-tile-card {\n background-color: transparent;\n box-shadow: 0 10px 15px -15px rgba(0, 0, 0, 0.9);\n transform: rotateX(150deg);\n}\np-leaf .papier .form-group .paper-switch-tile input {\n display: none;\n}\np-leaf .papier .form-group .paper-switch-tile input:checked + .paper-switch-tile-card {\n transform: rotateX(180deg);\n}\np-leaf .papier .form-group .paper-switch-tile-card {\n background-color: transparent;\n border-color: transparent;\n height: 100%;\n position: relative;\n transform-style: preserve-3d;\n transition: all 600ms;\n width: 100%;\n}\np-leaf .papier .form-group .paper-switch-tile-card div {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n height: 100%;\n line-height: 70px;\n position: absolute;\n text-align: center;\n width: 100%;\n}\np-leaf .papier .form-group .paper-switch-tile-card .paper-switch-tile-card-back {\n transform: rotateX(180deg);\n}\np-leaf .papier .form-group input[type=range] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-width: 0;\n padding: 0;\n /* For Chromium */\n /* For Mozilla Firefox */\n /* For IE */\n}\np-leaf .papier .form-group input[type=range]::-webkit-slider-runnable-track {\n background: #41403e;\n background: var(--secondary);\n border-color: #41403e;\n border-color: var(--primary);\n border-radius: 18px;\n border-style: solid;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 8px;\n margin: 10px 0;\n width: 100%;\n}\np-leaf .papier .form-group input[type=range]::-webkit-slider-thumb {\n background: #41403e;\n background: var(--white);\n border-color: #41403e;\n border-color: var(--primary);\n -webkit-appearance: none;\n appearance: none;\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 36px;\n margin-top: -14px;\n width: 16px;\n}\np-leaf .papier .form-group input[type=range]::-moz-range-track {\n background: #41403e;\n background: var(--secondary);\n border-color: #41403e;\n border-color: var(--primary);\n border-radius: 18px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 8px;\n width: 100%;\n}\np-leaf .papier .form-group input[type=range]::-moz-range-thumb {\n background: #41403e;\n background: var(--white);\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 36px;\n width: 16px;\n}\np-leaf .papier .form-group input[type=range]::-ms-track {\n background: transparent;\n border-color: transparent;\n border-width: 16px 0;\n color: transparent;\n cursor: pointer;\n height: 8px;\n width: 100%;\n}\np-leaf .papier .form-group input[type=range]::-ms-fill-lower, p-leaf .papier .form-group input[type=range]::-ms-fill-upper {\n background: #41403e;\n background: var(--secondary);\n border-color: #41403e;\n border-color: var(--primary);\n border-radius: 18px;\n border-style: solid;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n}\np-leaf .papier .form-group input[type=range]::-ms-thumb {\n background: #41403e;\n background: var(--white);\n border-color: #41403e;\n border-color: var(--primary);\n border: 1px solid #41403e;\n border-bottom-left-radius: 0.7rem 1rem;\n border-bottom-right-radius: 1rem 0.9rem;\n border-style: solid;\n border-top-left-radius: 1rem 1rem;\n border-top-right-radius: 1rem 0.6rem;\n border-width: 1px;\n box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;\n cursor: pointer;\n height: 36px;\n width: 16px;\n}\np-leaf .papier fieldset.form-group {\n border: 0;\n padding: 0;\n}\np-leaf .papier .modal {\n transition: opacity 235ms ease-in-out 0s;\n background: rgba(0, 0, 0, 0.6);\n bottom: 0;\n flex: 1 1 auto;\n left: 0;\n opacity: 0;\n position: fixed;\n right: 0;\n text-align: left;\n top: 0;\n visibility: hidden;\n word-wrap: break-word;\n z-index: 200;\n}\np-leaf .papier .modal-bg {\n bottom: 0;\n cursor: pointer;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\np-leaf .papier .modal .modal-body {\n color: #41403e;\n color: var(--primary);\n background: #41403e;\n background: var(--main-background);\n border-color: #41403e;\n border-color: var(--muted-light);\n transition: all 235ms ease-in-out 0s;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n border: 2px solid;\n left: 50%;\n padding: 1.25rem;\n position: absolute;\n top: 0;\n transform: translate(-50%, -50%);\n}\n@media only screen and (max-width: 768px) {\n p-leaf .papier .modal .modal-body {\n box-sizing: border-box;\n width: 90%;\n }\n}\np-leaf .papier .modal .btn-close {\n color: #41403e;\n color: var(--primary-light);\n transition: all 235ms ease-in-out 0s;\n cursor: pointer;\n font-size: 30px;\n height: 1.1rem;\n position: absolute;\n right: 1rem;\n text-decoration: none;\n top: 1rem;\n width: 1.1rem;\n}\np-leaf .papier .modal .btn-close:hover, p-leaf .papier .modal .btn-close:active, p-leaf .papier .modal .btn-close:focus {\n color: #41403e;\n color: var(--primary);\n}\np-leaf .papier .modal h4,\np-leaf .papier .modal .modal-title {\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\np-leaf .papier .modal h5,\np-leaf .papier .modal .modal-subtitle {\n color: #41403e;\n color: var(--secondary);\n margin-bottom: 0.5rem;\n margin-top: 0;\n}\np-leaf .papier .modal p,\np-leaf .papier .modal .modal-text {\n margin-bottom: 1rem;\n margin-top: 0;\n}\np-leaf .papier .modal .modal-link + .modal-link,\np-leaf .papier .modal a + a {\n margin-left: 1.25rem;\n}\np-leaf .papier .modal .paper-btn {\n background: #41403e;\n background: var(--main-background);\n display: inline-block;\n text-decoration: none;\n}\np-leaf .papier .modal .modal-link,\np-leaf .papier .modal a {\n 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%);\n background-position: 0 90%;\n background-repeat: repeat-x;\n background-size: 4px 3px;\n cursor: pointer;\n text-decoration: none;\n}\np-leaf .papier .modal .modal-link:hover, p-leaf .papier .modal .modal-link:focus, p-leaf .papier .modal .modal-link:visited,\np-leaf .papier .modal a:hover,\np-leaf .papier .modal a:focus,\np-leaf .papier .modal a:visited {\n color: #41403e;\n color: var(--primary);\n text-decoration: none;\n}\np-leaf .papier .modal-state {\n display: none;\n}\np-leaf .papier .modal-state:checked + .modal {\n opacity: 1;\n visibility: visible;\n}\np-leaf .papier .modal-state:checked + .modal .modal-body {\n top: 50%;\n}\np-leaf .papier [popover-top],\np-leaf .papier [popover-right],\np-leaf .papier [popover-bottom],\np-leaf .papier [popover-left] {\n margin: 24px;\n position: relative;\n}\np-leaf .papier [popover-top]:hover::after,\np-leaf .papier [popover-right]:hover::after,\np-leaf .papier [popover-bottom]:hover::after,\np-leaf .papier [popover-left]:hover::after {\n opacity: 1;\n transition: opacity 235ms ease-in-out, visibility 0s linear;\n visibility: visible;\n}\np-leaf .papier [popover-top]::after,\np-leaf .papier [popover-right]::after,\np-leaf .papier [popover-bottom]::after,\np-leaf .papier [popover-left]::after {\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n background-color: #41403e;\n background-color: var(--light-dark);\n border-color: #41403e;\n border-color: var(--light-dark);\n color: #41403e;\n color: var(--primary-inverse);\n border-style: solid;\n border-width: 2px;\n font-size: 0.7em;\n left: 50%;\n min-width: 80px;\n opacity: 0;\n padding: 4px 2px;\n position: absolute;\n text-align: center;\n top: -6px;\n transform: translateX(-50%) translateY(-100%);\n transition: opacity 235ms ease-in-out, visibility 0s linear 235ms;\n visibility: hidden;\n}\np-leaf .papier [popover-left]::before {\n left: 0;\n margin-left: -12px;\n top: 50%;\n transform: translateY(-50%) rotate(-90deg);\n}\np-leaf .papier [popover-left]::after {\n content: attr(popover-left);\n left: 0;\n margin-left: -8px;\n top: 50%;\n transform: translateX(-100%) translateY(-50%);\n}\np-leaf .papier [popover-right]::before {\n left: 100%;\n margin-left: 1px;\n top: 50%;\n transform: translatey(-50%) rotate(90deg);\n}\np-leaf .papier [popover-right]::after {\n content: attr(popover-right);\n left: 100%;\n margin-left: 8px;\n top: 50%;\n transform: translateX(0%) translateY(-50%);\n}\np-leaf .papier [popover-top]::before {\n left: 50%;\n}\np-leaf .papier [popover-top]::after {\n content: attr(popover-top);\n left: 50%;\n}\np-leaf .papier [popover-bottom]::before {\n margin-top: 8px;\n top: 100%;\n transform: translateX(-50%) translatey(-100%) rotate(-180deg);\n}\np-leaf .papier [popover-bottom]::after {\n content: attr(popover-bottom);\n margin-top: 8px;\n top: 100%;\n transform: translateX(-50%) translateY(0%);\n}\np-leaf .papier .progress {\n border-bottom-left-radius: 20px 115px;\n border-bottom-right-radius: 15px 105px;\n border-top-left-radius: 250px 15px;\n border-top-right-radius: 25px 80px;\n border-color: #41403e;\n border-color: var(--primary);\n border: 2px solid;\n box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);\n height: 1.2rem;\n overflow: hidden;\n width: 100%;\n}\np-leaf .papier .progress .bar {\n border-bottom-left-radius: 20px 115px;\n border-bottom-right-radius: 15px 105px;\n border-top-left-radius: 250px 15px;\n border-top-right-radius: 25px 80px;\n transition: all 235ms ease-in-out 0s;\n background-color: #41403e;\n background-color: var(--primary-light);\n border-color: #41403e;\n border-color: var(--primary);\n border-right: 2px solid;\n display: flex;\n flex-direction: column;\n font-size: 0.6rem;\n height: 100%;\n justify-content: center;\n text-align: center;\n width: 0%;\n}\np-leaf .papier .progress .bar.striped {\n background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem);\n}\np-leaf .papier .progress .bar.primary {\n background-color: #41403e;\n background-color: var(--primary-light);\n}\np-leaf .papier .progress .bar.primary.striped {\n background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem);\n}\np-leaf .papier .progress .bar.secondary {\n background-color: #41403e;\n background-color: var(--secondary-light);\n}\np-leaf .papier .progress .bar.secondary.striped {\n background: repeating-linear-gradient(45deg, #d8ebfd, #d8ebfd 0.25rem, #a7d3fa 0.25rem, #a7d3fa 0.5rem);\n}\np-leaf .papier .progress .bar.success {\n background-color: #41403e;\n background-color: var(--success-light);\n}\np-leaf .papier .progress .bar.success.striped {\n background: repeating-linear-gradient(45deg, #d5dfc8, #d5dfc8 0.25rem, #bccca8 0.25rem, #bccca8 0.5rem);\n}\np-leaf .papier .progress .bar.warning {\n background-color: #41403e;\n background-color: var(--warning-light);\n}\np-leaf .papier .progress .bar.warning.striped {\n background: repeating-linear-gradient(45deg, #f5f0c6, #f5f0c6 0.25rem, #ede49b 0.25rem, #ede49b 0.5rem);\n}\np-leaf .papier .progress .bar.danger {\n background-color: #41403e;\n background-color: var(--danger-light);\n}\np-leaf .papier .progress .bar.danger.striped {\n background: repeating-linear-gradient(45deg, #f0cbc9, #f0cbc9 0.25rem, #e6a5a1 0.25rem, #e6a5a1 0.5rem);\n}\np-leaf .papier .progress .bar.muted {\n background-color: #41403e;\n background-color: var(--muted-light);\n}\np-leaf .papier .progress .bar.muted.striped {\n background: repeating-linear-gradient(45deg, #e6e7e9, #e6e7e9 0.25rem, #caced1 0.25rem, #caced1 0.5rem);\n}\np-leaf .papier .progress .bar.w-0 {\n width: 0%;\n}\np-leaf .papier .progress .bar.w-1 {\n width: 1%;\n}\np-leaf .papier .progress .bar.w-2 {\n width: 2%;\n}\np-leaf .papier .progress .bar.w-3 {\n width: 3%;\n}\np-leaf .papier .progress .bar.w-4 {\n width: 4%;\n}\np-leaf .papier .progress .bar.w-5 {\n width: 5%;\n}\np-leaf .papier .progress .bar.w-6 {\n width: 6%;\n}\np-leaf .papier .progress .bar.w-7 {\n width: 7%;\n}\np-leaf .papier .progress .bar.w-8 {\n width: 8%;\n}\np-leaf .papier .progress .bar.w-9 {\n width: 9%;\n}\np-leaf .papier .progress .bar.w-10 {\n width: 10%;\n}\np-leaf .papier .progress .bar.w-11 {\n width: 11%;\n}\np-leaf .papier .progress .bar.w-12 {\n width: 12%;\n}\np-leaf .papier .progress .bar.w-13 {\n width: 13%;\n}\np-leaf .papier .progress .bar.w-14 {\n width: 14%;\n}\np-leaf .papier .progress .bar.w-15 {\n width: 15%;\n}\np-leaf .papier .progress .bar.w-16 {\n width: 16%;\n}\np-leaf .papier .progress .bar.w-17 {\n width: 17%;\n}\np-leaf .papier .progress .bar.w-18 {\n width: 18%;\n}\np-leaf .papier .progress .bar.w-19 {\n width: 19%;\n}\np-leaf .papier .progress .bar.w-20 {\n width: 20%;\n}\np-leaf .papier .progress .bar.w-21 {\n width: 21%;\n}\np-leaf .papier .progress .bar.w-22 {\n width: 22%;\n}\np-leaf .papier .progress .bar.w-23 {\n width: 23%;\n}\np-leaf .papier .progress .bar.w-24 {\n width: 24%;\n}\np-leaf .papier .progress .bar.w-25 {\n width: 25%;\n}\np-leaf .papier .progress .bar.w-26 {\n width: 26%;\n}\np-leaf .papier .progress .bar.w-27 {\n width: 27%;\n}\np-leaf .papier .progress .bar.w-28 {\n width: 28%;\n}\np-leaf .papier .progress .bar.w-29 {\n width: 29%;\n}\np-leaf .papier .progress .bar.w-30 {\n width: 30%;\n}\np-leaf .papier .progress .bar.w-31 {\n width: 31%;\n}\np-leaf .papier .progress .bar.w-32 {\n width: 32%;\n}\np-leaf .papier .progress .bar.w-33 {\n width: 33%;\n}\np-leaf .papier .progress .bar.w-34 {\n width: 34%;\n}\np-leaf .papier .progress .bar.w-35 {\n width: 35%;\n}\np-leaf .papier .progress .bar.w-36 {\n width: 36%;\n}\np-leaf .papier .progress .bar.w-37 {\n width: 37%;\n}\np-leaf .papier .progress .bar.w-38 {\n width: 38%;\n}\np-leaf .papier .progress .bar.w-39 {\n width: 39%;\n}\np-leaf .papier .progress .bar.w-40 {\n width: 40%;\n}\np-leaf .papier .progress .bar.w-41 {\n width: 41%;\n}\np-leaf .papier .progress .bar.w-42 {\n width: 42%;\n}\np-leaf .papier .progress .bar.w-43 {\n width: 43%;\n}\np-leaf .papier .progress .bar.w-44 {\n width: 44%;\n}\np-leaf .papier .progress .bar.w-45 {\n width: 45%;\n}\np-leaf .papier .progress .bar.w-46 {\n width: 46%;\n}\np-leaf .papier .progress .bar.w-47 {\n width: 47%;\n}\np-leaf .papier .progress .bar.w-48 {\n width: 48%;\n}\np-leaf .papier .progress .bar.w-49 {\n width: 49%;\n}\np-leaf .papier .progress .bar.w-50 {\n width: 50%;\n}\np-leaf .papier .progress .bar.w-51 {\n width: 51%;\n}\np-leaf .papier .progress .bar.w-52 {\n width: 52%;\n}\np-leaf .papier .progress .bar.w-53 {\n width: 53%;\n}\np-leaf .papier .progress .bar.w-54 {\n width: 54%;\n}\np-leaf .papier .progress .bar.w-55 {\n width: 55%;\n}\np-leaf .papier .progress .bar.w-56 {\n width: 56%;\n}\np-leaf .papier .progress .bar.w-57 {\n width: 57%;\n}\np-leaf .papier .progress .bar.w-58 {\n width: 58%;\n}\np-leaf .papier .progress .bar.w-59 {\n width: 59%;\n}\np-leaf .papier .progress .bar.w-60 {\n width: 60%;\n}\np-leaf .papier .progress .bar.w-61 {\n width: 61%;\n}\np-leaf .papier .progress .bar.w-62 {\n width: 62%;\n}\np-leaf .papier .progress .bar.w-63 {\n width: 63%;\n}\np-leaf .papier .progress .bar.w-64 {\n width: 64%;\n}\np-leaf .papier .progress .bar.w-65 {\n width: 65%;\n}\np-leaf .papier .progress .bar.w-66 {\n width: 66%;\n}\np-leaf .papier .progress .bar.w-67 {\n width: 67%;\n}\np-leaf .papier .progress .bar.w-68 {\n width: 68%;\n}\np-leaf .papier .progress .bar.w-69 {\n width: 69%;\n}\np-leaf .papier .progress .bar.w-70 {\n width: 70%;\n}\np-leaf .papier .progress .bar.w-71 {\n width: 71%;\n}\np-leaf .papier .progress .bar.w-72 {\n width: 72%;\n}\np-leaf .papier .progress .bar.w-73 {\n width: 73%;\n}\np-leaf .papier .progress .bar.w-74 {\n width: 74%;\n}\np-leaf .papier .progress .bar.w-75 {\n width: 75%;\n}\np-leaf .papier .progress .bar.w-76 {\n width: 76%;\n}\np-leaf .papier .progress .bar.w-77 {\n width: 77%;\n}\np-leaf .papier .progress .bar.w-78 {\n width: 78%;\n}\np-leaf .papier .progress .bar.w-79 {\n width: 79%;\n}\np-leaf .papier .progress .bar.w-80 {\n width: 80%;\n}\np-leaf .papier .progress .bar.w-81 {\n width: 81%;\n}\np-leaf .papier .progress .bar.w-82 {\n width: 82%;\n}\np-leaf .papier .progress .bar.w-83 {\n width: 83%;\n}\np-leaf .papier .progress .bar.w-84 {\n width: 84%;\n}\np-leaf .papier .progress .bar.w-85 {\n width: 85%;\n}\np-leaf .papier .progress .bar.w-86 {\n width: 86%;\n}\np-leaf .papier .progress .bar.w-87 {\n width: 87%;\n}\np-leaf .papier .progress .bar.w-88 {\n width: 88%;\n}\np-leaf .papier .progress .bar.w-89 {\n width: 89%;\n}\np-leaf .papier .progress .bar.w-90 {\n width: 90%;\n}\np-leaf .papier .progress .bar.w-91 {\n width: 91%;\n}\np-leaf .papier .progress .bar.w-92 {\n width: 92%;\n}\np-leaf .papier .progress .bar.w-93 {\n width: 93%;\n}\np-leaf .papier .progress .bar.w-94 {\n width: 94%;\n}\np-leaf .papier .progress .bar.w-95 {\n width: 95%;\n}\np-leaf .papier .progress .bar.w-96 {\n width: 96%;\n}\np-leaf .papier .progress .bar.w-97 {\n width: 97%;\n}\np-leaf .papier .progress .bar.w-98 {\n width: 98%;\n}\np-leaf .papier .progress .bar.w-99 {\n width: 99%;\n}\np-leaf .papier .progress .bar.w-100 {\n width: 100%;\n}\np-leaf .papier .progress .bar.w-0, p-leaf .papier .progress .bar.w-100 {\n border-right: 0;\n}\np-leaf .papier .tabs .content {\n display: none;\n flex-basis: 100%;\n padding: 0.75rem 0 0;\n}\np-leaf .papier .tabs input {\n display: none;\n}\np-leaf .papier .tabs input:checked + label {\n color: #41403e;\n color: var(--primary);\n border-bottom-color: #41403e;\n border-bottom-color: var(--secondary);\n border-bottom-style: solid;\n border-bottom-width: 3px;\n}\np-leaf .papier .tabs input[id$=tab1]:checked ~ div[id$=content1] {\n display: block;\n}\np-leaf .papier .tabs input[id$=tab2]:checked ~ div[id$=content2] {\n display: block;\n}\np-leaf .papier .tabs input[id$=tab3]:checked ~ div[id$=content3] {\n display: block;\n}\np-leaf .papier .tabs input[id$=tab4]:checked ~ div[id$=content4] {\n display: block;\n}\np-leaf .papier .tabs input[id$=tab5]:checked ~ div[id$=content5] {\n display: block;\n}\np-leaf .papier .tabs label {\n color: #41403e;\n color: var(--primary-light);\n display: inline-block;\n font-weight: 600;\n margin: 0 0 -1px;\n padding: 0.75rem;\n text-align: center;\n}\np-leaf .papier .tabs label:hover {\n color: #41403e;\n color: var(--muted);\n cursor: pointer;\n}\np-leaf .papier .margin {\n margin: 1rem;\n}\np-leaf .papier .margin-top {\n margin-top: 1rem;\n}\np-leaf .papier .margin-top-large {\n margin-top: 2rem;\n}\np-leaf .papier .margin-top-small {\n margin-top: 0.5rem;\n}\np-leaf .papier .margin-top-none {\n margin-top: 0;\n}\np-leaf .papier .margin-right {\n margin-right: 1rem;\n}\np-leaf .papier .margin-right-large {\n margin-right: 2rem;\n}\np-leaf .papier .margin-right-small {\n margin-right: 0.5rem;\n}\np-leaf .papier .margin-right-none {\n margin-right: 0;\n}\np-leaf .papier .margin-bottom {\n margin-bottom: 1rem;\n}\np-leaf .papier .margin-bottom-large {\n margin-bottom: 2rem;\n}\np-leaf .papier .margin-bottom-small {\n margin-bottom: 0.5rem;\n}\np-leaf .papier .margin-bottom-none {\n margin-bottom: 0;\n}\np-leaf .papier .margin-left {\n margin-left: 1rem;\n}\np-leaf .papier .margin-left-large {\n margin-left: 2rem;\n}\np-leaf .papier .margin-left-small {\n margin-left: 0.5rem;\n}\np-leaf .papier .margin-left-none {\n margin-left: 0;\n}\np-leaf .papier .margin-large {\n margin: 2rem;\n}\np-leaf .papier .margin-small {\n margin: 0.5rem;\n}\np-leaf .papier .margin-none {\n margin: 0;\n}\np-leaf .papier .padding {\n padding: 1rem;\n}\np-leaf .papier .padding-top {\n padding-top: 1rem;\n}\np-leaf .papier .padding-top-large {\n padding-top: 2rem;\n}\np-leaf .papier .padding-top-small {\n padding-top: 0.5rem;\n}\np-leaf .papier .padding-top-none {\n padding-top: 0;\n}\np-leaf .papier .padding-right {\n padding-right: 1rem;\n}\np-leaf .papier .padding-right-large {\n padding-right: 2rem;\n}\np-leaf .papier .padding-right-small {\n padding-right: 0.5rem;\n}\np-leaf .papier .padding-right-none {\n padding-right: 0;\n}\np-leaf .papier .padding-bottom {\n padding-bottom: 1rem;\n}\np-leaf .papier .padding-bottom-large {\n padding-bottom: 2rem;\n}\np-leaf .papier .padding-bottom-small {\n padding-bottom: 0.5rem;\n}\np-leaf .papier .padding-bottom-none {\n padding-bottom: 0;\n}\np-leaf .papier .padding-left {\n padding-left: 1rem;\n}\np-leaf .papier .padding-left-large {\n padding-left: 2rem;\n}\np-leaf .papier .padding-left-small {\n padding-left: 0.5rem;\n}\np-leaf .papier .padding-left-none {\n padding-left: 0;\n}\np-leaf .papier .padding-large {\n padding: 2rem;\n}\np-leaf .papier .padding-small {\n padding: 0.5rem;\n}\np-leaf .papier .padding-none {\n padding: 0;\n}\np-leaf .papier nav {\n background-color: #41403e;\n background-color: var(--main-background);\n display: flex;\n padding: 0.3rem;\n position: relative;\n width: 100%;\n z-index: 100;\n}\n@media only screen and (max-width: 768px) {\n p-leaf .papier nav {\n display: block;\n }\n}\np-leaf .papier nav .bar1,\np-leaf .papier nav .bar2,\np-leaf .papier nav .bar3 {\n background-color: #41403e;\n background-color: var(--primary);\n border-color: #41403e;\n border-color: var(--primary);\n color: #41403e;\n color: var(--primary);\n border-bottom-left-radius: 15px 5px;\n border-bottom-right-radius: 15px 3px;\n border-bottom-style: solid;\n border-bottom-width: 5px;\n margin: 6px 0;\n transition: 0.4s;\n width: 2rem;\n}\np-leaf .papier nav .collapsible input[id^=collapsible]:checked + button .bar1,\np-leaf .papier nav .collapsible input[id^=collapsible]:checked + label .bar1 {\n transform: rotate(-45deg) translate(-9px, 7px);\n}\np-leaf .papier nav .collapsible input[id^=collapsible]:checked + button .bar2,\np-leaf .papier nav .collapsible input[id^=collapsible]:checked + label .bar2 {\n opacity: 0;\n}\np-leaf .papier nav .collapsible input[id^=collapsible]:checked + button .bar3,\np-leaf .papier nav .collapsible input[id^=collapsible]:checked + label .bar3 {\n transform: rotate(45deg) translate(-8px, -9px);\n}\np-leaf .papier nav.split-nav {\n justify-content: space-between;\n}\np-leaf .papier nav.fixed {\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\np-leaf .papier nav div {\n margin: 0 1rem;\n}\np-leaf .papier nav ul.inline {\n margin-bottom: 0;\n margin-top: 10px;\n padding: 0;\n}\np-leaf .papier nav ul.inline li {\n display: inline-block;\n margin: 0 0.5rem;\n}\n@media only screen and (max-width: 768px) {\n p-leaf .papier nav ul.inline li {\n display: block;\n margin: 1rem 0;\n }\n}\np-leaf .papier nav a {\n color: #41403e;\n color: var(--primary);\n border-bottom-color: #41403e;\n border-bottom-color: var(--primary);\n background-image: none;\n border-bottom-left-radius: 15px 3px;\n border-bottom-right-radius: 15px 5px;\n border-bottom-style: solid;\n border-bottom-width: 5px;\n padding-bottom: 0.1rem;\n}\np-leaf .papier nav a:hover {\n border-color: #41403e;\n border-color: var(--primary-light);\n border-bottom-style: solid;\n border-bottom-width: 5px;\n}\np-leaf .papier nav ul.inline li a {\n font-size: 1.3rem;\n}\np-leaf .papier nav ul.inline li::before {\n content: "";\n}\n@media only screen and (max-width: 992px) {\n p-leaf .papier nav ul {\n text-align: center;\n }\n}\np-leaf .papier nav .nav-brand h1,\np-leaf .papier nav .nav-brand h2,\np-leaf .papier nav .nav-brand h3,\np-leaf .papier nav .nav-brand h4,\np-leaf .papier nav .nav-brand h5,\np-leaf .papier nav .nav-brand h6 {\n margin: 0;\n margin-bottom: 0.2rem;\n}\n@media only screen and (max-width: 768px) {\n p-leaf .papier nav .collapsible {\n width: 100%;\n }\n}\np-leaf .papier nav .collapsible input[id^=collapsible]:checked ~ div.collapsible-body {\n margin: 0;\n max-height: 960px;\n opacity: 1;\n padding: 0;\n}\np-leaf .papier nav .collapsible:nth-of-type(1),\np-leaf .papier nav .collapsible .collapsible-body {\n border: 0;\n}\n@media only screen and (min-width: 769px) {\n p-leaf .papier nav .collapsible:nth-of-type(1),\n p-leaf .papier nav .collapsible .collapsible-body {\n display: contents;\n }\n}\np-leaf .papier nav div.collapsible-body {\n padding: none;\n}\np-leaf .papier nav .collapsible label {\n border-color: #41403e;\n border-color: var(--primary);\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-style: solid;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n border-width: 2px;\n}\np-leaf .papier nav .collapsible > button {\n border: 0;\n}\np-leaf .papier nav .collapsible > button,\np-leaf .papier nav .collapsible > label {\n background-color: #41403e;\n background-color: var(--main-background);\n display: none;\n font-size: 0.5rem;\n margin-right: 1rem;\n padding: 0.25rem;\n position: absolute;\n right: 0;\n top: 0.2rem;\n}\n@media only screen and (max-width: 768px) {\n p-leaf .papier nav .collapsible > button,\n p-leaf .papier nav .collapsible > label {\n display: block;\n }\n}\n\np-leaf:not([dark]) {\n --primary: #41403e;\n --secondary: #0b74d5;\n --success: #86a361;\n --warning: #ddcd45;\n --danger: #a7342d;\n --muted: #868e96;\n --primary-light: #cdcccb;\n --secondary-light: #d8ebfd;\n --success-light: #d5dfc8;\n --warning-light: #f5f0c6;\n --danger-light: #f0cbc9;\n --muted-light: #e6e7e9;\n --primary-dark: black;\n --secondary-dark: black;\n --success-dark: #374427;\n --warning-dark: #746a15;\n --danger-dark: black;\n --muted-dark: #313538;\n --primary-light-10: #5b5a57;\n --secondary-light-10: #208ef3;\n --success-light-10: #9fb681;\n --warning-light-10: #e5d970;\n --danger-light-10: #cb453c;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #272625;\n --secondary-dark-10: #085aa5;\n --success-dark-10: #4a5a35;\n --warning-dark-10: #746a15;\n --danger-dark-10: #7f2722;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #c1c0bd;\n --primary-shaded-70: #f2f2f2;\n --white-dark: rgba(0, 0, 0, 0.03);\n --white-dark-light-80: rgba(204, 204, 204, 0.03);\n --light-dark: rgba(0, 0, 0, 0.7);\n --white: white;\n --main-background: white;\n --main-background-light: white;\n --black: black;\n --primary-text: #272625;\n --secondary-text: #085aa5;\n --success-text: #4a5a35;\n --warning-text: #746a15;\n --danger-text: #7f2722;\n --muted-text: #6c757d;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #fff;\n}\n\np-leaf[dark] {\n --primary: #fff;\n --secondary: #5595ce;\n --success: #70c272;\n --warning: #d4c252;\n --danger: #df4c57;\n --muted: #868e96;\n --primary-light: white;\n --secondary-light: #69a1d4;\n --success-light: #82ca84;\n --warning-light: #d9c966;\n --danger-light: #e3626b;\n --muted-light: #949ba2;\n --primary-dark: gray;\n --secondary-dark: #1f476b;\n --success-dark: #265927;\n --warning-dark: #71651c;\n --danger-dark: #7c161e;\n --muted-dark: #313538;\n --primary-light-10: white;\n --secondary-light-10: #7daed9;\n --success-light-10: #94d195;\n --warning-light-10: #ded07b;\n --danger-light-10: #e77780;\n --muted-light-10: #a1a8ae;\n --primary-dark-10: #e6e6e6;\n --secondary-dark-10: #367cba;\n --success-dark-10: #4cb34f;\n --warning-dark-10: #c3ae30;\n --danger-dark-10: #d22633;\n --muted-dark-10: #6c757d;\n --primary-shaded-50: #343332;\n --primary-shaded-70: #2f2e2d;\n --white-dark: rgba(255, 255, 255, 0.03);\n --white-dark-light-80: rgba(255, 255, 255, 0.03);\n --light-dark: rgba(255, 255, 255, 0.7);\n --white: white;\n --main-background: #41403e;\n --main-background-light: #c1c0bd;\n --black: black;\n --primary-text: #41403e;\n --secondary-text: #1f476b;\n --success-text: #265927;\n --warning-text: #71651c;\n --danger-text: #7c161e;\n --muted-text: #949ba2;\n --shadow-color-regular: rgba(0, 0, 0, 0.2);\n --shadow-color-hover: rgba(0, 0, 0, 0.3);\n --primary-inverse: #41403e;\n}';const a=r;const p=class{constructor(e){n(this,e);this.dark=false}getParentClass(){return this.dark?"papier is--dark":"papier"}render(){return e("div",{key:"66db297c7001332299efe606f93df86b467bb264",class:this.getParentClass()},e("slot",{key:"53f4b99d317914c984309c4ed0d1760ee72b8189"}))}};p.style=a;export{p as p_leaf};
2
+ //# sourceMappingURL=p-b1a06c34.entry.js.map
package/dist/papierjs/p-b1a06c34.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["leafCss","PLeafStyle0","Alert","constructor","hostRef","this","dark","getParentClass","render","h","key","class"],"sources":["src/components/leaf/leaf.scss?tag=p-leaf","src/components/leaf/leaf.tsx"],"sourcesContent":["@import '../mixins.scss';\n\np-leaf {\n display: inline-block;;\n\n .papier {\n @import \"papercss/dist/paper\";\n \n font-family: \"Neucha\", sans-serif;\n font-size: 20px;\n }\n}\n\np-leaf:not([dark]) {\n @include lightVariables();\n}\n\np-leaf[dark] {\n @include darkVariables();\n}","import { Component, Prop, h } from '@stencil/core'\n\n@Component({\n tag: 'p-leaf',\n styleUrl: 'leaf.scss',\n})\nexport class Alert {\n @Prop()\n dark?: boolean = false\n\n public getParentClass() {\n return this.dark ? 'papier is--dark' : 'papier'\n }\n\n render() {\n return (\n <div class={this.getParentClass()}>\n <slot />\n </div>\n )\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAU,8yrFAChB,MAAAC,EAAeD,E,MCKFE,EAAK,MAJlB,WAAAC,CAAAC,G,UAMIC,KAAAC,KAAiB,K,CAEV,cAAAC,GACH,OAAOF,KAAKC,KAAO,kBAAoB,Q,CAG3C,MAAAE,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAON,KAAKE,kBACbE,EAAA,QAAAC,IAAA,6C","ignoreList":[]}
package/dist/papierjs/papierjs.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,b as r}from"./p-45914d24.js";export{s as setNonce}from"./p-45914d24.js";import{g as a}from"./p-e1255160.js";var p=()=>{const r=import.meta.url;const a={};if(r!==""){a.resourcesUrl=new URL(".",r).href}return e(a)};p().then((async e=>{await a();return r([["p-ce66a0db",[[1,"p-alert",{type:[1],closable:[4],dark:[4]}]]],["p-99159731",[[1,"p-button",{type:[1],outline:[4],large:[4],small:[4],block:[4],disabled:[4],dark:[4]}]]],["p-6e9110f7",[[1,"p-dropdown",{dark:[4],placeholder:[1],open:[32],selectedValue:[32]},[[8,"click","detectOutsideClick"]]]]],["p-8e9a6ac4",[[1,"p-dropdown-item",{value:[1],selected:[4],dark:[4]}]]],["p-de62cf76",[[1,"p-input-text",{placeholder:[1],value:[1],required:[4],dark:[4],label:[1],disabled:[4],block:[4],hasError:[4,"has-error"]}]]],["p-c3243b73",[[1,"p-progress-bar",{type:[1],value:[2],striped:[4],dark:[4]}]]]],e)}));
1
+ import{p as e,b as a}from"./p-3c1781d8.js";export{s as setNonce}from"./p-3c1781d8.js";import{g as r}from"./p-e1255160.js";var p=()=>{const a=import.meta.url;const r={};if(a!==""){r.resourcesUrl=new URL(".",a).href}return e(r)};p().then((async e=>{await r();return a([["p-17353c7b",[[1,"p-alert",{type:[1],closable:[4],dark:[4]}]]],["p-370e3431",[[1,"p-badge",{type:[1],dark:[4]}]]],["p-4199034f",[[1,"p-button",{type:[1],outline:[4],large:[4],small:[4],block:[4],disabled:[4],dark:[4]}]]],["p-9cbdff58",[[1,"p-dropdown",{dark:[4],placeholder:[1],open:[32],selectedValue:[32]},[[8,"click","detectOutsideClick"]]]]],["p-524777fc",[[1,"p-dropdown-item",{value:[1],selected:[4],dark:[4]}]]],["p-aa9cca5f",[[1,"p-input-text",{placeholder:[1],value:[1],required:[4],dark:[4],label:[1],disabled:[4],block:[4],hasError:[4,"has-error"]}]]],["p-b1a06c34",[[4,"p-leaf",{dark:[4]}]]],["p-0feb5c6d",[[1,"p-progress-bar",{type:[1],value:[2],striped:[4],dark:[4]}]]]],e)}));
2
2
  //# sourceMappingURL=papierjs.esm.js.map
package/dist/papierjs/papierjs.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","type","closable","dark","outline","large","small","block","disabled","placeholder","open","selectedValue","value","selected","required","label","hasError","striped"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,6BAA4B,CAAEC,KAAO,CAAC,GAACC,SAAA,IAAAC,KAAA,sCAAAF,KAAA,IAAAG,QAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,SAAA,IAAAL,KAAA,wCAAAA,KAAA,IAAAM,YAAA,IAAAC,KAAA,KAAAC,cAAA,iFAAAC,MAAA,IAAAC,SAAA,IAAAV,KAAA,0CAAAM,YAAA,IAAAG,MAAA,IAAAE,SAAA,IAAAX,KAAA,IAAAY,MAAA,IAAAP,SAAA,IAAAD,MAAA,IAAAS,SAAA,wDAAAf,KAAA,IAAAW,MAAA,IAAAK,QAAA,IAAAd,KAAA,SAAAL,EAAA","ignoreList":[]}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","type","closable","dark","outline","large","small","block","disabled","placeholder","open","selectedValue","value","selected","required","label","hasError","striped"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.25.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"0HAOA,IAAIA,EAAe,KAUjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EClB7BH,IAAeQ,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAc,6BAA4B,CAAEC,KAAO,CAAC,GAACC,SAAA,IAAAC,KAAA,qCAAAF,KAAA,IAAAE,KAAA,sCAAAF,KAAA,IAAAG,QAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,MAAA,IAAAC,SAAA,IAAAL,KAAA,wCAAAA,KAAA,IAAAM,YAAA,IAAAC,KAAA,KAAAC,cAAA,iFAAAC,MAAA,IAAAC,SAAA,IAAAV,KAAA,0CAAAM,YAAA,IAAAG,MAAA,IAAAE,SAAA,IAAAX,KAAA,IAAAY,MAAA,IAAAP,SAAA,IAAAD,MAAA,IAAAS,SAAA,gDAAAb,KAAA,4CAAAF,KAAA,IAAAW,MAAA,IAAAK,QAAA,IAAAd,KAAA,SAAAL,EAAA","ignoreList":[]}
package/dist/types/components/badge/badge.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ type BadgeColor = 'secondary' | 'success' | 'warning' | 'danger';
2
+ export declare class Alert {
3
+ type?: BadgeColor;
4
+ dark?: boolean;
5
+ getParentClass(): string;
6
+ getClass(): string;
7
+ render(): any;
8
+ }
9
+ export {};
package/dist/types/components/leaf/leaf.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare class Alert {
2
+ dark?: boolean;
3
+ getParentClass(): "papier" | "papier is--dark";
4
+ render(): any;
5
+ }
package/dist/types/components.d.ts CHANGED
@@ -11,6 +11,10 @@ export namespace Components {
11
11
  "dark"?: boolean;
12
12
  "type"?: AlertColor;
13
13
  }
14
+ interface PBadge {
15
+ "dark"?: boolean;
16
+ "type"?: BadgeColor;
17
+ }
14
18
  interface PButton {
15
19
  "block"?: boolean;
16
20
  "dark"?: boolean;
@@ -39,6 +43,9 @@ export namespace Components {
39
43
  "required"?: boolean;
40
44
  "value"?: string;
41
45
  }
46
+ interface PLeaf {
47
+ "dark"?: boolean;
48
+ }
42
49
  interface PProgressBar {
43
50
  "dark"?: boolean;
44
51
  "striped"?: boolean;
@@ -80,6 +87,12 @@ declare global {
80
87
  prototype: HTMLPAlertElement;
81
88
  new (): HTMLPAlertElement;
82
89
  };
90
+ interface HTMLPBadgeElement extends Components.PBadge, HTMLStencilElement {
91
+ }
92
+ var HTMLPBadgeElement: {
93
+ prototype: HTMLPBadgeElement;
94
+ new (): HTMLPBadgeElement;
95
+ };
83
96
  interface HTMLPButtonElement extends Components.PButton, HTMLStencilElement {
84
97
  }
85
98
  var HTMLPButtonElement: {
@@ -137,6 +150,12 @@ declare global {
137
150
  prototype: HTMLPInputTextElement;
138
151
  new (): HTMLPInputTextElement;
139
152
  };
153
+ interface HTMLPLeafElement extends Components.PLeaf, HTMLStencilElement {
154
+ }
155
+ var HTMLPLeafElement: {
156
+ prototype: HTMLPLeafElement;
157
+ new (): HTMLPLeafElement;
158
+ };
140
159
  interface HTMLPProgressBarElement extends Components.PProgressBar, HTMLStencilElement {
141
160
  }
142
161
  var HTMLPProgressBarElement: {
@@ -145,10 +164,12 @@ declare global {
145
164
  };
146
165
  interface HTMLElementTagNameMap {
147
166
  "p-alert": HTMLPAlertElement;
167
+ "p-badge": HTMLPBadgeElement;
148
168
  "p-button": HTMLPButtonElement;
149
169
  "p-dropdown": HTMLPDropdownElement;
150
170
  "p-dropdown-item": HTMLPDropdownItemElement;
151
171
  "p-input-text": HTMLPInputTextElement;
172
+ "p-leaf": HTMLPLeafElement;
152
173
  "p-progress-bar": HTMLPProgressBarElement;
153
174
  }
154
175
  }
@@ -159,6 +180,10 @@ declare namespace LocalJSX {
159
180
  "onClose"?: (event: PAlertCustomEvent<any>) => void;
160
181
  "type"?: AlertColor;
161
182
  }
183
+ interface PBadge {
184
+ "dark"?: boolean;
185
+ "type"?: BadgeColor;
186
+ }
162
187
  interface PButton {
163
188
  "block"?: boolean;
164
189
  "dark"?: boolean;
@@ -190,6 +215,9 @@ declare namespace LocalJSX {
190
215
  "required"?: boolean;
191
216
  "value"?: string;
192
217
  }
218
+ interface PLeaf {
219
+ "dark"?: boolean;
220
+ }
193
221
  interface PProgressBar {
194
222
  "dark"?: boolean;
195
223
  "striped"?: boolean;
@@ -198,10 +226,12 @@ declare namespace LocalJSX {
198
226
  }
199
227
  interface IntrinsicElements {
200
228
  "p-alert": PAlert;
229
+ "p-badge": PBadge;
201
230
  "p-button": PButton;
202
231
  "p-dropdown": PDropdown;
203
232
  "p-dropdown-item": PDropdownItem;
204
233
  "p-input-text": PInputText;
234
+ "p-leaf": PLeaf;
205
235
  "p-progress-bar": PProgressBar;
206
236
  }
207
237
  }
@@ -210,10 +240,12 @@ declare module "@stencil/core" {
210
240
  export namespace JSX {
211
241
  interface IntrinsicElements {
212
242
  "p-alert": LocalJSX.PAlert & JSXBase.HTMLAttributes<HTMLPAlertElement>;
243
+ "p-badge": LocalJSX.PBadge & JSXBase.HTMLAttributes<HTMLPBadgeElement>;
213
244
  "p-button": LocalJSX.PButton & JSXBase.HTMLAttributes<HTMLPButtonElement>;
214
245
  "p-dropdown": LocalJSX.PDropdown & JSXBase.HTMLAttributes<HTMLPDropdownElement>;
215
246
  "p-dropdown-item": LocalJSX.PDropdownItem & JSXBase.HTMLAttributes<HTMLPDropdownItemElement>;
216
247
  "p-input-text": LocalJSX.PInputText & JSXBase.HTMLAttributes<HTMLPInputTextElement>;
248
+ "p-leaf": LocalJSX.PLeaf & JSXBase.HTMLAttributes<HTMLPLeafElement>;
217
249
  "p-progress-bar": LocalJSX.PProgressBar & JSXBase.HTMLAttributes<HTMLPProgressBarElement>;
218
250
  }
219
251
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amiceli/papierjs",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "Papercss web components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -57,8 +57,8 @@
57
57
  "@commitlint/config-conventional": "^19.7.1",
58
58
  "@stencil/core": "^4.7.0",
59
59
  "@stencil/sass": "^3.0.12",
60
- "@storybook/addon-essentials": "^8.5.3",
61
- "@storybook/addon-interactions": "^8.5.3",
60
+ "@storybook/addon-essentials": "^8.5.5",
61
+ "@storybook/addon-interactions": "^8.5.5",
62
62
  "@storybook/blocks": "^8.5.3",
63
63
  "@storybook/html": "^8.5.3",
64
64
  "@storybook/html-vite": "^8.5.3",
package/readme.md CHANGED
@@ -12,22 +12,30 @@ papercss style.
12
12
  papierjs will implements new components not in papercss like dropdown.
13
13
 
14
14
  Available components:
15
- - Button
16
- - Alert
17
- - Progress bar
18
- - Text input
15
+ - [X] Button
16
+ - [X] Alert
17
+ - [X] Progress bar
18
+ - [X] Text input
19
+ - [X] Badge
20
+ - [ ] Card
21
+ - [ ] Breadcrumb
22
+ - [ ] Modals
23
+ - [ ] NavBar
24
+ - [ ] Tabs
19
25
 
20
26
  Component features :
21
27
  - [X] dropdown since `v0.1.0`
28
+ - [X] `p-leaf` allow to use papercss style anywhere
22
29
  - [ ] notification
23
30
  - [ ] spinner
24
31
  - [ ] password
25
32
 
26
33
  ## Using papercss
27
34
 
28
- **papierjs** use papercss style by only in shadow root. So you don't need to import papercss.
35
+ **papierjs** uses papercss style only in shadow root.
36
+ So you don't need to import papercss.
29
37
 
30
- And papercss global style isn't applied on your website.
38
+ Papercss style isn't applied on your website.
31
39
 
32
40
  ## Install
33
41