@amiceli/papierjs 0.1.0 → 0.3.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 (126) hide show
  1. package/dist/cjs/{index-e5bb90c8.js → index-bb0e67a4.js} +331 -5
  2. package/dist/cjs/index-bb0e67a4.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-breadcrumb-item.cjs.entry.js +35 -0
  8. package/dist/cjs/p-breadcrumb-item.cjs.entry.js.map +1 -0
  9. package/dist/cjs/p-breadcrumb.cjs.entry.js +41 -0
  10. package/dist/cjs/p-breadcrumb.cjs.entry.js.map +1 -0
  11. package/dist/cjs/p-button.cjs.entry.js +2 -2
  12. package/dist/cjs/p-dropdown-item.cjs.entry.js +2 -2
  13. package/dist/cjs/p-dropdown.cjs.entry.js +3 -3
  14. package/dist/cjs/p-input-text.cjs.entry.js +2 -2
  15. package/dist/cjs/p-leaf.cjs.entry.js +26 -0
  16. package/dist/cjs/p-leaf.cjs.entry.js.map +1 -0
  17. package/dist/cjs/p-modal.cjs.entry.js +29 -0
  18. package/dist/cjs/p-modal.cjs.entry.js.map +1 -0
  19. package/dist/cjs/p-progress-bar.cjs.entry.js +2 -2
  20. package/dist/cjs/papierjs.cjs.js +2 -2
  21. package/dist/collection/collection-manifest.json +5 -0
  22. package/dist/collection/components/badge/badge.css +3222 -0
  23. package/dist/collection/components/badge/badge.js +82 -0
  24. package/dist/collection/components/badge/badge.js.map +1 -0
  25. package/dist/collection/components/breadcrumb/breadcrumb.css +3396 -0
  26. package/dist/collection/components/breadcrumb/breadcrumb.js +64 -0
  27. package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -0
  28. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +97 -0
  29. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -0
  30. package/dist/collection/components/button/button.js +1 -1
  31. package/dist/collection/components/dropdown/dropdown.js +2 -2
  32. package/dist/collection/components/dropdown-item/dropdown-item.js +1 -1
  33. package/dist/collection/components/input/input-text/input-text.js +1 -1
  34. package/dist/collection/components/leaf/leaf.css +3219 -0
  35. package/dist/collection/components/leaf/leaf.js +48 -0
  36. package/dist/collection/components/leaf/leaf.js.map +1 -0
  37. package/dist/collection/components/p-modal/p-modal.css +3224 -0
  38. package/dist/collection/components/p-modal/p-modal.js +61 -0
  39. package/dist/collection/components/p-modal/p-modal.js.map +1 -0
  40. package/dist/collection/components/p-modal/p-modal.preview.js +26 -0
  41. package/dist/collection/components/p-modal/p-modal.preview.js.map +1 -0
  42. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  43. package/dist/components/index.js +1 -1
  44. package/dist/components/{p-92aa42e7.js → p-784ab1ae.js} +294 -6
  45. package/dist/components/p-784ab1ae.js.map +1 -0
  46. package/dist/components/p-alert.js +1 -1
  47. package/dist/components/p-badge.d.ts +11 -0
  48. package/dist/components/p-badge.js +52 -0
  49. package/dist/components/p-badge.js.map +1 -0
  50. package/dist/components/p-breadcrumb-item.d.ts +11 -0
  51. package/dist/components/p-breadcrumb-item.js +54 -0
  52. package/dist/components/p-breadcrumb-item.js.map +1 -0
  53. package/dist/components/p-breadcrumb.d.ts +11 -0
  54. package/dist/components/p-breadcrumb.js +58 -0
  55. package/dist/components/p-breadcrumb.js.map +1 -0
  56. package/dist/components/p-button.js +2 -2
  57. package/dist/components/p-dropdown-item.js +2 -2
  58. package/dist/components/p-dropdown.js +3 -3
  59. package/dist/components/p-input-text.js +2 -2
  60. package/dist/components/p-leaf.d.ts +11 -0
  61. package/dist/components/p-leaf.js +42 -0
  62. package/dist/components/p-leaf.js.map +1 -0
  63. package/dist/components/p-modal.d.ts +11 -0
  64. package/dist/components/p-modal.js +48 -0
  65. package/dist/components/p-modal.js.map +1 -0
  66. package/dist/components/p-progress-bar.js +2 -2
  67. package/dist/esm/{index-809c10ff.js → index-d88148b4.js} +331 -6
  68. package/dist/esm/index-d88148b4.js.map +1 -0
  69. package/dist/esm/loader.js +3 -3
  70. package/dist/esm/p-alert.entry.js +1 -1
  71. package/dist/esm/p-badge.entry.js +30 -0
  72. package/dist/esm/p-badge.entry.js.map +1 -0
  73. package/dist/esm/p-breadcrumb-item.entry.js +31 -0
  74. package/dist/esm/p-breadcrumb-item.entry.js.map +1 -0
  75. package/dist/esm/p-breadcrumb.entry.js +37 -0
  76. package/dist/esm/p-breadcrumb.entry.js.map +1 -0
  77. package/dist/esm/p-button.entry.js +2 -2
  78. package/dist/esm/p-dropdown-item.entry.js +2 -2
  79. package/dist/esm/p-dropdown.entry.js +3 -3
  80. package/dist/esm/p-input-text.entry.js +2 -2
  81. package/dist/esm/p-leaf.entry.js +22 -0
  82. package/dist/esm/p-leaf.entry.js.map +1 -0
  83. package/dist/esm/p-modal.entry.js +25 -0
  84. package/dist/esm/p-modal.entry.js.map +1 -0
  85. package/dist/esm/p-progress-bar.entry.js +2 -2
  86. package/dist/esm/papierjs.js +3 -3
  87. package/dist/papierjs/p-022f2011.entry.js +2 -0
  88. package/dist/papierjs/p-022f2011.entry.js.map +1 -0
  89. package/dist/papierjs/p-1cac6dc4.entry.js +2 -0
  90. package/dist/papierjs/p-1cac6dc4.entry.js.map +1 -0
  91. package/dist/papierjs/p-2ed960c9.entry.js +2 -0
  92. package/dist/papierjs/p-2ed960c9.entry.js.map +1 -0
  93. package/dist/papierjs/p-5f857750.entry.js +2 -0
  94. package/dist/papierjs/p-5f857750.entry.js.map +1 -0
  95. package/dist/papierjs/{p-6e9110f7.entry.js → p-704b216f.entry.js} +3 -3
  96. package/dist/papierjs/{p-8e9a6ac4.entry.js → p-7f976699.entry.js} +2 -2
  97. package/dist/papierjs/{p-ce66a0db.entry.js → p-8240849e.entry.js} +2 -2
  98. package/dist/papierjs/p-8b96fa1d.js +3 -0
  99. package/dist/papierjs/p-8b96fa1d.js.map +1 -0
  100. package/dist/papierjs/{p-99159731.entry.js → p-ca16de19.entry.js} +2 -2
  101. package/dist/papierjs/{p-c3243b73.entry.js → p-d2178145.entry.js} +2 -2
  102. package/dist/papierjs/p-ebbd3c9d.entry.js +2 -0
  103. package/dist/papierjs/p-ebbd3c9d.entry.js.map +1 -0
  104. package/dist/papierjs/{p-de62cf76.entry.js → p-ff268801.entry.js} +2 -2
  105. package/dist/papierjs/papierjs.esm.js +1 -1
  106. package/dist/papierjs/papierjs.esm.js.map +1 -1
  107. package/dist/types/components/badge/badge.d.ts +9 -0
  108. package/dist/types/components/breadcrumb/breadcrumb.d.ts +7 -0
  109. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +8 -0
  110. package/dist/types/components/leaf/leaf.d.ts +5 -0
  111. package/dist/types/components/p-modal/p-modal.d.ts +6 -0
  112. package/dist/types/components/p-modal/p-modal.preview.d.ts +1 -0
  113. package/dist/types/components.d.ts +81 -0
  114. package/package.json +7 -7
  115. package/readme.md +14 -6
  116. package/dist/cjs/index-e5bb90c8.js.map +0 -1
  117. package/dist/components/p-92aa42e7.js.map +0 -1
  118. package/dist/esm/index-809c10ff.js.map +0 -1
  119. package/dist/papierjs/p-45914d24.js +0 -3
  120. package/dist/papierjs/p-45914d24.js.map +0 -1
  121. /package/dist/papierjs/{p-6e9110f7.entry.js.map → p-704b216f.entry.js.map} +0 -0
  122. /package/dist/papierjs/{p-8e9a6ac4.entry.js.map → p-7f976699.entry.js.map} +0 -0
  123. /package/dist/papierjs/{p-ce66a0db.entry.js.map → p-8240849e.entry.js.map} +0 -0
  124. /package/dist/papierjs/{p-99159731.entry.js.map → p-ca16de19.entry.js.map} +0 -0
  125. /package/dist/papierjs/{p-c3243b73.entry.js.map → p-d2178145.entry.js.map} +0 -0
  126. /package/dist/papierjs/{p-de62cf76.entry.js.map → p-ff268801.entry.js.map} +0 -0
@@ -0,0 +1,3219 @@
1
+ @charset "UTF-8";
2
+ p-leaf {
3
+ display: inline-block;
4
+ }
5
+ p-leaf .papier {
6
+ /* PaperCSS core */
7
+ /**
8
+ Global PaperCSS Config
9
+ */
10
+ @import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap");
11
+ /* stylelint-disable */
12
+ /* stylelint-enable */
13
+ /**
14
+ This Loop will generate the various .text- and .background- classes
15
+ based on the $colors map above.
16
+ */
17
+ /**
18
+ PaperCSS Mixins
19
+ */
20
+ /**
21
+ Assign a border style to a component selector.
22
+ @param integer
23
+ @default 1
24
+ */
25
+ /**
26
+ Mixin for setting responsive breakpoints
27
+ @param string | integer
28
+ @default null
29
+ */
30
+ /**
31
+ Useful helper mixins
32
+ */
33
+ /*
34
+ Add transform: translate() with browser prefixes.
35
+ Same syntax for translate() and translate3d()
36
+ To get 3D add a $z value and set 'true'
37
+ @param string | boolean
38
+ @default 0 | false
39
+ */
40
+ /*
41
+ Add global transition styles to selector
42
+ @param string
43
+ @default all | 235ms | ease-in-out | 0
44
+ */
45
+ /**
46
+ Set the shadow type for a component
47
+ @param string
48
+ @default regular
49
+ */
50
+ /**
51
+ Sets a striped background on a component
52
+ @param string
53
+ */
54
+ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
55
+ /* stylelint-disable */
56
+ /* stylelint-enable */
57
+ /* Layout styling */
58
+ /* Content styling */
59
+ /* Utilities */
60
+ /* Components */
61
+ font-family: "Neucha", sans-serif;
62
+ font-size: 20px;
63
+ }
64
+ p-leaf .papier html {
65
+ --primary: #41403e;
66
+ --secondary: #0b74d5;
67
+ --success: #86a361;
68
+ --warning: #ddcd45;
69
+ --danger: #a7342d;
70
+ --muted: #868e96;
71
+ --primary-light: #cdcccb;
72
+ --secondary-light: #d8ebfd;
73
+ --success-light: #d5dfc8;
74
+ --warning-light: #f5f0c6;
75
+ --danger-light: #f0cbc9;
76
+ --muted-light: #e6e7e9;
77
+ --primary-dark: black;
78
+ --secondary-dark: black;
79
+ --success-dark: #374427;
80
+ --warning-dark: #746a15;
81
+ --danger-dark: black;
82
+ --muted-dark: #313538;
83
+ --primary-light-10: #5b5a57;
84
+ --secondary-light-10: #208ef3;
85
+ --success-light-10: #9fb681;
86
+ --warning-light-10: #e5d970;
87
+ --danger-light-10: #cb453c;
88
+ --muted-light-10: #a1a8ae;
89
+ --primary-dark-10: #272625;
90
+ --secondary-dark-10: #085aa5;
91
+ --success-dark-10: #4a5a35;
92
+ --warning-dark-10: #746a15;
93
+ --danger-dark-10: #7f2722;
94
+ --muted-dark-10: #6c757d;
95
+ --primary-shaded-50: #c1c0bd;
96
+ --primary-shaded-70: #f2f2f2;
97
+ --white-dark: rgba(0, 0, 0, 0.03);
98
+ --white-dark-light-80: rgba(204, 204, 204, 0.03);
99
+ --light-dark: rgba(0, 0, 0, 0.7);
100
+ --white: white;
101
+ --main-background: white;
102
+ --main-background-light: white;
103
+ --black: black;
104
+ --primary-text: #272625;
105
+ --secondary-text: #085aa5;
106
+ --success-text: #4a5a35;
107
+ --warning-text: #746a15;
108
+ --danger-text: #7f2722;
109
+ --muted-text: #6c757d;
110
+ --shadow-color-regular: rgba(0, 0, 0, 0.2);
111
+ --shadow-color-hover: rgba(0, 0, 0, 0.3);
112
+ --primary-inverse: #fff;
113
+ }
114
+ p-leaf .papier html.dark {
115
+ --primary: #fff;
116
+ --secondary: #5595ce;
117
+ --success: #70c272;
118
+ --warning: #d4c252;
119
+ --danger: #df4c57;
120
+ --muted: #868e96;
121
+ --primary-light: white;
122
+ --secondary-light: #69a1d4;
123
+ --success-light: #82ca84;
124
+ --warning-light: #d9c966;
125
+ --danger-light: #e3626b;
126
+ --muted-light: #949ba2;
127
+ --primary-dark: gray;
128
+ --secondary-dark: #1f476b;
129
+ --success-dark: #265927;
130
+ --warning-dark: #71651c;
131
+ --danger-dark: #7c161e;
132
+ --muted-dark: #313538;
133
+ --primary-light-10: white;
134
+ --secondary-light-10: #7daed9;
135
+ --success-light-10: #94d195;
136
+ --warning-light-10: #ded07b;
137
+ --danger-light-10: #e77780;
138
+ --muted-light-10: #a1a8ae;
139
+ --primary-dark-10: #e6e6e6;
140
+ --secondary-dark-10: #367cba;
141
+ --success-dark-10: #4cb34f;
142
+ --warning-dark-10: #c3ae30;
143
+ --danger-dark-10: #d22633;
144
+ --muted-dark-10: #6c757d;
145
+ --primary-shaded-50: #343332;
146
+ --primary-shaded-70: #2f2e2d;
147
+ --white-dark: rgba(255, 255, 255, 0.03);
148
+ --white-dark-light-80: rgba(255, 255, 255, 0.03);
149
+ --light-dark: rgba(255, 255, 255, 0.7);
150
+ --white: white;
151
+ --main-background: #41403e;
152
+ --main-background-light: #c1c0bd;
153
+ --black: black;
154
+ --primary-text: #41403e;
155
+ --secondary-text: #1f476b;
156
+ --success-text: #265927;
157
+ --warning-text: #71651c;
158
+ --danger-text: #7c161e;
159
+ --muted-text: #949ba2;
160
+ --shadow-color-regular: rgba(0, 0, 0, 0.2);
161
+ --shadow-color-hover: rgba(0, 0, 0, 0.3);
162
+ --primary-inverse: #41403e;
163
+ }
164
+ p-leaf .papier .text-primary {
165
+ color: #41403e;
166
+ color: var(--primary);
167
+ }
168
+ p-leaf .papier .background-primary {
169
+ background-color: #41403e;
170
+ background-color: var(--primary-light);
171
+ }
172
+ p-leaf .papier .text-secondary {
173
+ color: #41403e;
174
+ color: var(--secondary);
175
+ }
176
+ p-leaf .papier .background-secondary {
177
+ background-color: #41403e;
178
+ background-color: var(--secondary-light);
179
+ }
180
+ p-leaf .papier .text-success {
181
+ color: #41403e;
182
+ color: var(--success);
183
+ }
184
+ p-leaf .papier .background-success {
185
+ background-color: #41403e;
186
+ background-color: var(--success-light);
187
+ }
188
+ p-leaf .papier .text-warning {
189
+ color: #41403e;
190
+ color: var(--warning);
191
+ }
192
+ p-leaf .papier .background-warning {
193
+ background-color: #41403e;
194
+ background-color: var(--warning-light);
195
+ }
196
+ p-leaf .papier .text-danger {
197
+ color: #41403e;
198
+ color: var(--danger);
199
+ }
200
+ p-leaf .papier .background-danger {
201
+ background-color: #41403e;
202
+ background-color: var(--danger-light);
203
+ }
204
+ p-leaf .papier .text-muted {
205
+ color: #41403e;
206
+ color: var(--muted);
207
+ }
208
+ p-leaf .papier .background-muted {
209
+ background-color: #41403e;
210
+ background-color: var(--muted-light);
211
+ }
212
+ p-leaf .papier html {
213
+ line-height: 1.15;
214
+ -ms-text-size-adjust: 100%;
215
+ -webkit-text-size-adjust: 100%;
216
+ }
217
+ p-leaf .papier body {
218
+ margin: 0;
219
+ }
220
+ p-leaf .papier article,
221
+ p-leaf .papier aside,
222
+ p-leaf .papier footer,
223
+ p-leaf .papier header,
224
+ p-leaf .papier nav,
225
+ p-leaf .papier section {
226
+ display: block;
227
+ }
228
+ p-leaf .papier h1 {
229
+ font-size: 2em;
230
+ margin: 0.67em 0;
231
+ }
232
+ p-leaf .papier figcaption,
233
+ p-leaf .papier figure,
234
+ p-leaf .papier main {
235
+ display: block;
236
+ }
237
+ p-leaf .papier figure {
238
+ margin: 1em 40px;
239
+ }
240
+ p-leaf .papier hr {
241
+ box-sizing: content-box;
242
+ height: 0;
243
+ overflow: visible;
244
+ }
245
+ p-leaf .papier pre {
246
+ font-family: monospace, monospace;
247
+ font-size: 1em;
248
+ }
249
+ p-leaf .papier a {
250
+ background-color: transparent;
251
+ -webkit-text-decoration-skip: objects;
252
+ }
253
+ p-leaf .papier abbr[title] {
254
+ border-bottom: none;
255
+ text-decoration: underline;
256
+ -webkit-text-decoration: underline dotted;
257
+ text-decoration: underline dotted;
258
+ }
259
+ p-leaf .papier b,
260
+ p-leaf .papier strong {
261
+ font-weight: inherit;
262
+ }
263
+ p-leaf .papier b,
264
+ p-leaf .papier strong {
265
+ font-weight: bolder;
266
+ }
267
+ p-leaf .papier code,
268
+ p-leaf .papier kbd,
269
+ p-leaf .papier samp {
270
+ font-family: monospace, monospace;
271
+ font-size: 1em;
272
+ }
273
+ p-leaf .papier dfn {
274
+ font-style: italic;
275
+ }
276
+ p-leaf .papier mark {
277
+ background-color: #ff0;
278
+ color: #000;
279
+ }
280
+ p-leaf .papier small {
281
+ font-size: 80%;
282
+ }
283
+ p-leaf .papier sub,
284
+ p-leaf .papier sup {
285
+ font-size: 75%;
286
+ line-height: 0;
287
+ position: relative;
288
+ vertical-align: baseline;
289
+ }
290
+ p-leaf .papier sub {
291
+ bottom: -0.25em;
292
+ }
293
+ p-leaf .papier sup {
294
+ top: -0.5em;
295
+ }
296
+ p-leaf .papier audio,
297
+ p-leaf .papier video {
298
+ display: inline-block;
299
+ }
300
+ p-leaf .papier audio:not([controls]) {
301
+ display: none;
302
+ height: 0;
303
+ }
304
+ p-leaf .papier img {
305
+ border-style: none;
306
+ }
307
+ p-leaf .papier svg:not(:root) {
308
+ overflow: hidden;
309
+ }
310
+ p-leaf .papier button,
311
+ p-leaf .papier input,
312
+ p-leaf .papier optgroup,
313
+ p-leaf .papier select,
314
+ p-leaf .papier textarea {
315
+ font-family: sans-serif;
316
+ font-size: 100%;
317
+ line-height: 1.15;
318
+ margin: 0;
319
+ }
320
+ p-leaf .papier button,
321
+ p-leaf .papier input {
322
+ overflow: visible;
323
+ }
324
+ p-leaf .papier button,
325
+ p-leaf .papier select {
326
+ text-transform: none;
327
+ }
328
+ p-leaf .papier [type=reset],
329
+ p-leaf .papier [type=submit],
330
+ p-leaf .papier button,
331
+ p-leaf .papier html [type=button] {
332
+ -webkit-appearance: button;
333
+ }
334
+ p-leaf .papier [type=button]::-moz-focus-inner,
335
+ p-leaf .papier [type=reset]::-moz-focus-inner,
336
+ p-leaf .papier [type=submit]::-moz-focus-inner,
337
+ p-leaf .papier button::-moz-focus-inner {
338
+ border-style: none;
339
+ padding: 0;
340
+ }
341
+ p-leaf .papier [type=button]:-moz-focusring,
342
+ p-leaf .papier [type=reset]:-moz-focusring,
343
+ p-leaf .papier [type=submit]:-moz-focusring,
344
+ p-leaf .papier button:-moz-focusring {
345
+ outline: 1px dotted ButtonText;
346
+ }
347
+ p-leaf .papier fieldset {
348
+ padding: 0.35em 0.75em 0.625em;
349
+ }
350
+ p-leaf .papier legend {
351
+ box-sizing: border-box;
352
+ color: inherit;
353
+ display: table;
354
+ max-width: 100%;
355
+ padding: 0;
356
+ white-space: normal;
357
+ }
358
+ p-leaf .papier progress {
359
+ display: inline-block;
360
+ vertical-align: baseline;
361
+ }
362
+ p-leaf .papier textarea {
363
+ overflow: auto;
364
+ }
365
+ p-leaf .papier [type=checkbox],
366
+ p-leaf .papier [type=radio] {
367
+ box-sizing: border-box;
368
+ padding: 0;
369
+ }
370
+ p-leaf .papier [type=number]::-webkit-inner-spin-button,
371
+ p-leaf .papier [type=number]::-webkit-outer-spin-button {
372
+ height: auto;
373
+ }
374
+ p-leaf .papier [type=search] {
375
+ -webkit-appearance: textfield;
376
+ outline-offset: -2px;
377
+ }
378
+ p-leaf .papier [type=search]::-webkit-search-cancel-button,
379
+ p-leaf .papier [type=search]::-webkit-search-decoration {
380
+ -webkit-appearance: none;
381
+ }
382
+ p-leaf .papier ::-webkit-file-upload-button {
383
+ -webkit-appearance: button;
384
+ font: inherit;
385
+ }
386
+ p-leaf .papier details,
387
+ p-leaf .papier menu {
388
+ display: block;
389
+ }
390
+ p-leaf .papier summary {
391
+ display: list-item;
392
+ }
393
+ p-leaf .papier canvas {
394
+ display: inline-block;
395
+ }
396
+ p-leaf .papier template {
397
+ display: none;
398
+ }
399
+ p-leaf .papier [hidden] {
400
+ display: none;
401
+ }
402
+ p-leaf .papier html {
403
+ box-sizing: border-box;
404
+ }
405
+ p-leaf .papier *, p-leaf .papier *:before, p-leaf .papier *:after {
406
+ box-sizing: inherit;
407
+ }
408
+ p-leaf .papier .container {
409
+ margin: 0 auto;
410
+ max-width: 960px;
411
+ position: relative;
412
+ width: 100%;
413
+ }
414
+ @media only screen and (max-width: 992px) {
415
+ p-leaf .papier .container {
416
+ width: 85%;
417
+ }
418
+ }
419
+ @media only screen and (max-width: 480px) {
420
+ p-leaf .papier .container {
421
+ width: 90%;
422
+ }
423
+ }
424
+ p-leaf .papier .container.container-xs {
425
+ max-width: 480px;
426
+ }
427
+ p-leaf .papier .container.container-sm {
428
+ max-width: 768px;
429
+ }
430
+ p-leaf .papier .container.container-md {
431
+ max-width: 992px;
432
+ }
433
+ p-leaf .papier .container.container-lg {
434
+ max-width: 1200px;
435
+ }
436
+ p-leaf .papier .section {
437
+ margin-bottom: 2rem;
438
+ margin-top: 1rem;
439
+ word-wrap: break-word;
440
+ }
441
+ p-leaf .papier .section::after {
442
+ color: #8f8d89;
443
+ content: "~~~";
444
+ display: block;
445
+ font-size: 1.5rem;
446
+ position: relative;
447
+ text-align: center;
448
+ }
449
+ p-leaf .papier hr {
450
+ border: 0;
451
+ }
452
+ p-leaf .papier hr::after {
453
+ color: #8f8d89;
454
+ content: "~~~";
455
+ display: block;
456
+ font-size: 1.5rem;
457
+ position: relative;
458
+ text-align: center;
459
+ top: -0.75rem;
460
+ }
461
+ p-leaf .papier .paper {
462
+ background-color: #41403e;
463
+ background-color: var(--main-background);
464
+ border: 1px solid #cdcccb;
465
+ box-shadow: -1px 5px 35px -9px rgba(0, 0, 0, 0.2);
466
+ margin-bottom: 1rem;
467
+ margin-top: 1rem;
468
+ padding: 2rem;
469
+ }
470
+ @media only screen and (max-width: 480px) {
471
+ p-leaf .papier .paper {
472
+ margin-bottom: 0;
473
+ margin-top: 0;
474
+ padding: 1rem;
475
+ width: 100%;
476
+ }
477
+ }
478
+ p-leaf .papier .row {
479
+ display: flex;
480
+ flex-flow: row wrap;
481
+ margin-bottom: 1rem;
482
+ margin-left: auto;
483
+ margin-right: auto;
484
+ }
485
+ p-leaf .papier .row.flex-right {
486
+ justify-content: flex-end;
487
+ }
488
+ p-leaf .papier .row.flex-center {
489
+ justify-content: center;
490
+ }
491
+ p-leaf .papier .row.flex-edges {
492
+ justify-content: space-between;
493
+ }
494
+ p-leaf .papier .row.flex-spaces {
495
+ justify-content: space-around;
496
+ }
497
+ p-leaf .papier .row.flex-top {
498
+ align-items: flex-start;
499
+ }
500
+ p-leaf .papier .row.flex-middle {
501
+ align-items: center;
502
+ }
503
+ p-leaf .papier .row.flex-bottom {
504
+ align-items: flex-end;
505
+ }
506
+ p-leaf .papier .col {
507
+ padding: 1rem;
508
+ }
509
+ @media only screen and (max-width: 768px) {
510
+ p-leaf .papier .col {
511
+ flex: 0 0 100%;
512
+ max-width: 100%;
513
+ }
514
+ }
515
+ p-leaf .papier .col-fill {
516
+ flex: 1 1 0;
517
+ width: auto;
518
+ }
519
+ @media only screen and (min-width: 0) {
520
+ p-leaf .papier .col-1 {
521
+ flex: 0 0 8.3333333333%;
522
+ max-width: 8.3333333333%;
523
+ }
524
+ p-leaf .papier .col-2 {
525
+ flex: 0 0 16.6666666667%;
526
+ max-width: 16.6666666667%;
527
+ }
528
+ p-leaf .papier .col-3 {
529
+ flex: 0 0 25%;
530
+ max-width: 25%;
531
+ }
532
+ p-leaf .papier .col-4 {
533
+ flex: 0 0 33.3333333333%;
534
+ max-width: 33.3333333333%;
535
+ }
536
+ p-leaf .papier .col-5 {
537
+ flex: 0 0 41.6666666667%;
538
+ max-width: 41.6666666667%;
539
+ }
540
+ p-leaf .papier .col-6 {
541
+ flex: 0 0 50%;
542
+ max-width: 50%;
543
+ }
544
+ p-leaf .papier .col-7 {
545
+ flex: 0 0 58.3333333333%;
546
+ max-width: 58.3333333333%;
547
+ }
548
+ p-leaf .papier .col-8 {
549
+ flex: 0 0 66.6666666667%;
550
+ max-width: 66.6666666667%;
551
+ }
552
+ p-leaf .papier .col-9 {
553
+ flex: 0 0 75%;
554
+ max-width: 75%;
555
+ }
556
+ p-leaf .papier .col-10 {
557
+ flex: 0 0 83.3333333333%;
558
+ max-width: 83.3333333333%;
559
+ }
560
+ p-leaf .papier .col-11 {
561
+ flex: 0 0 91.6666666667%;
562
+ max-width: 91.6666666667%;
563
+ }
564
+ p-leaf .papier .col-12 {
565
+ flex: 0 0 100%;
566
+ max-width: 100%;
567
+ }
568
+ }
569
+ @media only screen and (min-width: 480px) {
570
+ p-leaf .papier .xs-1 {
571
+ flex: 0 0 8.3333333333%;
572
+ max-width: 8.3333333333%;
573
+ }
574
+ p-leaf .papier .xs-2 {
575
+ flex: 0 0 16.6666666667%;
576
+ max-width: 16.6666666667%;
577
+ }
578
+ p-leaf .papier .xs-3 {
579
+ flex: 0 0 25%;
580
+ max-width: 25%;
581
+ }
582
+ p-leaf .papier .xs-4 {
583
+ flex: 0 0 33.3333333333%;
584
+ max-width: 33.3333333333%;
585
+ }
586
+ p-leaf .papier .xs-5 {
587
+ flex: 0 0 41.6666666667%;
588
+ max-width: 41.6666666667%;
589
+ }
590
+ p-leaf .papier .xs-6 {
591
+ flex: 0 0 50%;
592
+ max-width: 50%;
593
+ }
594
+ p-leaf .papier .xs-7 {
595
+ flex: 0 0 58.3333333333%;
596
+ max-width: 58.3333333333%;
597
+ }
598
+ p-leaf .papier .xs-8 {
599
+ flex: 0 0 66.6666666667%;
600
+ max-width: 66.6666666667%;
601
+ }
602
+ p-leaf .papier .xs-9 {
603
+ flex: 0 0 75%;
604
+ max-width: 75%;
605
+ }
606
+ p-leaf .papier .xs-10 {
607
+ flex: 0 0 83.3333333333%;
608
+ max-width: 83.3333333333%;
609
+ }
610
+ p-leaf .papier .xs-11 {
611
+ flex: 0 0 91.6666666667%;
612
+ max-width: 91.6666666667%;
613
+ }
614
+ p-leaf .papier .xs-12 {
615
+ flex: 0 0 100%;
616
+ max-width: 100%;
617
+ }
618
+ }
619
+ @media only screen and (min-width: 768px) {
620
+ p-leaf .papier .sm-1 {
621
+ flex: 0 0 8.3333333333%;
622
+ max-width: 8.3333333333%;
623
+ }
624
+ p-leaf .papier .sm-2 {
625
+ flex: 0 0 16.6666666667%;
626
+ max-width: 16.6666666667%;
627
+ }
628
+ p-leaf .papier .sm-3 {
629
+ flex: 0 0 25%;
630
+ max-width: 25%;
631
+ }
632
+ p-leaf .papier .sm-4 {
633
+ flex: 0 0 33.3333333333%;
634
+ max-width: 33.3333333333%;
635
+ }
636
+ p-leaf .papier .sm-5 {
637
+ flex: 0 0 41.6666666667%;
638
+ max-width: 41.6666666667%;
639
+ }
640
+ p-leaf .papier .sm-6 {
641
+ flex: 0 0 50%;
642
+ max-width: 50%;
643
+ }
644
+ p-leaf .papier .sm-7 {
645
+ flex: 0 0 58.3333333333%;
646
+ max-width: 58.3333333333%;
647
+ }
648
+ p-leaf .papier .sm-8 {
649
+ flex: 0 0 66.6666666667%;
650
+ max-width: 66.6666666667%;
651
+ }
652
+ p-leaf .papier .sm-9 {
653
+ flex: 0 0 75%;
654
+ max-width: 75%;
655
+ }
656
+ p-leaf .papier .sm-10 {
657
+ flex: 0 0 83.3333333333%;
658
+ max-width: 83.3333333333%;
659
+ }
660
+ p-leaf .papier .sm-11 {
661
+ flex: 0 0 91.6666666667%;
662
+ max-width: 91.6666666667%;
663
+ }
664
+ p-leaf .papier .sm-12 {
665
+ flex: 0 0 100%;
666
+ max-width: 100%;
667
+ }
668
+ }
669
+ @media only screen and (min-width: 992px) {
670
+ p-leaf .papier .md-1 {
671
+ flex: 0 0 8.3333333333%;
672
+ max-width: 8.3333333333%;
673
+ }
674
+ p-leaf .papier .md-2 {
675
+ flex: 0 0 16.6666666667%;
676
+ max-width: 16.6666666667%;
677
+ }
678
+ p-leaf .papier .md-3 {
679
+ flex: 0 0 25%;
680
+ max-width: 25%;
681
+ }
682
+ p-leaf .papier .md-4 {
683
+ flex: 0 0 33.3333333333%;
684
+ max-width: 33.3333333333%;
685
+ }
686
+ p-leaf .papier .md-5 {
687
+ flex: 0 0 41.6666666667%;
688
+ max-width: 41.6666666667%;
689
+ }
690
+ p-leaf .papier .md-6 {
691
+ flex: 0 0 50%;
692
+ max-width: 50%;
693
+ }
694
+ p-leaf .papier .md-7 {
695
+ flex: 0 0 58.3333333333%;
696
+ max-width: 58.3333333333%;
697
+ }
698
+ p-leaf .papier .md-8 {
699
+ flex: 0 0 66.6666666667%;
700
+ max-width: 66.6666666667%;
701
+ }
702
+ p-leaf .papier .md-9 {
703
+ flex: 0 0 75%;
704
+ max-width: 75%;
705
+ }
706
+ p-leaf .papier .md-10 {
707
+ flex: 0 0 83.3333333333%;
708
+ max-width: 83.3333333333%;
709
+ }
710
+ p-leaf .papier .md-11 {
711
+ flex: 0 0 91.6666666667%;
712
+ max-width: 91.6666666667%;
713
+ }
714
+ p-leaf .papier .md-12 {
715
+ flex: 0 0 100%;
716
+ max-width: 100%;
717
+ }
718
+ }
719
+ @media only screen and (min-width: 1200px) {
720
+ p-leaf .papier .lg-1 {
721
+ flex: 0 0 8.3333333333%;
722
+ max-width: 8.3333333333%;
723
+ }
724
+ p-leaf .papier .lg-2 {
725
+ flex: 0 0 16.6666666667%;
726
+ max-width: 16.6666666667%;
727
+ }
728
+ p-leaf .papier .lg-3 {
729
+ flex: 0 0 25%;
730
+ max-width: 25%;
731
+ }
732
+ p-leaf .papier .lg-4 {
733
+ flex: 0 0 33.3333333333%;
734
+ max-width: 33.3333333333%;
735
+ }
736
+ p-leaf .papier .lg-5 {
737
+ flex: 0 0 41.6666666667%;
738
+ max-width: 41.6666666667%;
739
+ }
740
+ p-leaf .papier .lg-6 {
741
+ flex: 0 0 50%;
742
+ max-width: 50%;
743
+ }
744
+ p-leaf .papier .lg-7 {
745
+ flex: 0 0 58.3333333333%;
746
+ max-width: 58.3333333333%;
747
+ }
748
+ p-leaf .papier .lg-8 {
749
+ flex: 0 0 66.6666666667%;
750
+ max-width: 66.6666666667%;
751
+ }
752
+ p-leaf .papier .lg-9 {
753
+ flex: 0 0 75%;
754
+ max-width: 75%;
755
+ }
756
+ p-leaf .papier .lg-10 {
757
+ flex: 0 0 83.3333333333%;
758
+ max-width: 83.3333333333%;
759
+ }
760
+ p-leaf .papier .lg-11 {
761
+ flex: 0 0 91.6666666667%;
762
+ max-width: 91.6666666667%;
763
+ }
764
+ p-leaf .papier .lg-12 {
765
+ flex: 0 0 100%;
766
+ max-width: 100%;
767
+ }
768
+ }
769
+ p-leaf .papier .align-top {
770
+ align-self: flex-start;
771
+ }
772
+ p-leaf .papier .align-middle {
773
+ align-self: center;
774
+ }
775
+ p-leaf .papier .align-bottom {
776
+ align-self: flex-end;
777
+ }
778
+ p-leaf .papier .container {
779
+ margin: 0 auto;
780
+ max-width: 960px;
781
+ position: relative;
782
+ width: 100%;
783
+ }
784
+ @media only screen and (max-width: 992px) {
785
+ p-leaf .papier .container {
786
+ width: 85%;
787
+ }
788
+ }
789
+ @media only screen and (max-width: 480px) {
790
+ p-leaf .papier .container {
791
+ width: 90%;
792
+ }
793
+ }
794
+ p-leaf .papier code {
795
+ color: #41403e;
796
+ color: var(--secondary);
797
+ background-color: #41403e;
798
+ background-color: var(--primary-shaded-70);
799
+ border-radius: 3px;
800
+ font-size: 80%;
801
+ padding: 2px 4px;
802
+ }
803
+ p-leaf .papier kbd {
804
+ color: #41403e;
805
+ color: var(--primary-inverse);
806
+ background-color: #41403e;
807
+ background-color: var(--primary);
808
+ border-radius: 3px;
809
+ font-size: 80%;
810
+ padding: 2px 4px;
811
+ }
812
+ p-leaf .papier pre {
813
+ color: #41403e;
814
+ color: var(--inverse-primary);
815
+ background-color: #41403e;
816
+ background-color: var(--primary-shaded-70);
817
+ border-color: #41403e;
818
+ border-color: var(--primary-shaded-50);
819
+ border-radius: 3px;
820
+ border-style: solid;
821
+ border-width: 1px;
822
+ display: block;
823
+ font-size: 80%;
824
+ line-height: 1.5;
825
+ overflow-x: auto;
826
+ padding: 1em;
827
+ white-space: pre;
828
+ word-break: break-all;
829
+ word-wrap: break-word;
830
+ }
831
+ p-leaf .papier pre code {
832
+ color: #41403e;
833
+ color: var(--inverse-primary);
834
+ background: transparent;
835
+ display: block;
836
+ font-size: inherit;
837
+ padding: initial;
838
+ white-space: pre;
839
+ }
840
+ p-leaf .papier html {
841
+ color: #41403e;
842
+ color: var(--primary);
843
+ font-family: "Neucha", sans-serif;
844
+ font-size: 20px;
845
+ }
846
+ p-leaf .papier p,
847
+ p-leaf .papier a,
848
+ p-leaf .papier button,
849
+ p-leaf .papier li,
850
+ p-leaf .papier table,
851
+ p-leaf .papier thead,
852
+ p-leaf .papier tbody,
853
+ p-leaf .papier th,
854
+ p-leaf .papier tr,
855
+ p-leaf .papier td,
856
+ p-leaf .papier input,
857
+ p-leaf .papier textarea,
858
+ p-leaf .papier select,
859
+ p-leaf .papier option {
860
+ font-family: "Neucha", sans-serif;
861
+ }
862
+ p-leaf .papier h1,
863
+ p-leaf .papier h2,
864
+ p-leaf .papier h3,
865
+ p-leaf .papier h4,
866
+ p-leaf .papier h5,
867
+ p-leaf .papier h6 {
868
+ font-family: "Patrick Hand SC", sans-serif;
869
+ font-weight: normal;
870
+ }
871
+ p-leaf .papier h1 {
872
+ font-size: 4rem;
873
+ }
874
+ p-leaf .papier h2 {
875
+ font-size: 3rem;
876
+ }
877
+ p-leaf .papier h3 {
878
+ font-size: 2rem;
879
+ }
880
+ p-leaf .papier h4 {
881
+ font-size: 1.5rem;
882
+ }
883
+ p-leaf .papier h5 {
884
+ font-size: 1rem;
885
+ }
886
+ p-leaf .papier h6 {
887
+ font-size: 0.8rem;
888
+ }
889
+ p-leaf .papier .text-left {
890
+ text-align: left;
891
+ }
892
+ p-leaf .papier .text-center {
893
+ text-align: center;
894
+ }
895
+ p-leaf .papier .text-right {
896
+ text-align: right;
897
+ }
898
+ p-leaf .papier img {
899
+ border-bottom-left-radius: 15px 255px;
900
+ border-bottom-right-radius: 225px 15px;
901
+ border-top-left-radius: 255px 15px;
902
+ border-top-right-radius: 15px 225px;
903
+ border-color: #41403e;
904
+ border-color: var(--primary);
905
+ border-style: solid;
906
+ border-width: 2px;
907
+ display: block;
908
+ height: auto;
909
+ max-width: 100%;
910
+ }
911
+ p-leaf .papier img.float-left {
912
+ float: left;
913
+ margin: 1rem 1rem 1rem 0;
914
+ }
915
+ p-leaf .papier img.float-right {
916
+ float: right;
917
+ margin: 1rem 0 1rem 1rem;
918
+ }
919
+ p-leaf .papier img.no-responsive {
920
+ display: initial;
921
+ height: initial;
922
+ max-width: initial;
923
+ }
924
+ p-leaf .papier img.no-border {
925
+ border: 0;
926
+ border-radius: 0;
927
+ }
928
+ p-leaf .papier ol {
929
+ list-style-type: decimal;
930
+ }
931
+ p-leaf .papier ol ol {
932
+ list-style-type: upper-alpha;
933
+ }
934
+ p-leaf .papier ol ol ol {
935
+ list-style-type: upper-roman;
936
+ }
937
+ p-leaf .papier ol ol ol ol {
938
+ list-style-type: lower-alpha;
939
+ }
940
+ p-leaf .papier ol ol ol ol ol {
941
+ list-style-type: lower-roman;
942
+ }
943
+ p-leaf .papier ul {
944
+ list-style: none;
945
+ margin-left: 0;
946
+ }
947
+ p-leaf .papier ul li::before {
948
+ content: "-";
949
+ }
950
+ p-leaf .papier ul li {
951
+ text-indent: -7px;
952
+ }
953
+ p-leaf .papier ul li .badge,
954
+ p-leaf .papier ul li [popover-bottom]::after,
955
+ p-leaf .papier ul li [popover-left]::after,
956
+ p-leaf .papier ul li [popover-right]::after,
957
+ p-leaf .papier ul li [popover-top]::after {
958
+ text-indent: 0;
959
+ }
960
+ p-leaf .papier ul li::before {
961
+ left: -7px;
962
+ position: relative;
963
+ }
964
+ p-leaf .papier ul ul li::before {
965
+ content: "+";
966
+ }
967
+ p-leaf .papier ul ul ul li::before {
968
+ content: "~";
969
+ }
970
+ p-leaf .papier ul ul ul ul li::before {
971
+ content: "⤍";
972
+ }
973
+ p-leaf .papier ul ul ul ul ul li::before {
974
+ content: "⁎";
975
+ }
976
+ p-leaf .papier ul.inline li {
977
+ display: inline;
978
+ margin-left: 5px;
979
+ }
980
+ p-leaf .papier table {
981
+ box-sizing: border-box;
982
+ max-width: 100%;
983
+ overflow-x: auto;
984
+ width: 100%;
985
+ }
986
+ @media only screen and (max-width: 480px) {
987
+ p-leaf .papier table thead tr th {
988
+ padding: 2%;
989
+ }
990
+ p-leaf .papier table tbody tr td {
991
+ padding: 2%;
992
+ }
993
+ }
994
+ p-leaf .papier table thead tr th {
995
+ line-height: 1.5;
996
+ padding: 8px;
997
+ text-align: left;
998
+ vertical-align: bottom;
999
+ }
1000
+ p-leaf .papier table tbody tr td {
1001
+ border-top: 1px dashed #d9d9d8;
1002
+ line-height: 1.5;
1003
+ padding: 8px;
1004
+ vertical-align: top;
1005
+ }
1006
+ p-leaf .papier table.table-hover tbody tr:hover {
1007
+ color: #41403e;
1008
+ color: var(--secondary);
1009
+ }
1010
+ p-leaf .papier table.table-alternating tbody tr:nth-of-type(even) {
1011
+ color: #82807c;
1012
+ }
1013
+ p-leaf .papier .border {
1014
+ border-color: #41403e;
1015
+ border-color: var(--primary);
1016
+ border-style: solid;
1017
+ border-width: 2px;
1018
+ }
1019
+ p-leaf .papier .border,
1020
+ p-leaf .papier .border-1,
1021
+ p-leaf .papier .child-borders > *:nth-child(6n+1) {
1022
+ border-bottom-left-radius: 15px 255px;
1023
+ border-bottom-right-radius: 225px 15px;
1024
+ border-top-left-radius: 255px 15px;
1025
+ border-top-right-radius: 15px 225px;
1026
+ }
1027
+ p-leaf .papier .border-2,
1028
+ p-leaf .papier .child-borders > *:nth-child(6n+2) {
1029
+ border-bottom-left-radius: 185px 25px;
1030
+ border-bottom-right-radius: 20px 205px;
1031
+ border-top-left-radius: 125px 25px;
1032
+ border-top-right-radius: 10px 205px;
1033
+ }
1034
+ p-leaf .papier .border-3,
1035
+ p-leaf .papier .child-borders > *:nth-child(6n+3) {
1036
+ border-bottom-left-radius: 225px 15px;
1037
+ border-bottom-right-radius: 15px 255px;
1038
+ border-top-left-radius: 15px 225px;
1039
+ border-top-right-radius: 255px 15px;
1040
+ }
1041
+ p-leaf .papier .border-4,
1042
+ p-leaf .papier .child-borders > *:nth-child(6n+4) {
1043
+ border-bottom-left-radius: 25px 115px;
1044
+ border-bottom-right-radius: 155px 25px;
1045
+ border-top-left-radius: 15px 225px;
1046
+ border-top-right-radius: 25px 150px;
1047
+ }
1048
+ p-leaf .papier .border-5,
1049
+ p-leaf .papier .child-borders > *:nth-child(6n+5) {
1050
+ border-bottom-left-radius: 20px 115px;
1051
+ border-bottom-right-radius: 15px 105px;
1052
+ border-top-left-radius: 250px 15px;
1053
+ border-top-right-radius: 25px 80px;
1054
+ }
1055
+ p-leaf .papier .border-6,
1056
+ p-leaf .papier .child-borders > *:nth-child(6n+6) {
1057
+ border-bottom-left-radius: 15px 225px;
1058
+ border-bottom-right-radius: 20px 205px;
1059
+ border-top-left-radius: 28px 125px;
1060
+ border-top-right-radius: 100px 30px;
1061
+ }
1062
+ p-leaf .papier .child-borders > * {
1063
+ border-color: #41403e;
1064
+ border-color: var(--primary);
1065
+ border-style: solid;
1066
+ border-width: 2px;
1067
+ }
1068
+ p-leaf .papier .border-white {
1069
+ border-color: #41403e;
1070
+ border-color: var(--white);
1071
+ }
1072
+ p-leaf .papier .border-dotted {
1073
+ border-style: dotted;
1074
+ }
1075
+ p-leaf .papier .border-dashed {
1076
+ border-style: dashed;
1077
+ }
1078
+ p-leaf .papier .border-thick {
1079
+ border-width: 5px;
1080
+ }
1081
+ p-leaf .papier .border-primary {
1082
+ border-color: #41403e;
1083
+ border-color: var(--primary);
1084
+ }
1085
+ p-leaf .papier .border-secondary {
1086
+ border-color: #41403e;
1087
+ border-color: var(--secondary);
1088
+ }
1089
+ p-leaf .papier .border-success {
1090
+ border-color: #41403e;
1091
+ border-color: var(--success);
1092
+ }
1093
+ p-leaf .papier .border-warning {
1094
+ border-color: #41403e;
1095
+ border-color: var(--warning);
1096
+ }
1097
+ p-leaf .papier .border-danger {
1098
+ border-color: #41403e;
1099
+ border-color: var(--danger);
1100
+ }
1101
+ p-leaf .papier .border-muted {
1102
+ border-color: #41403e;
1103
+ border-color: var(--muted);
1104
+ }
1105
+ p-leaf .papier .shadow {
1106
+ transition: all 235ms ease 0s;
1107
+ box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
1108
+ }
1109
+ p-leaf .papier .shadow.shadow-large {
1110
+ transition: all 235ms ease 0s;
1111
+ box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);
1112
+ }
1113
+ p-leaf .papier .shadow.shadow-small {
1114
+ transition: all 235ms ease 0s;
1115
+ box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2);
1116
+ }
1117
+ p-leaf .papier .shadow.shadow-hover:hover {
1118
+ transform: translate3d(0, 2px, 0);
1119
+ box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
1120
+ }
1121
+ p-leaf .papier .child-shadows > * {
1122
+ transition: all 235ms ease 0s;
1123
+ box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
1124
+ }
1125
+ p-leaf .papier .child-shadows .shadow-none {
1126
+ box-shadow: none;
1127
+ }
1128
+ p-leaf .papier .child-shadows-hover > * {
1129
+ transition: all 235ms ease 0s;
1130
+ box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
1131
+ }
1132
+ p-leaf .papier .child-shadows-hover > *:hover {
1133
+ transform: translate3d(0, 2px, 0);
1134
+ box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
1135
+ }
1136
+ p-leaf .papier .collapsible {
1137
+ display: flex;
1138
+ flex-direction: column;
1139
+ }
1140
+ p-leaf .papier .collapsible:nth-of-type(1) {
1141
+ border-top-color: #41403e;
1142
+ border-top-color: var(--muted-light);
1143
+ border-top-style: solid;
1144
+ border-top-width: 1px;
1145
+ }
1146
+ p-leaf .papier .collapsible .collapsible-body {
1147
+ border-bottom-color: #41403e;
1148
+ border-bottom-color: var(--muted-light);
1149
+ background-color: #41403e;
1150
+ background-color: var(--white-dark-light-80);
1151
+ transition: all 235ms ease-in-out 0s;
1152
+ border-bottom-style: solid;
1153
+ border-bottom-width: 1px;
1154
+ margin: 0;
1155
+ max-height: 0;
1156
+ opacity: 0;
1157
+ overflow: hidden;
1158
+ padding: 0 0.75rem;
1159
+ }
1160
+ p-leaf .papier .collapsible > input {
1161
+ display: none;
1162
+ }
1163
+ p-leaf .papier .collapsible > input:checked + label {
1164
+ color: #41403e;
1165
+ color: var(--primary);
1166
+ }
1167
+ p-leaf .papier .collapsible > input[id^=collapsible]:checked ~ div.collapsible-body {
1168
+ margin: 0;
1169
+ max-height: 960px;
1170
+ opacity: 1;
1171
+ padding: 0.75rem;
1172
+ }
1173
+ p-leaf .papier .collapsible > label {
1174
+ color: #41403e;
1175
+ color: var(--primary);
1176
+ border-bottom-color: #41403e;
1177
+ border-bottom-color: var(--muted-light);
1178
+ border-bottom-style: solid;
1179
+ border-bottom-width: 1px;
1180
+ display: inline-block;
1181
+ font-weight: 600;
1182
+ margin: 0 0 -1px;
1183
+ padding: 0.75rem;
1184
+ text-align: center;
1185
+ }
1186
+ p-leaf .papier .collapsible > label:hover {
1187
+ color: #41403e;
1188
+ color: var(--muted);
1189
+ cursor: pointer;
1190
+ }
1191
+ p-leaf .papier .alert {
1192
+ border-color: #41403e;
1193
+ border-color: var(--primary);
1194
+ border-bottom-left-radius: 15px 255px;
1195
+ border-bottom-right-radius: 225px 15px;
1196
+ border-top-left-radius: 255px 15px;
1197
+ border-top-right-radius: 15px 225px;
1198
+ border-style: solid;
1199
+ border-width: 2px;
1200
+ margin-bottom: 20px;
1201
+ padding: 15px;
1202
+ width: 100%;
1203
+ }
1204
+ p-leaf .papier .alert.dismissible {
1205
+ transition: all 235ms ease-in-out 0s;
1206
+ display: flex;
1207
+ justify-content: space-between;
1208
+ max-height: 48rem;
1209
+ overflow: hidden;
1210
+ }
1211
+ p-leaf .papier .alert .btn-close {
1212
+ transition: all 235ms ease-in-out 0s;
1213
+ color: #41403e;
1214
+ color: var(--primary-text);
1215
+ cursor: pointer;
1216
+ margin-left: 0.75rem;
1217
+ }
1218
+ p-leaf .papier .alert .btn-close:hover, p-leaf .papier .alert .btn-close:active, p-leaf .papier .alert .btn-close:focus {
1219
+ color: #41403e;
1220
+ color: var(--primary-dark);
1221
+ }
1222
+ p-leaf .papier .alert-primary {
1223
+ color: #41403e;
1224
+ color: var(--primary-text);
1225
+ background-color: #41403e;
1226
+ background-color: var(--primary-light);
1227
+ border-color: #41403e;
1228
+ border-color: var(--primary);
1229
+ }
1230
+ p-leaf .papier .alert-primary .btn-close {
1231
+ color: #41403e;
1232
+ color: var(--primary-text);
1233
+ }
1234
+ p-leaf .papier .alert-primary .btn-close:hover, p-leaf .papier .alert-primary .btn-close:active, p-leaf .papier .alert-primary .btn-close:focus {
1235
+ color: #41403e;
1236
+ color: var(--primary-dark);
1237
+ }
1238
+ p-leaf .papier .alert-secondary {
1239
+ color: #41403e;
1240
+ color: var(--secondary-text);
1241
+ background-color: #41403e;
1242
+ background-color: var(--secondary-light);
1243
+ border-color: #41403e;
1244
+ border-color: var(--secondary);
1245
+ }
1246
+ p-leaf .papier .alert-secondary .btn-close {
1247
+ color: #41403e;
1248
+ color: var(--secondary-text);
1249
+ }
1250
+ p-leaf .papier .alert-secondary .btn-close:hover, p-leaf .papier .alert-secondary .btn-close:active, p-leaf .papier .alert-secondary .btn-close:focus {
1251
+ color: #41403e;
1252
+ color: var(--secondary-dark);
1253
+ }
1254
+ p-leaf .papier .alert-success {
1255
+ color: #41403e;
1256
+ color: var(--success-text);
1257
+ background-color: #41403e;
1258
+ background-color: var(--success-light);
1259
+ border-color: #41403e;
1260
+ border-color: var(--success);
1261
+ }
1262
+ p-leaf .papier .alert-success .btn-close {
1263
+ color: #41403e;
1264
+ color: var(--success-text);
1265
+ }
1266
+ p-leaf .papier .alert-success .btn-close:hover, p-leaf .papier .alert-success .btn-close:active, p-leaf .papier .alert-success .btn-close:focus {
1267
+ color: #41403e;
1268
+ color: var(--success-dark);
1269
+ }
1270
+ p-leaf .papier .alert-warning {
1271
+ color: #41403e;
1272
+ color: var(--warning-text);
1273
+ background-color: #41403e;
1274
+ background-color: var(--warning-light);
1275
+ border-color: #41403e;
1276
+ border-color: var(--warning);
1277
+ }
1278
+ p-leaf .papier .alert-warning .btn-close {
1279
+ color: #41403e;
1280
+ color: var(--warning-text);
1281
+ }
1282
+ p-leaf .papier .alert-warning .btn-close:hover, p-leaf .papier .alert-warning .btn-close:active, p-leaf .papier .alert-warning .btn-close:focus {
1283
+ color: #41403e;
1284
+ color: var(--warning-dark);
1285
+ }
1286
+ p-leaf .papier .alert-danger {
1287
+ color: #41403e;
1288
+ color: var(--danger-text);
1289
+ background-color: #41403e;
1290
+ background-color: var(--danger-light);
1291
+ border-color: #41403e;
1292
+ border-color: var(--danger);
1293
+ }
1294
+ p-leaf .papier .alert-danger .btn-close {
1295
+ color: #41403e;
1296
+ color: var(--danger-text);
1297
+ }
1298
+ p-leaf .papier .alert-danger .btn-close:hover, p-leaf .papier .alert-danger .btn-close:active, p-leaf .papier .alert-danger .btn-close:focus {
1299
+ color: #41403e;
1300
+ color: var(--danger-dark);
1301
+ }
1302
+ p-leaf .papier .alert-muted {
1303
+ color: #41403e;
1304
+ color: var(--muted-text);
1305
+ background-color: #41403e;
1306
+ background-color: var(--muted-light);
1307
+ border-color: #41403e;
1308
+ border-color: var(--muted);
1309
+ }
1310
+ p-leaf .papier .alert-muted .btn-close {
1311
+ color: #41403e;
1312
+ color: var(--muted-text);
1313
+ }
1314
+ p-leaf .papier .alert-muted .btn-close:hover, p-leaf .papier .alert-muted .btn-close:active, p-leaf .papier .alert-muted .btn-close:focus {
1315
+ color: #41403e;
1316
+ color: var(--muted-dark);
1317
+ }
1318
+ p-leaf .papier .alert-state {
1319
+ display: none;
1320
+ }
1321
+ p-leaf .papier .alert-state:checked + .dismissible {
1322
+ border-width: 0;
1323
+ margin: 0;
1324
+ max-height: 0;
1325
+ opacity: 0;
1326
+ padding-bottom: 0;
1327
+ padding-top: 0;
1328
+ }
1329
+ p-leaf .papier article .article-title {
1330
+ font-size: 3rem;
1331
+ }
1332
+ p-leaf .papier article .article-meta {
1333
+ color: #41403e;
1334
+ color: var(--muted-text);
1335
+ font-size: 15px;
1336
+ }
1337
+ p-leaf .papier article .article-meta a {
1338
+ color: #41403e;
1339
+ color: var(--muted-text);
1340
+ background-image: none;
1341
+ }
1342
+ p-leaf .papier article .article-meta a:hover {
1343
+ color: #41403e;
1344
+ color: var(--light-dark);
1345
+ }
1346
+ p-leaf .papier article .text-lead {
1347
+ font-size: 30px;
1348
+ line-height: 1.3;
1349
+ margin: 35px;
1350
+ }
1351
+ p-leaf .papier article button:not(:first-of-type) {
1352
+ margin-left: 2rem;
1353
+ }
1354
+ @media only screen and (max-width: 480px) {
1355
+ p-leaf .papier article button:not(:first-of-type) {
1356
+ margin-left: 0;
1357
+ }
1358
+ }
1359
+ p-leaf .papier article p {
1360
+ line-height: 1.6;
1361
+ }
1362
+ p-leaf .papier .badge {
1363
+ border-bottom-left-radius: 15px 255px;
1364
+ border-bottom-right-radius: 225px 15px;
1365
+ border-top-left-radius: 255px 15px;
1366
+ border-top-right-radius: 15px 225px;
1367
+ color: #41403e;
1368
+ color: var(--white);
1369
+ background-color: #41403e;
1370
+ background-color: var(--muted);
1371
+ border-color: #41403e;
1372
+ border-color: var(--primary);
1373
+ border: 2px solid;
1374
+ border-color: transparent;
1375
+ display: inline-block;
1376
+ font-size: 75%;
1377
+ font-weight: 700;
1378
+ line-height: 1;
1379
+ padding: 0.25em 0.4em;
1380
+ text-align: center;
1381
+ vertical-align: baseline;
1382
+ white-space: nowrap;
1383
+ }
1384
+ p-leaf .papier .badge.primary {
1385
+ background-color: #41403e;
1386
+ background-color: var(--primary);
1387
+ }
1388
+ p-leaf .papier .badge.secondary {
1389
+ background-color: #41403e;
1390
+ background-color: var(--secondary);
1391
+ }
1392
+ p-leaf .papier .badge.success {
1393
+ background-color: #41403e;
1394
+ background-color: var(--success);
1395
+ }
1396
+ p-leaf .papier .badge.warning {
1397
+ background-color: #41403e;
1398
+ background-color: var(--warning);
1399
+ }
1400
+ p-leaf .papier .badge.danger {
1401
+ background-color: #41403e;
1402
+ background-color: var(--danger);
1403
+ }
1404
+ p-leaf .papier .badge.muted {
1405
+ background-color: #41403e;
1406
+ background-color: var(--muted);
1407
+ }
1408
+ p-leaf .papier ul.breadcrumb {
1409
+ list-style: none;
1410
+ padding: 10px 16px;
1411
+ }
1412
+ p-leaf .papier ul.breadcrumb li {
1413
+ display: inline;
1414
+ font-size: 20px;
1415
+ }
1416
+ p-leaf .papier ul.breadcrumb li::before {
1417
+ content: "";
1418
+ }
1419
+ p-leaf .papier ul.breadcrumb li a {
1420
+ color: #41403e;
1421
+ color: var(--secondary);
1422
+ background-image: none;
1423
+ text-decoration: none;
1424
+ }
1425
+ p-leaf .papier ul.breadcrumb li a:hover {
1426
+ text-decoration: underline;
1427
+ }
1428
+ p-leaf .papier ul.breadcrumb li + li::before {
1429
+ content: "/ ";
1430
+ padding: 8px;
1431
+ }
1432
+ p-leaf .papier button,
1433
+ p-leaf .papier .paper-btn,
1434
+ p-leaf .papier [type=button] {
1435
+ border-bottom-left-radius: 15px 255px;
1436
+ border-bottom-right-radius: 225px 15px;
1437
+ border-top-left-radius: 255px 15px;
1438
+ border-top-right-radius: 15px 225px;
1439
+ transition: all 235ms ease 0s;
1440
+ box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
1441
+ transition: all 235ms ease-in-out 0s;
1442
+ color: #41403e;
1443
+ color: var(--primary);
1444
+ border-color: #41403e;
1445
+ border-color: var(--primary);
1446
+ background-color: #41403e;
1447
+ background-color: var(--main-background);
1448
+ align-self: center;
1449
+ background-image: none;
1450
+ border-style: solid;
1451
+ border-width: 2px;
1452
+ cursor: pointer;
1453
+ display: inline-block;
1454
+ font-size: 1rem;
1455
+ outline: none;
1456
+ padding: 0.75rem;
1457
+ }
1458
+ @media only screen and (max-width: 520px) {
1459
+ p-leaf .papier button,
1460
+ p-leaf .papier .paper-btn,
1461
+ p-leaf .papier [type=button] {
1462
+ display: inline-block;
1463
+ margin: 0 auto;
1464
+ margin-bottom: 1rem;
1465
+ text-align: center;
1466
+ }
1467
+ }
1468
+ p-leaf .papier button.btn-large,
1469
+ p-leaf .papier .paper-btn.btn-large,
1470
+ p-leaf .papier [type=button].btn-large {
1471
+ transition: all 235ms ease 0s;
1472
+ box-shadow: 20px 38px 34px -26px rgba(0, 0, 0, 0.2);
1473
+ font-size: 2rem;
1474
+ padding: 1rem;
1475
+ }
1476
+ p-leaf .papier button.btn-small,
1477
+ p-leaf .papier .paper-btn.btn-small,
1478
+ p-leaf .papier [type=button].btn-small {
1479
+ transition: all 235ms ease 0s;
1480
+ box-shadow: 10px 19px 17px -13px rgba(0, 0, 0, 0.2);
1481
+ font-size: 0.75rem;
1482
+ padding: 0.5rem;
1483
+ }
1484
+ p-leaf .papier button.btn-block,
1485
+ p-leaf .papier .paper-btn.btn-block,
1486
+ p-leaf .papier [type=button].btn-block {
1487
+ display: block;
1488
+ width: 100%;
1489
+ }
1490
+ p-leaf .papier button:hover,
1491
+ p-leaf .papier .paper-btn:hover,
1492
+ p-leaf .papier [type=button]:hover {
1493
+ transform: translate3d(0, 2px, 0);
1494
+ box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
1495
+ }
1496
+ p-leaf .papier button:focus,
1497
+ p-leaf .papier .paper-btn:focus,
1498
+ p-leaf .papier [type=button]:focus {
1499
+ border-color: #41403e;
1500
+ border-color: var(--secondary);
1501
+ border-style: solid;
1502
+ border-width: 2px;
1503
+ box-shadow: 2px 8px 4px -6px rgba(0, 0, 0, 0.3);
1504
+ }
1505
+ p-leaf .papier button:active,
1506
+ p-leaf .papier .paper-btn:active,
1507
+ p-leaf .papier [type=button]:active {
1508
+ border-color: rgba(0, 0, 0, 0.2);
1509
+ transition: none;
1510
+ }
1511
+ p-leaf .papier button.disabled, p-leaf .papier button[disabled],
1512
+ p-leaf .papier .paper-btn.disabled,
1513
+ p-leaf .papier .paper-btn[disabled],
1514
+ p-leaf .papier [type=button].disabled,
1515
+ p-leaf .papier [type=button][disabled] {
1516
+ cursor: not-allowed;
1517
+ opacity: 0.5;
1518
+ }
1519
+ p-leaf .papier a {
1520
+ color: #41403e;
1521
+ color: var(--secondary);
1522
+ 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%);
1523
+ background-position: 0 90%;
1524
+ background-repeat: repeat-x;
1525
+ background-size: 4px 3px;
1526
+ text-decoration: none;
1527
+ }
1528
+ p-leaf .papier a:visited {
1529
+ color: #41403e;
1530
+ color: var(--primary);
1531
+ text-decoration: none;
1532
+ }
1533
+ p-leaf .papier button.btn-primary,
1534
+ p-leaf .papier .paper-btn.btn-primary,
1535
+ p-leaf .papier [type=button].btn-primary {
1536
+ color: #41403e;
1537
+ color: var(--primary-text);
1538
+ background-color: #41403e;
1539
+ background-color: var(--primary-light);
1540
+ border-color: #41403e;
1541
+ border-color: var(--primary);
1542
+ }
1543
+ p-leaf .papier button.btn-primary:hover:active,
1544
+ p-leaf .papier .paper-btn.btn-primary:hover:active,
1545
+ p-leaf .papier [type=button].btn-primary:hover:active {
1546
+ background-color: #b4b3b0;
1547
+ }
1548
+ p-leaf .papier button.btn-secondary,
1549
+ p-leaf .papier .paper-btn.btn-secondary,
1550
+ p-leaf .papier [type=button].btn-secondary {
1551
+ color: #41403e;
1552
+ color: var(--secondary-text);
1553
+ background-color: #41403e;
1554
+ background-color: var(--secondary-light);
1555
+ border-color: #41403e;
1556
+ border-color: var(--secondary);
1557
+ }
1558
+ p-leaf .papier button.btn-secondary:hover:active,
1559
+ p-leaf .papier .paper-btn.btn-secondary:hover:active,
1560
+ p-leaf .papier [type=button].btn-secondary:hover:active {
1561
+ background-color: #a7d3fa;
1562
+ }
1563
+ p-leaf .papier button.btn-success,
1564
+ p-leaf .papier .paper-btn.btn-success,
1565
+ p-leaf .papier [type=button].btn-success {
1566
+ color: #41403e;
1567
+ color: var(--success-text);
1568
+ background-color: #41403e;
1569
+ background-color: var(--success-light);
1570
+ border-color: #41403e;
1571
+ border-color: var(--success);
1572
+ }
1573
+ p-leaf .papier button.btn-success:hover:active,
1574
+ p-leaf .papier .paper-btn.btn-success:hover:active,
1575
+ p-leaf .papier [type=button].btn-success:hover:active {
1576
+ background-color: #bccca8;
1577
+ }
1578
+ p-leaf .papier button.btn-warning,
1579
+ p-leaf .papier .paper-btn.btn-warning,
1580
+ p-leaf .papier [type=button].btn-warning {
1581
+ color: #41403e;
1582
+ color: var(--warning-text);
1583
+ background-color: #41403e;
1584
+ background-color: var(--warning-light);
1585
+ border-color: #41403e;
1586
+ border-color: var(--warning);
1587
+ }
1588
+ p-leaf .papier button.btn-warning:hover:active,
1589
+ p-leaf .papier .paper-btn.btn-warning:hover:active,
1590
+ p-leaf .papier [type=button].btn-warning:hover:active {
1591
+ background-color: #ede49b;
1592
+ }
1593
+ p-leaf .papier button.btn-danger,
1594
+ p-leaf .papier .paper-btn.btn-danger,
1595
+ p-leaf .papier [type=button].btn-danger {
1596
+ color: #41403e;
1597
+ color: var(--danger-text);
1598
+ background-color: #41403e;
1599
+ background-color: var(--danger-light);
1600
+ border-color: #41403e;
1601
+ border-color: var(--danger);
1602
+ }
1603
+ p-leaf .papier button.btn-danger:hover:active,
1604
+ p-leaf .papier .paper-btn.btn-danger:hover:active,
1605
+ p-leaf .papier [type=button].btn-danger:hover:active {
1606
+ background-color: #e6a5a1;
1607
+ }
1608
+ p-leaf .papier button.btn-muted,
1609
+ p-leaf .papier .paper-btn.btn-muted,
1610
+ p-leaf .papier [type=button].btn-muted {
1611
+ color: #41403e;
1612
+ color: var(--muted-text);
1613
+ background-color: #41403e;
1614
+ background-color: var(--muted-light);
1615
+ border-color: #41403e;
1616
+ border-color: var(--muted);
1617
+ }
1618
+ p-leaf .papier button.btn-muted:hover:active,
1619
+ p-leaf .papier .paper-btn.btn-muted:hover:active,
1620
+ p-leaf .papier [type=button].btn-muted:hover:active {
1621
+ background-color: #caced1;
1622
+ }
1623
+ p-leaf .papier button.btn-primary-outline,
1624
+ p-leaf .papier .paper-btn.btn-primary-outline,
1625
+ p-leaf .papier [type=button].btn-primary-outline {
1626
+ background-color: #41403e;
1627
+ background-color: var(--main-background);
1628
+ color: #41403e;
1629
+ color: var(--primary);
1630
+ border-color: #41403e;
1631
+ border-color: var(--primary);
1632
+ }
1633
+ p-leaf .papier button.btn-primary-outline:hover,
1634
+ p-leaf .papier .paper-btn.btn-primary-outline:hover,
1635
+ p-leaf .papier [type=button].btn-primary-outline:hover {
1636
+ background-color: #cdcccb;
1637
+ }
1638
+ p-leaf .papier button.btn-primary-outline:hover:active,
1639
+ p-leaf .papier .paper-btn.btn-primary-outline:hover:active,
1640
+ p-leaf .papier [type=button].btn-primary-outline:hover:active {
1641
+ background-color: #b4b3b0;
1642
+ }
1643
+ p-leaf .papier button.btn-secondary-outline,
1644
+ p-leaf .papier .paper-btn.btn-secondary-outline,
1645
+ p-leaf .papier [type=button].btn-secondary-outline {
1646
+ background-color: #41403e;
1647
+ background-color: var(--main-background);
1648
+ color: #41403e;
1649
+ color: var(--secondary);
1650
+ border-color: #41403e;
1651
+ border-color: var(--secondary);
1652
+ }
1653
+ p-leaf .papier button.btn-secondary-outline:hover,
1654
+ p-leaf .papier .paper-btn.btn-secondary-outline:hover,
1655
+ p-leaf .papier [type=button].btn-secondary-outline:hover {
1656
+ background-color: #d8ebfd;
1657
+ }
1658
+ p-leaf .papier button.btn-secondary-outline:hover:active,
1659
+ p-leaf .papier .paper-btn.btn-secondary-outline:hover:active,
1660
+ p-leaf .papier [type=button].btn-secondary-outline:hover:active {
1661
+ background-color: #a7d3fa;
1662
+ }
1663
+ p-leaf .papier button.btn-success-outline,
1664
+ p-leaf .papier .paper-btn.btn-success-outline,
1665
+ p-leaf .papier [type=button].btn-success-outline {
1666
+ background-color: #41403e;
1667
+ background-color: var(--main-background);
1668
+ color: #41403e;
1669
+ color: var(--success);
1670
+ border-color: #41403e;
1671
+ border-color: var(--success);
1672
+ }
1673
+ p-leaf .papier button.btn-success-outline:hover,
1674
+ p-leaf .papier .paper-btn.btn-success-outline:hover,
1675
+ p-leaf .papier [type=button].btn-success-outline:hover {
1676
+ background-color: #d5dfc8;
1677
+ }
1678
+ p-leaf .papier button.btn-success-outline:hover:active,
1679
+ p-leaf .papier .paper-btn.btn-success-outline:hover:active,
1680
+ p-leaf .papier [type=button].btn-success-outline:hover:active {
1681
+ background-color: #bccca8;
1682
+ }
1683
+ p-leaf .papier button.btn-warning-outline,
1684
+ p-leaf .papier .paper-btn.btn-warning-outline,
1685
+ p-leaf .papier [type=button].btn-warning-outline {
1686
+ background-color: #41403e;
1687
+ background-color: var(--main-background);
1688
+ color: #41403e;
1689
+ color: var(--warning);
1690
+ border-color: #41403e;
1691
+ border-color: var(--warning);
1692
+ }
1693
+ p-leaf .papier button.btn-warning-outline:hover,
1694
+ p-leaf .papier .paper-btn.btn-warning-outline:hover,
1695
+ p-leaf .papier [type=button].btn-warning-outline:hover {
1696
+ background-color: #f5f0c6;
1697
+ }
1698
+ p-leaf .papier button.btn-warning-outline:hover:active,
1699
+ p-leaf .papier .paper-btn.btn-warning-outline:hover:active,
1700
+ p-leaf .papier [type=button].btn-warning-outline:hover:active {
1701
+ background-color: #ede49b;
1702
+ }
1703
+ p-leaf .papier button.btn-danger-outline,
1704
+ p-leaf .papier .paper-btn.btn-danger-outline,
1705
+ p-leaf .papier [type=button].btn-danger-outline {
1706
+ background-color: #41403e;
1707
+ background-color: var(--main-background);
1708
+ color: #41403e;
1709
+ color: var(--danger);
1710
+ border-color: #41403e;
1711
+ border-color: var(--danger);
1712
+ }
1713
+ p-leaf .papier button.btn-danger-outline:hover,
1714
+ p-leaf .papier .paper-btn.btn-danger-outline:hover,
1715
+ p-leaf .papier [type=button].btn-danger-outline:hover {
1716
+ background-color: #f0cbc9;
1717
+ }
1718
+ p-leaf .papier button.btn-danger-outline:hover:active,
1719
+ p-leaf .papier .paper-btn.btn-danger-outline:hover:active,
1720
+ p-leaf .papier [type=button].btn-danger-outline:hover:active {
1721
+ background-color: #e6a5a1;
1722
+ }
1723
+ p-leaf .papier button.btn-muted-outline,
1724
+ p-leaf .papier .paper-btn.btn-muted-outline,
1725
+ p-leaf .papier [type=button].btn-muted-outline {
1726
+ background-color: #41403e;
1727
+ background-color: var(--main-background);
1728
+ color: #41403e;
1729
+ color: var(--muted);
1730
+ border-color: #41403e;
1731
+ border-color: var(--muted);
1732
+ }
1733
+ p-leaf .papier button.btn-muted-outline:hover,
1734
+ p-leaf .papier .paper-btn.btn-muted-outline:hover,
1735
+ p-leaf .papier [type=button].btn-muted-outline:hover {
1736
+ background-color: #e6e7e9;
1737
+ }
1738
+ p-leaf .papier button.btn-muted-outline:hover:active,
1739
+ p-leaf .papier .paper-btn.btn-muted-outline:hover:active,
1740
+ p-leaf .papier [type=button].btn-muted-outline:hover:active {
1741
+ background-color: #caced1;
1742
+ }
1743
+ p-leaf .papier .card {
1744
+ transition: all 235ms ease 0s;
1745
+ box-shadow: 15px 28px 25px -18px rgba(0, 0, 0, 0.2);
1746
+ border-color: #41403e;
1747
+ border-color: var(--muted-light);
1748
+ -webkit-backface-visibility: hidden;
1749
+ backface-visibility: hidden;
1750
+ border-style: solid;
1751
+ border-width: 2px;
1752
+ display: flex;
1753
+ flex-direction: column;
1754
+ position: relative;
1755
+ will-change: transform;
1756
+ word-wrap: break-word;
1757
+ }
1758
+ p-leaf .papier .card:hover {
1759
+ transform: translate3d(0, 2px, 0);
1760
+ box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
1761
+ }
1762
+ p-leaf .papier .card .card-header,
1763
+ p-leaf .papier .card .card-footer {
1764
+ background-color: #41403e;
1765
+ background-color: var(--white-dark);
1766
+ border-color: #41403e;
1767
+ border-color: var(--muted-light);
1768
+ padding: 0.75rem 1.25rem;
1769
+ }
1770
+ p-leaf .papier .card .card-header {
1771
+ border-bottom-style: solid;
1772
+ border-bottom-width: 2px;
1773
+ }
1774
+ p-leaf .papier .card .card-footer {
1775
+ border-top-style: solid;
1776
+ border-top-width: 2px;
1777
+ }
1778
+ p-leaf .papier .card .card-body {
1779
+ flex: 1 1 auto;
1780
+ padding: 1.25rem;
1781
+ }
1782
+ p-leaf .papier .card .card-body .card-title,
1783
+ p-leaf .papier .card .card-body h4 {
1784
+ margin-bottom: 0.5rem;
1785
+ margin-top: 0;
1786
+ }
1787
+ p-leaf .papier .card .card-body .card-subtitle,
1788
+ p-leaf .papier .card .card-body h5 {
1789
+ color: #0b74d5;
1790
+ margin-bottom: 0.5rem;
1791
+ margin-top: 0;
1792
+ }
1793
+ p-leaf .papier .card .card-body .card-text,
1794
+ p-leaf .papier .card .card-body p {
1795
+ margin-bottom: 1rem;
1796
+ margin-top: 0;
1797
+ }
1798
+ p-leaf .papier .card .card-body .card-link + .card-link,
1799
+ p-leaf .papier .card .card-body a + a {
1800
+ margin-left: 1.25rem;
1801
+ }
1802
+ p-leaf .papier .card .image-top,
1803
+ p-leaf .papier .card .image-bottom,
1804
+ p-leaf .papier .card img {
1805
+ border: 0;
1806
+ border-radius: 0;
1807
+ }
1808
+ p-leaf .papier input,
1809
+ p-leaf .papier select,
1810
+ p-leaf .papier textarea {
1811
+ color: #41403e;
1812
+ color: var(--primary);
1813
+ border-color: #41403e;
1814
+ border-color: var(--primary);
1815
+ background: transparent;
1816
+ border-bottom-left-radius: 15px 255px;
1817
+ border-bottom-right-radius: 225px 15px;
1818
+ border-style: solid;
1819
+ border-top-left-radius: 255px 15px;
1820
+ border-top-right-radius: 15px 225px;
1821
+ border-width: 2px;
1822
+ display: block;
1823
+ font-size: 1rem;
1824
+ outline: none;
1825
+ padding: 0.5rem;
1826
+ }
1827
+ p-leaf .papier input:focus,
1828
+ p-leaf .papier select:focus,
1829
+ p-leaf .papier textarea:focus {
1830
+ border-color: #41403e;
1831
+ border-color: var(--secondary);
1832
+ border-style: solid;
1833
+ border-width: 2px;
1834
+ }
1835
+ p-leaf .papier select {
1836
+ height: 2.35rem;
1837
+ }
1838
+ p-leaf .papier .disabled, p-leaf .papier input.disabled, p-leaf .papier input[disabled],
1839
+ p-leaf .papier select.disabled,
1840
+ p-leaf .papier select[disabled],
1841
+ p-leaf .papier textarea.disabled,
1842
+ p-leaf .papier textarea[disabled] {
1843
+ cursor: not-allowed;
1844
+ opacity: 0.5;
1845
+ }
1846
+ p-leaf .papier .form-group {
1847
+ margin-bottom: 1rem;
1848
+ }
1849
+ p-leaf .papier .form-group > label,
1850
+ p-leaf .papier .form-group legend {
1851
+ display: inline-block;
1852
+ margin-bottom: 0.5rem;
1853
+ }
1854
+ p-leaf .papier .form-group .input-block {
1855
+ width: 100%;
1856
+ }
1857
+ p-leaf .papier .form-group textarea {
1858
+ max-height: 90vh;
1859
+ max-width: 100%;
1860
+ }
1861
+ p-leaf .papier .form-group textarea.no-resize {
1862
+ resize: none;
1863
+ }
1864
+ p-leaf .papier .form-group .paper-radio,
1865
+ p-leaf .papier .form-group .paper-check {
1866
+ cursor: pointer;
1867
+ display: block;
1868
+ margin-bottom: 0.5rem;
1869
+ /* the basic, unchecked style */
1870
+ }
1871
+ p-leaf .papier .form-group .paper-radio input,
1872
+ p-leaf .papier .form-group .paper-check input {
1873
+ border: 0;
1874
+ height: 1px;
1875
+ margin: -1px;
1876
+ opacity: 0;
1877
+ overflow: hidden;
1878
+ padding: 0;
1879
+ position: absolute;
1880
+ width: 1px;
1881
+ /* radio styles */
1882
+ /* checkbox styles */
1883
+ }
1884
+ p-leaf .papier .form-group .paper-radio input + span,
1885
+ p-leaf .papier .form-group .paper-check input + span {
1886
+ display: block;
1887
+ }
1888
+ p-leaf .papier .form-group .paper-radio input + span::before,
1889
+ p-leaf .papier .form-group .paper-check input + span::before {
1890
+ border-color: #41403e;
1891
+ border-color: var(--primary);
1892
+ border-style: solid;
1893
+ border-width: 2px;
1894
+ content: "";
1895
+ display: inline-block;
1896
+ height: 1rem;
1897
+ margin-right: 0.75em;
1898
+ position: relative;
1899
+ vertical-align: -0.25em;
1900
+ width: 1rem;
1901
+ }
1902
+ p-leaf .papier .form-group .paper-radio input[type=radio] + span::before,
1903
+ p-leaf .papier .form-group .paper-check input[type=radio] + span::before {
1904
+ border-bottom-left-radius: 0.7rem 1rem;
1905
+ border-bottom-right-radius: 1rem 0.9rem;
1906
+ border-top-left-radius: 1rem 1rem;
1907
+ border-top-right-radius: 1rem 0.6rem;
1908
+ }
1909
+ p-leaf .papier .form-group .paper-radio input[type=radio]:checked + span::before,
1910
+ p-leaf .papier .form-group .paper-check input[type=radio]:checked + span::before {
1911
+ 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;
1912
+ }
1913
+ p-leaf .papier .form-group .paper-radio input[type=checkbox],
1914
+ p-leaf .papier .form-group .paper-check input[type=checkbox] {
1915
+ /* checked */
1916
+ }
1917
+ p-leaf .papier .form-group .paper-radio input[type=checkbox] + span::before,
1918
+ p-leaf .papier .form-group .paper-check input[type=checkbox] + span::before {
1919
+ border-bottom-left-radius: 15px 255px;
1920
+ border-bottom-right-radius: 225px 15px;
1921
+ border-top-left-radius: 255px 15px;
1922
+ border-top-right-radius: 15px 225px;
1923
+ }
1924
+ p-leaf .papier .form-group .paper-radio input[type=checkbox]:checked + span::before,
1925
+ p-leaf .papier .form-group .paper-check input[type=checkbox]:checked + span::before {
1926
+ 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;
1927
+ }
1928
+ p-leaf .papier .form-group .paper-switch-label,
1929
+ p-leaf .papier .form-group .paper-switch-2-label {
1930
+ cursor: pointer;
1931
+ float: left;
1932
+ }
1933
+ p-leaf .papier .form-group .paper-switch-label {
1934
+ margin: -6px 10px 0 0;
1935
+ }
1936
+ p-leaf .papier .form-group .paper-switch-2-label {
1937
+ margin: 0 10px 0 0;
1938
+ }
1939
+ p-leaf .papier .form-group .paper-switch,
1940
+ p-leaf .papier .form-group .paper-switch-2 {
1941
+ display: block;
1942
+ float: left;
1943
+ margin: 0 10px 0 0;
1944
+ position: relative;
1945
+ }
1946
+ p-leaf .papier .form-group .paper-switch input,
1947
+ p-leaf .papier .form-group .paper-switch-2 input {
1948
+ height: 0;
1949
+ opacity: 0;
1950
+ width: 0;
1951
+ }
1952
+ p-leaf .papier .form-group .paper-switch input:checked + .paper-switch-slider,
1953
+ p-leaf .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider {
1954
+ background-color: #41403e;
1955
+ background-color: var(--success-light);
1956
+ }
1957
+ p-leaf .papier .form-group .paper-switch input:checked + .paper-switch-slider::before,
1958
+ p-leaf .papier .form-group .paper-switch-2 input:checked + .paper-switch-slider::before {
1959
+ transform: translateX(26px);
1960
+ }
1961
+ p-leaf .papier .form-group .paper-switch input:focus + .paper-switch-slider,
1962
+ p-leaf .papier .form-group .paper-switch-2 input:focus + .paper-switch-slider {
1963
+ box-shadow: 0 0 3px #0b74d5;
1964
+ }
1965
+ p-leaf .papier .form-group .paper-switch .paper-switch-slider,
1966
+ p-leaf .papier .form-group .paper-switch-2 .paper-switch-slider {
1967
+ border-color: #41403e;
1968
+ border-color: var(--primary);
1969
+ border-bottom-left-radius: 15px 255px;
1970
+ border-bottom-right-radius: 225px 15px;
1971
+ border-style: solid;
1972
+ border-top-left-radius: 255px 15px;
1973
+ border-top-right-radius: 15px 225px;
1974
+ border-width: 2px;
1975
+ bottom: 0;
1976
+ cursor: pointer;
1977
+ left: 0;
1978
+ position: absolute;
1979
+ right: 0;
1980
+ top: 0;
1981
+ transition: 0.4s;
1982
+ }
1983
+ p-leaf .papier .form-group .paper-switch .paper-switch-slider::before,
1984
+ p-leaf .papier .form-group .paper-switch-2 .paper-switch-slider::before {
1985
+ background: #41403e;
1986
+ background: var(--secondary);
1987
+ border-bottom-left-radius: 15px 255px;
1988
+ border-bottom-right-radius: 225px 15px;
1989
+ border-top-left-radius: 255px 15px;
1990
+ border-top-right-radius: 15px 225px;
1991
+ content: "";
1992
+ left: 4px;
1993
+ position: absolute;
1994
+ transition: 0.4s;
1995
+ }
1996
+ p-leaf .papier .form-group .paper-switch .paper-switch-slider.round,
1997
+ p-leaf .papier .form-group .paper-switch-2 .paper-switch-slider.round {
1998
+ border-color: #41403e;
1999
+ border-color: var(--primary);
2000
+ border-bottom-left-radius: 0.7rem 1rem;
2001
+ border-bottom-right-radius: 1rem 0.9rem;
2002
+ border-style: solid;
2003
+ border-top-left-radius: 1rem 1rem;
2004
+ border-top-right-radius: 1rem 0.6rem;
2005
+ border-width: 2px;
2006
+ }
2007
+ p-leaf .papier .form-group .paper-switch .paper-switch-slider.round::before,
2008
+ p-leaf .papier .form-group .paper-switch-2 .paper-switch-slider.round::before {
2009
+ 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;
2010
+ border-bottom-left-radius: 0.7rem 1rem;
2011
+ border-bottom-right-radius: 1rem 0.9rem;
2012
+ border-top-left-radius: 1rem 1rem;
2013
+ border-top-right-radius: 1rem 0.6rem;
2014
+ left: 4px;
2015
+ }
2016
+ p-leaf .papier .form-group .paper-switch {
2017
+ height: 12px;
2018
+ width: 60px;
2019
+ }
2020
+ p-leaf .papier .form-group .paper-switch .paper-switch-slider::before {
2021
+ bottom: -6px;
2022
+ height: 20px;
2023
+ width: 20px;
2024
+ }
2025
+ p-leaf .papier .form-group .paper-switch .paper-switch-slider.round::before {
2026
+ bottom: -7px;
2027
+ height: 23px;
2028
+ width: 23px;
2029
+ }
2030
+ p-leaf .papier .form-group .paper-switch-2 {
2031
+ height: 22px;
2032
+ width: 50px;
2033
+ }
2034
+ p-leaf .papier .form-group .paper-switch-2 .paper-switch-slider::before {
2035
+ bottom: 2px;
2036
+ height: 14px;
2037
+ width: 14px;
2038
+ }
2039
+ p-leaf .papier .form-group .paper-switch-2 .paper-switch-slider.round::before {
2040
+ bottom: 2px;
2041
+ height: 14px;
2042
+ width: 14px;
2043
+ }
2044
+ p-leaf .papier .form-group .paper-switch-tile {
2045
+ cursor: pointer;
2046
+ display: block;
2047
+ float: left;
2048
+ height: 80px;
2049
+ margin: 40px 0 0 40px;
2050
+ perspective: 1000px;
2051
+ position: relative;
2052
+ transform: translate(-50%, -50%);
2053
+ transform-style: preserve-3d;
2054
+ width: 80px;
2055
+ }
2056
+ p-leaf .papier .form-group .paper-switch-tile:hover .paper-switch-tile-card {
2057
+ box-shadow: 2px 8px 4px -5px rgba(0, 0, 0, 0.2);
2058
+ transform: rotateX(30deg);
2059
+ }
2060
+ p-leaf .papier .form-group .paper-switch-tile:hover:checked + .paper-switch-tile-card {
2061
+ background-color: transparent;
2062
+ box-shadow: 0 10px 15px -15px rgba(0, 0, 0, 0.9);
2063
+ transform: rotateX(150deg);
2064
+ }
2065
+ p-leaf .papier .form-group .paper-switch-tile input {
2066
+ display: none;
2067
+ }
2068
+ p-leaf .papier .form-group .paper-switch-tile input:checked + .paper-switch-tile-card {
2069
+ transform: rotateX(180deg);
2070
+ }
2071
+ p-leaf .papier .form-group .paper-switch-tile-card {
2072
+ background-color: transparent;
2073
+ border-color: transparent;
2074
+ height: 100%;
2075
+ position: relative;
2076
+ transform-style: preserve-3d;
2077
+ transition: all 600ms;
2078
+ width: 100%;
2079
+ }
2080
+ p-leaf .papier .form-group .paper-switch-tile-card div {
2081
+ -webkit-backface-visibility: hidden;
2082
+ backface-visibility: hidden;
2083
+ box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
2084
+ height: 100%;
2085
+ line-height: 70px;
2086
+ position: absolute;
2087
+ text-align: center;
2088
+ width: 100%;
2089
+ }
2090
+ p-leaf .papier .form-group .paper-switch-tile-card .paper-switch-tile-card-back {
2091
+ transform: rotateX(180deg);
2092
+ }
2093
+ p-leaf .papier .form-group input[type=range] {
2094
+ -webkit-appearance: none;
2095
+ -moz-appearance: none;
2096
+ appearance: none;
2097
+ border-width: 0;
2098
+ padding: 0;
2099
+ /* For Chromium */
2100
+ /* For Mozilla Firefox */
2101
+ /* For IE */
2102
+ }
2103
+ p-leaf .papier .form-group input[type=range]::-webkit-slider-runnable-track {
2104
+ background: #41403e;
2105
+ background: var(--secondary);
2106
+ border-color: #41403e;
2107
+ border-color: var(--primary);
2108
+ border-radius: 18px;
2109
+ border-style: solid;
2110
+ border-width: 1px;
2111
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
2112
+ cursor: pointer;
2113
+ height: 8px;
2114
+ margin: 10px 0;
2115
+ width: 100%;
2116
+ }
2117
+ p-leaf .papier .form-group input[type=range]::-webkit-slider-thumb {
2118
+ background: #41403e;
2119
+ background: var(--white);
2120
+ border-color: #41403e;
2121
+ border-color: var(--primary);
2122
+ -webkit-appearance: none;
2123
+ appearance: none;
2124
+ border-bottom-left-radius: 0.7rem 1rem;
2125
+ border-bottom-right-radius: 1rem 0.9rem;
2126
+ border-style: solid;
2127
+ border-top-left-radius: 1rem 1rem;
2128
+ border-top-right-radius: 1rem 0.6rem;
2129
+ border-width: 1px;
2130
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
2131
+ cursor: pointer;
2132
+ height: 36px;
2133
+ margin-top: -14px;
2134
+ width: 16px;
2135
+ }
2136
+ p-leaf .papier .form-group input[type=range]::-moz-range-track {
2137
+ background: #41403e;
2138
+ background: var(--secondary);
2139
+ border-color: #41403e;
2140
+ border-color: var(--primary);
2141
+ border-radius: 18px;
2142
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
2143
+ cursor: pointer;
2144
+ height: 8px;
2145
+ width: 100%;
2146
+ }
2147
+ p-leaf .papier .form-group input[type=range]::-moz-range-thumb {
2148
+ background: #41403e;
2149
+ background: var(--white);
2150
+ border-color: #41403e;
2151
+ border-color: var(--primary);
2152
+ border-bottom-left-radius: 0.7rem 1rem;
2153
+ border-bottom-right-radius: 1rem 0.9rem;
2154
+ border-style: solid;
2155
+ border-top-left-radius: 1rem 1rem;
2156
+ border-top-right-radius: 1rem 0.6rem;
2157
+ border-width: 1px;
2158
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
2159
+ cursor: pointer;
2160
+ height: 36px;
2161
+ width: 16px;
2162
+ }
2163
+ p-leaf .papier .form-group input[type=range]::-ms-track {
2164
+ background: transparent;
2165
+ border-color: transparent;
2166
+ border-width: 16px 0;
2167
+ color: transparent;
2168
+ cursor: pointer;
2169
+ height: 8px;
2170
+ width: 100%;
2171
+ }
2172
+ p-leaf .papier .form-group input[type=range]::-ms-fill-lower, p-leaf .papier .form-group input[type=range]::-ms-fill-upper {
2173
+ background: #41403e;
2174
+ background: var(--secondary);
2175
+ border-color: #41403e;
2176
+ border-color: var(--primary);
2177
+ border-radius: 18px;
2178
+ border-style: solid;
2179
+ border-width: 1px;
2180
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
2181
+ }
2182
+ p-leaf .papier .form-group input[type=range]::-ms-thumb {
2183
+ background: #41403e;
2184
+ background: var(--white);
2185
+ border-color: #41403e;
2186
+ border-color: var(--primary);
2187
+ border: 1px solid #41403e;
2188
+ border-bottom-left-radius: 0.7rem 1rem;
2189
+ border-bottom-right-radius: 1rem 0.9rem;
2190
+ border-style: solid;
2191
+ border-top-left-radius: 1rem 1rem;
2192
+ border-top-right-radius: 1rem 0.6rem;
2193
+ border-width: 1px;
2194
+ box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
2195
+ cursor: pointer;
2196
+ height: 36px;
2197
+ width: 16px;
2198
+ }
2199
+ p-leaf .papier fieldset.form-group {
2200
+ border: 0;
2201
+ padding: 0;
2202
+ }
2203
+ p-leaf .papier .modal {
2204
+ transition: opacity 235ms ease-in-out 0s;
2205
+ background: rgba(0, 0, 0, 0.6);
2206
+ bottom: 0;
2207
+ flex: 1 1 auto;
2208
+ left: 0;
2209
+ opacity: 0;
2210
+ position: fixed;
2211
+ right: 0;
2212
+ text-align: left;
2213
+ top: 0;
2214
+ visibility: hidden;
2215
+ word-wrap: break-word;
2216
+ z-index: 200;
2217
+ }
2218
+ p-leaf .papier .modal-bg {
2219
+ bottom: 0;
2220
+ cursor: pointer;
2221
+ left: 0;
2222
+ position: absolute;
2223
+ right: 0;
2224
+ top: 0;
2225
+ }
2226
+ p-leaf .papier .modal .modal-body {
2227
+ color: #41403e;
2228
+ color: var(--primary);
2229
+ background: #41403e;
2230
+ background: var(--main-background);
2231
+ border-color: #41403e;
2232
+ border-color: var(--muted-light);
2233
+ transition: all 235ms ease-in-out 0s;
2234
+ -webkit-backface-visibility: hidden;
2235
+ backface-visibility: hidden;
2236
+ border: 2px solid;
2237
+ left: 50%;
2238
+ padding: 1.25rem;
2239
+ position: absolute;
2240
+ top: 0;
2241
+ transform: translate(-50%, -50%);
2242
+ }
2243
+ @media only screen and (max-width: 768px) {
2244
+ p-leaf .papier .modal .modal-body {
2245
+ box-sizing: border-box;
2246
+ width: 90%;
2247
+ }
2248
+ }
2249
+ p-leaf .papier .modal .btn-close {
2250
+ color: #41403e;
2251
+ color: var(--primary-light);
2252
+ transition: all 235ms ease-in-out 0s;
2253
+ cursor: pointer;
2254
+ font-size: 30px;
2255
+ height: 1.1rem;
2256
+ position: absolute;
2257
+ right: 1rem;
2258
+ text-decoration: none;
2259
+ top: 1rem;
2260
+ width: 1.1rem;
2261
+ }
2262
+ p-leaf .papier .modal .btn-close:hover, p-leaf .papier .modal .btn-close:active, p-leaf .papier .modal .btn-close:focus {
2263
+ color: #41403e;
2264
+ color: var(--primary);
2265
+ }
2266
+ p-leaf .papier .modal h4,
2267
+ p-leaf .papier .modal .modal-title {
2268
+ margin-bottom: 0.5rem;
2269
+ margin-top: 0;
2270
+ }
2271
+ p-leaf .papier .modal h5,
2272
+ p-leaf .papier .modal .modal-subtitle {
2273
+ color: #41403e;
2274
+ color: var(--secondary);
2275
+ margin-bottom: 0.5rem;
2276
+ margin-top: 0;
2277
+ }
2278
+ p-leaf .papier .modal p,
2279
+ p-leaf .papier .modal .modal-text {
2280
+ margin-bottom: 1rem;
2281
+ margin-top: 0;
2282
+ }
2283
+ p-leaf .papier .modal .modal-link + .modal-link,
2284
+ p-leaf .papier .modal a + a {
2285
+ margin-left: 1.25rem;
2286
+ }
2287
+ p-leaf .papier .modal .paper-btn {
2288
+ background: #41403e;
2289
+ background: var(--main-background);
2290
+ display: inline-block;
2291
+ text-decoration: none;
2292
+ }
2293
+ p-leaf .papier .modal .modal-link,
2294
+ p-leaf .papier .modal a {
2295
+ 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%);
2296
+ background-position: 0 90%;
2297
+ background-repeat: repeat-x;
2298
+ background-size: 4px 3px;
2299
+ cursor: pointer;
2300
+ text-decoration: none;
2301
+ }
2302
+ p-leaf .papier .modal .modal-link:hover, p-leaf .papier .modal .modal-link:focus, p-leaf .papier .modal .modal-link:visited,
2303
+ p-leaf .papier .modal a:hover,
2304
+ p-leaf .papier .modal a:focus,
2305
+ p-leaf .papier .modal a:visited {
2306
+ color: #41403e;
2307
+ color: var(--primary);
2308
+ text-decoration: none;
2309
+ }
2310
+ p-leaf .papier .modal-state {
2311
+ display: none;
2312
+ }
2313
+ p-leaf .papier .modal-state:checked + .modal {
2314
+ opacity: 1;
2315
+ visibility: visible;
2316
+ }
2317
+ p-leaf .papier .modal-state:checked + .modal .modal-body {
2318
+ top: 50%;
2319
+ }
2320
+ p-leaf .papier [popover-top],
2321
+ p-leaf .papier [popover-right],
2322
+ p-leaf .papier [popover-bottom],
2323
+ p-leaf .papier [popover-left] {
2324
+ margin: 24px;
2325
+ position: relative;
2326
+ }
2327
+ p-leaf .papier [popover-top]:hover::after,
2328
+ p-leaf .papier [popover-right]:hover::after,
2329
+ p-leaf .papier [popover-bottom]:hover::after,
2330
+ p-leaf .papier [popover-left]:hover::after {
2331
+ opacity: 1;
2332
+ transition: opacity 235ms ease-in-out, visibility 0s linear;
2333
+ visibility: visible;
2334
+ }
2335
+ p-leaf .papier [popover-top]::after,
2336
+ p-leaf .papier [popover-right]::after,
2337
+ p-leaf .papier [popover-bottom]::after,
2338
+ p-leaf .papier [popover-left]::after {
2339
+ border-bottom-left-radius: 15px 255px;
2340
+ border-bottom-right-radius: 225px 15px;
2341
+ border-top-left-radius: 255px 15px;
2342
+ border-top-right-radius: 15px 225px;
2343
+ background-color: #41403e;
2344
+ background-color: var(--light-dark);
2345
+ border-color: #41403e;
2346
+ border-color: var(--light-dark);
2347
+ color: #41403e;
2348
+ color: var(--primary-inverse);
2349
+ border-style: solid;
2350
+ border-width: 2px;
2351
+ font-size: 0.7em;
2352
+ left: 50%;
2353
+ min-width: 80px;
2354
+ opacity: 0;
2355
+ padding: 4px 2px;
2356
+ position: absolute;
2357
+ text-align: center;
2358
+ top: -6px;
2359
+ transform: translateX(-50%) translateY(-100%);
2360
+ transition: opacity 235ms ease-in-out, visibility 0s linear 235ms;
2361
+ visibility: hidden;
2362
+ }
2363
+ p-leaf .papier [popover-left]::before {
2364
+ left: 0;
2365
+ margin-left: -12px;
2366
+ top: 50%;
2367
+ transform: translateY(-50%) rotate(-90deg);
2368
+ }
2369
+ p-leaf .papier [popover-left]::after {
2370
+ content: attr(popover-left);
2371
+ left: 0;
2372
+ margin-left: -8px;
2373
+ top: 50%;
2374
+ transform: translateX(-100%) translateY(-50%);
2375
+ }
2376
+ p-leaf .papier [popover-right]::before {
2377
+ left: 100%;
2378
+ margin-left: 1px;
2379
+ top: 50%;
2380
+ transform: translatey(-50%) rotate(90deg);
2381
+ }
2382
+ p-leaf .papier [popover-right]::after {
2383
+ content: attr(popover-right);
2384
+ left: 100%;
2385
+ margin-left: 8px;
2386
+ top: 50%;
2387
+ transform: translateX(0%) translateY(-50%);
2388
+ }
2389
+ p-leaf .papier [popover-top]::before {
2390
+ left: 50%;
2391
+ }
2392
+ p-leaf .papier [popover-top]::after {
2393
+ content: attr(popover-top);
2394
+ left: 50%;
2395
+ }
2396
+ p-leaf .papier [popover-bottom]::before {
2397
+ margin-top: 8px;
2398
+ top: 100%;
2399
+ transform: translateX(-50%) translatey(-100%) rotate(-180deg);
2400
+ }
2401
+ p-leaf .papier [popover-bottom]::after {
2402
+ content: attr(popover-bottom);
2403
+ margin-top: 8px;
2404
+ top: 100%;
2405
+ transform: translateX(-50%) translateY(0%);
2406
+ }
2407
+ p-leaf .papier .progress {
2408
+ border-bottom-left-radius: 20px 115px;
2409
+ border-bottom-right-radius: 15px 105px;
2410
+ border-top-left-radius: 250px 15px;
2411
+ border-top-right-radius: 25px 80px;
2412
+ border-color: #41403e;
2413
+ border-color: var(--primary);
2414
+ border: 2px solid;
2415
+ box-shadow: 2px 8px 8px -5px rgba(0, 0, 0, 0.3);
2416
+ height: 1.2rem;
2417
+ overflow: hidden;
2418
+ width: 100%;
2419
+ }
2420
+ p-leaf .papier .progress .bar {
2421
+ border-bottom-left-radius: 20px 115px;
2422
+ border-bottom-right-radius: 15px 105px;
2423
+ border-top-left-radius: 250px 15px;
2424
+ border-top-right-radius: 25px 80px;
2425
+ transition: all 235ms ease-in-out 0s;
2426
+ background-color: #41403e;
2427
+ background-color: var(--primary-light);
2428
+ border-color: #41403e;
2429
+ border-color: var(--primary);
2430
+ border-right: 2px solid;
2431
+ display: flex;
2432
+ flex-direction: column;
2433
+ font-size: 0.6rem;
2434
+ height: 100%;
2435
+ justify-content: center;
2436
+ text-align: center;
2437
+ width: 0%;
2438
+ }
2439
+ p-leaf .papier .progress .bar.striped {
2440
+ background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem);
2441
+ }
2442
+ p-leaf .papier .progress .bar.primary {
2443
+ background-color: #41403e;
2444
+ background-color: var(--primary-light);
2445
+ }
2446
+ p-leaf .papier .progress .bar.primary.striped {
2447
+ background: repeating-linear-gradient(45deg, #cdcccb, #cdcccb 0.25rem, #b4b3b0 0.25rem, #b4b3b0 0.5rem);
2448
+ }
2449
+ p-leaf .papier .progress .bar.secondary {
2450
+ background-color: #41403e;
2451
+ background-color: var(--secondary-light);
2452
+ }
2453
+ p-leaf .papier .progress .bar.secondary.striped {
2454
+ background: repeating-linear-gradient(45deg, #d8ebfd, #d8ebfd 0.25rem, #a7d3fa 0.25rem, #a7d3fa 0.5rem);
2455
+ }
2456
+ p-leaf .papier .progress .bar.success {
2457
+ background-color: #41403e;
2458
+ background-color: var(--success-light);
2459
+ }
2460
+ p-leaf .papier .progress .bar.success.striped {
2461
+ background: repeating-linear-gradient(45deg, #d5dfc8, #d5dfc8 0.25rem, #bccca8 0.25rem, #bccca8 0.5rem);
2462
+ }
2463
+ p-leaf .papier .progress .bar.warning {
2464
+ background-color: #41403e;
2465
+ background-color: var(--warning-light);
2466
+ }
2467
+ p-leaf .papier .progress .bar.warning.striped {
2468
+ background: repeating-linear-gradient(45deg, #f5f0c6, #f5f0c6 0.25rem, #ede49b 0.25rem, #ede49b 0.5rem);
2469
+ }
2470
+ p-leaf .papier .progress .bar.danger {
2471
+ background-color: #41403e;
2472
+ background-color: var(--danger-light);
2473
+ }
2474
+ p-leaf .papier .progress .bar.danger.striped {
2475
+ background: repeating-linear-gradient(45deg, #f0cbc9, #f0cbc9 0.25rem, #e6a5a1 0.25rem, #e6a5a1 0.5rem);
2476
+ }
2477
+ p-leaf .papier .progress .bar.muted {
2478
+ background-color: #41403e;
2479
+ background-color: var(--muted-light);
2480
+ }
2481
+ p-leaf .papier .progress .bar.muted.striped {
2482
+ background: repeating-linear-gradient(45deg, #e6e7e9, #e6e7e9 0.25rem, #caced1 0.25rem, #caced1 0.5rem);
2483
+ }
2484
+ p-leaf .papier .progress .bar.w-0 {
2485
+ width: 0%;
2486
+ }
2487
+ p-leaf .papier .progress .bar.w-1 {
2488
+ width: 1%;
2489
+ }
2490
+ p-leaf .papier .progress .bar.w-2 {
2491
+ width: 2%;
2492
+ }
2493
+ p-leaf .papier .progress .bar.w-3 {
2494
+ width: 3%;
2495
+ }
2496
+ p-leaf .papier .progress .bar.w-4 {
2497
+ width: 4%;
2498
+ }
2499
+ p-leaf .papier .progress .bar.w-5 {
2500
+ width: 5%;
2501
+ }
2502
+ p-leaf .papier .progress .bar.w-6 {
2503
+ width: 6%;
2504
+ }
2505
+ p-leaf .papier .progress .bar.w-7 {
2506
+ width: 7%;
2507
+ }
2508
+ p-leaf .papier .progress .bar.w-8 {
2509
+ width: 8%;
2510
+ }
2511
+ p-leaf .papier .progress .bar.w-9 {
2512
+ width: 9%;
2513
+ }
2514
+ p-leaf .papier .progress .bar.w-10 {
2515
+ width: 10%;
2516
+ }
2517
+ p-leaf .papier .progress .bar.w-11 {
2518
+ width: 11%;
2519
+ }
2520
+ p-leaf .papier .progress .bar.w-12 {
2521
+ width: 12%;
2522
+ }
2523
+ p-leaf .papier .progress .bar.w-13 {
2524
+ width: 13%;
2525
+ }
2526
+ p-leaf .papier .progress .bar.w-14 {
2527
+ width: 14%;
2528
+ }
2529
+ p-leaf .papier .progress .bar.w-15 {
2530
+ width: 15%;
2531
+ }
2532
+ p-leaf .papier .progress .bar.w-16 {
2533
+ width: 16%;
2534
+ }
2535
+ p-leaf .papier .progress .bar.w-17 {
2536
+ width: 17%;
2537
+ }
2538
+ p-leaf .papier .progress .bar.w-18 {
2539
+ width: 18%;
2540
+ }
2541
+ p-leaf .papier .progress .bar.w-19 {
2542
+ width: 19%;
2543
+ }
2544
+ p-leaf .papier .progress .bar.w-20 {
2545
+ width: 20%;
2546
+ }
2547
+ p-leaf .papier .progress .bar.w-21 {
2548
+ width: 21%;
2549
+ }
2550
+ p-leaf .papier .progress .bar.w-22 {
2551
+ width: 22%;
2552
+ }
2553
+ p-leaf .papier .progress .bar.w-23 {
2554
+ width: 23%;
2555
+ }
2556
+ p-leaf .papier .progress .bar.w-24 {
2557
+ width: 24%;
2558
+ }
2559
+ p-leaf .papier .progress .bar.w-25 {
2560
+ width: 25%;
2561
+ }
2562
+ p-leaf .papier .progress .bar.w-26 {
2563
+ width: 26%;
2564
+ }
2565
+ p-leaf .papier .progress .bar.w-27 {
2566
+ width: 27%;
2567
+ }
2568
+ p-leaf .papier .progress .bar.w-28 {
2569
+ width: 28%;
2570
+ }
2571
+ p-leaf .papier .progress .bar.w-29 {
2572
+ width: 29%;
2573
+ }
2574
+ p-leaf .papier .progress .bar.w-30 {
2575
+ width: 30%;
2576
+ }
2577
+ p-leaf .papier .progress .bar.w-31 {
2578
+ width: 31%;
2579
+ }
2580
+ p-leaf .papier .progress .bar.w-32 {
2581
+ width: 32%;
2582
+ }
2583
+ p-leaf .papier .progress .bar.w-33 {
2584
+ width: 33%;
2585
+ }
2586
+ p-leaf .papier .progress .bar.w-34 {
2587
+ width: 34%;
2588
+ }
2589
+ p-leaf .papier .progress .bar.w-35 {
2590
+ width: 35%;
2591
+ }
2592
+ p-leaf .papier .progress .bar.w-36 {
2593
+ width: 36%;
2594
+ }
2595
+ p-leaf .papier .progress .bar.w-37 {
2596
+ width: 37%;
2597
+ }
2598
+ p-leaf .papier .progress .bar.w-38 {
2599
+ width: 38%;
2600
+ }
2601
+ p-leaf .papier .progress .bar.w-39 {
2602
+ width: 39%;
2603
+ }
2604
+ p-leaf .papier .progress .bar.w-40 {
2605
+ width: 40%;
2606
+ }
2607
+ p-leaf .papier .progress .bar.w-41 {
2608
+ width: 41%;
2609
+ }
2610
+ p-leaf .papier .progress .bar.w-42 {
2611
+ width: 42%;
2612
+ }
2613
+ p-leaf .papier .progress .bar.w-43 {
2614
+ width: 43%;
2615
+ }
2616
+ p-leaf .papier .progress .bar.w-44 {
2617
+ width: 44%;
2618
+ }
2619
+ p-leaf .papier .progress .bar.w-45 {
2620
+ width: 45%;
2621
+ }
2622
+ p-leaf .papier .progress .bar.w-46 {
2623
+ width: 46%;
2624
+ }
2625
+ p-leaf .papier .progress .bar.w-47 {
2626
+ width: 47%;
2627
+ }
2628
+ p-leaf .papier .progress .bar.w-48 {
2629
+ width: 48%;
2630
+ }
2631
+ p-leaf .papier .progress .bar.w-49 {
2632
+ width: 49%;
2633
+ }
2634
+ p-leaf .papier .progress .bar.w-50 {
2635
+ width: 50%;
2636
+ }
2637
+ p-leaf .papier .progress .bar.w-51 {
2638
+ width: 51%;
2639
+ }
2640
+ p-leaf .papier .progress .bar.w-52 {
2641
+ width: 52%;
2642
+ }
2643
+ p-leaf .papier .progress .bar.w-53 {
2644
+ width: 53%;
2645
+ }
2646
+ p-leaf .papier .progress .bar.w-54 {
2647
+ width: 54%;
2648
+ }
2649
+ p-leaf .papier .progress .bar.w-55 {
2650
+ width: 55%;
2651
+ }
2652
+ p-leaf .papier .progress .bar.w-56 {
2653
+ width: 56%;
2654
+ }
2655
+ p-leaf .papier .progress .bar.w-57 {
2656
+ width: 57%;
2657
+ }
2658
+ p-leaf .papier .progress .bar.w-58 {
2659
+ width: 58%;
2660
+ }
2661
+ p-leaf .papier .progress .bar.w-59 {
2662
+ width: 59%;
2663
+ }
2664
+ p-leaf .papier .progress .bar.w-60 {
2665
+ width: 60%;
2666
+ }
2667
+ p-leaf .papier .progress .bar.w-61 {
2668
+ width: 61%;
2669
+ }
2670
+ p-leaf .papier .progress .bar.w-62 {
2671
+ width: 62%;
2672
+ }
2673
+ p-leaf .papier .progress .bar.w-63 {
2674
+ width: 63%;
2675
+ }
2676
+ p-leaf .papier .progress .bar.w-64 {
2677
+ width: 64%;
2678
+ }
2679
+ p-leaf .papier .progress .bar.w-65 {
2680
+ width: 65%;
2681
+ }
2682
+ p-leaf .papier .progress .bar.w-66 {
2683
+ width: 66%;
2684
+ }
2685
+ p-leaf .papier .progress .bar.w-67 {
2686
+ width: 67%;
2687
+ }
2688
+ p-leaf .papier .progress .bar.w-68 {
2689
+ width: 68%;
2690
+ }
2691
+ p-leaf .papier .progress .bar.w-69 {
2692
+ width: 69%;
2693
+ }
2694
+ p-leaf .papier .progress .bar.w-70 {
2695
+ width: 70%;
2696
+ }
2697
+ p-leaf .papier .progress .bar.w-71 {
2698
+ width: 71%;
2699
+ }
2700
+ p-leaf .papier .progress .bar.w-72 {
2701
+ width: 72%;
2702
+ }
2703
+ p-leaf .papier .progress .bar.w-73 {
2704
+ width: 73%;
2705
+ }
2706
+ p-leaf .papier .progress .bar.w-74 {
2707
+ width: 74%;
2708
+ }
2709
+ p-leaf .papier .progress .bar.w-75 {
2710
+ width: 75%;
2711
+ }
2712
+ p-leaf .papier .progress .bar.w-76 {
2713
+ width: 76%;
2714
+ }
2715
+ p-leaf .papier .progress .bar.w-77 {
2716
+ width: 77%;
2717
+ }
2718
+ p-leaf .papier .progress .bar.w-78 {
2719
+ width: 78%;
2720
+ }
2721
+ p-leaf .papier .progress .bar.w-79 {
2722
+ width: 79%;
2723
+ }
2724
+ p-leaf .papier .progress .bar.w-80 {
2725
+ width: 80%;
2726
+ }
2727
+ p-leaf .papier .progress .bar.w-81 {
2728
+ width: 81%;
2729
+ }
2730
+ p-leaf .papier .progress .bar.w-82 {
2731
+ width: 82%;
2732
+ }
2733
+ p-leaf .papier .progress .bar.w-83 {
2734
+ width: 83%;
2735
+ }
2736
+ p-leaf .papier .progress .bar.w-84 {
2737
+ width: 84%;
2738
+ }
2739
+ p-leaf .papier .progress .bar.w-85 {
2740
+ width: 85%;
2741
+ }
2742
+ p-leaf .papier .progress .bar.w-86 {
2743
+ width: 86%;
2744
+ }
2745
+ p-leaf .papier .progress .bar.w-87 {
2746
+ width: 87%;
2747
+ }
2748
+ p-leaf .papier .progress .bar.w-88 {
2749
+ width: 88%;
2750
+ }
2751
+ p-leaf .papier .progress .bar.w-89 {
2752
+ width: 89%;
2753
+ }
2754
+ p-leaf .papier .progress .bar.w-90 {
2755
+ width: 90%;
2756
+ }
2757
+ p-leaf .papier .progress .bar.w-91 {
2758
+ width: 91%;
2759
+ }
2760
+ p-leaf .papier .progress .bar.w-92 {
2761
+ width: 92%;
2762
+ }
2763
+ p-leaf .papier .progress .bar.w-93 {
2764
+ width: 93%;
2765
+ }
2766
+ p-leaf .papier .progress .bar.w-94 {
2767
+ width: 94%;
2768
+ }
2769
+ p-leaf .papier .progress .bar.w-95 {
2770
+ width: 95%;
2771
+ }
2772
+ p-leaf .papier .progress .bar.w-96 {
2773
+ width: 96%;
2774
+ }
2775
+ p-leaf .papier .progress .bar.w-97 {
2776
+ width: 97%;
2777
+ }
2778
+ p-leaf .papier .progress .bar.w-98 {
2779
+ width: 98%;
2780
+ }
2781
+ p-leaf .papier .progress .bar.w-99 {
2782
+ width: 99%;
2783
+ }
2784
+ p-leaf .papier .progress .bar.w-100 {
2785
+ width: 100%;
2786
+ }
2787
+ p-leaf .papier .progress .bar.w-0, p-leaf .papier .progress .bar.w-100 {
2788
+ border-right: 0;
2789
+ }
2790
+ p-leaf .papier .tabs .content {
2791
+ display: none;
2792
+ flex-basis: 100%;
2793
+ padding: 0.75rem 0 0;
2794
+ }
2795
+ p-leaf .papier .tabs input {
2796
+ display: none;
2797
+ }
2798
+ p-leaf .papier .tabs input:checked + label {
2799
+ color: #41403e;
2800
+ color: var(--primary);
2801
+ border-bottom-color: #41403e;
2802
+ border-bottom-color: var(--secondary);
2803
+ border-bottom-style: solid;
2804
+ border-bottom-width: 3px;
2805
+ }
2806
+ p-leaf .papier .tabs input[id$=tab1]:checked ~ div[id$=content1] {
2807
+ display: block;
2808
+ }
2809
+ p-leaf .papier .tabs input[id$=tab2]:checked ~ div[id$=content2] {
2810
+ display: block;
2811
+ }
2812
+ p-leaf .papier .tabs input[id$=tab3]:checked ~ div[id$=content3] {
2813
+ display: block;
2814
+ }
2815
+ p-leaf .papier .tabs input[id$=tab4]:checked ~ div[id$=content4] {
2816
+ display: block;
2817
+ }
2818
+ p-leaf .papier .tabs input[id$=tab5]:checked ~ div[id$=content5] {
2819
+ display: block;
2820
+ }
2821
+ p-leaf .papier .tabs label {
2822
+ color: #41403e;
2823
+ color: var(--primary-light);
2824
+ display: inline-block;
2825
+ font-weight: 600;
2826
+ margin: 0 0 -1px;
2827
+ padding: 0.75rem;
2828
+ text-align: center;
2829
+ }
2830
+ p-leaf .papier .tabs label:hover {
2831
+ color: #41403e;
2832
+ color: var(--muted);
2833
+ cursor: pointer;
2834
+ }
2835
+ p-leaf .papier .margin {
2836
+ margin: 1rem;
2837
+ }
2838
+ p-leaf .papier .margin-top {
2839
+ margin-top: 1rem;
2840
+ }
2841
+ p-leaf .papier .margin-top-large {
2842
+ margin-top: 2rem;
2843
+ }
2844
+ p-leaf .papier .margin-top-small {
2845
+ margin-top: 0.5rem;
2846
+ }
2847
+ p-leaf .papier .margin-top-none {
2848
+ margin-top: 0;
2849
+ }
2850
+ p-leaf .papier .margin-right {
2851
+ margin-right: 1rem;
2852
+ }
2853
+ p-leaf .papier .margin-right-large {
2854
+ margin-right: 2rem;
2855
+ }
2856
+ p-leaf .papier .margin-right-small {
2857
+ margin-right: 0.5rem;
2858
+ }
2859
+ p-leaf .papier .margin-right-none {
2860
+ margin-right: 0;
2861
+ }
2862
+ p-leaf .papier .margin-bottom {
2863
+ margin-bottom: 1rem;
2864
+ }
2865
+ p-leaf .papier .margin-bottom-large {
2866
+ margin-bottom: 2rem;
2867
+ }
2868
+ p-leaf .papier .margin-bottom-small {
2869
+ margin-bottom: 0.5rem;
2870
+ }
2871
+ p-leaf .papier .margin-bottom-none {
2872
+ margin-bottom: 0;
2873
+ }
2874
+ p-leaf .papier .margin-left {
2875
+ margin-left: 1rem;
2876
+ }
2877
+ p-leaf .papier .margin-left-large {
2878
+ margin-left: 2rem;
2879
+ }
2880
+ p-leaf .papier .margin-left-small {
2881
+ margin-left: 0.5rem;
2882
+ }
2883
+ p-leaf .papier .margin-left-none {
2884
+ margin-left: 0;
2885
+ }
2886
+ p-leaf .papier .margin-large {
2887
+ margin: 2rem;
2888
+ }
2889
+ p-leaf .papier .margin-small {
2890
+ margin: 0.5rem;
2891
+ }
2892
+ p-leaf .papier .margin-none {
2893
+ margin: 0;
2894
+ }
2895
+ p-leaf .papier .padding {
2896
+ padding: 1rem;
2897
+ }
2898
+ p-leaf .papier .padding-top {
2899
+ padding-top: 1rem;
2900
+ }
2901
+ p-leaf .papier .padding-top-large {
2902
+ padding-top: 2rem;
2903
+ }
2904
+ p-leaf .papier .padding-top-small {
2905
+ padding-top: 0.5rem;
2906
+ }
2907
+ p-leaf .papier .padding-top-none {
2908
+ padding-top: 0;
2909
+ }
2910
+ p-leaf .papier .padding-right {
2911
+ padding-right: 1rem;
2912
+ }
2913
+ p-leaf .papier .padding-right-large {
2914
+ padding-right: 2rem;
2915
+ }
2916
+ p-leaf .papier .padding-right-small {
2917
+ padding-right: 0.5rem;
2918
+ }
2919
+ p-leaf .papier .padding-right-none {
2920
+ padding-right: 0;
2921
+ }
2922
+ p-leaf .papier .padding-bottom {
2923
+ padding-bottom: 1rem;
2924
+ }
2925
+ p-leaf .papier .padding-bottom-large {
2926
+ padding-bottom: 2rem;
2927
+ }
2928
+ p-leaf .papier .padding-bottom-small {
2929
+ padding-bottom: 0.5rem;
2930
+ }
2931
+ p-leaf .papier .padding-bottom-none {
2932
+ padding-bottom: 0;
2933
+ }
2934
+ p-leaf .papier .padding-left {
2935
+ padding-left: 1rem;
2936
+ }
2937
+ p-leaf .papier .padding-left-large {
2938
+ padding-left: 2rem;
2939
+ }
2940
+ p-leaf .papier .padding-left-small {
2941
+ padding-left: 0.5rem;
2942
+ }
2943
+ p-leaf .papier .padding-left-none {
2944
+ padding-left: 0;
2945
+ }
2946
+ p-leaf .papier .padding-large {
2947
+ padding: 2rem;
2948
+ }
2949
+ p-leaf .papier .padding-small {
2950
+ padding: 0.5rem;
2951
+ }
2952
+ p-leaf .papier .padding-none {
2953
+ padding: 0;
2954
+ }
2955
+ p-leaf .papier nav {
2956
+ background-color: #41403e;
2957
+ background-color: var(--main-background);
2958
+ display: flex;
2959
+ padding: 0.3rem;
2960
+ position: relative;
2961
+ width: 100%;
2962
+ z-index: 100;
2963
+ }
2964
+ @media only screen and (max-width: 768px) {
2965
+ p-leaf .papier nav {
2966
+ display: block;
2967
+ }
2968
+ }
2969
+ p-leaf .papier nav .bar1,
2970
+ p-leaf .papier nav .bar2,
2971
+ p-leaf .papier nav .bar3 {
2972
+ background-color: #41403e;
2973
+ background-color: var(--primary);
2974
+ border-color: #41403e;
2975
+ border-color: var(--primary);
2976
+ color: #41403e;
2977
+ color: var(--primary);
2978
+ border-bottom-left-radius: 15px 5px;
2979
+ border-bottom-right-radius: 15px 3px;
2980
+ border-bottom-style: solid;
2981
+ border-bottom-width: 5px;
2982
+ margin: 6px 0;
2983
+ transition: 0.4s;
2984
+ width: 2rem;
2985
+ }
2986
+ p-leaf .papier nav .collapsible input[id^=collapsible]:checked + button .bar1,
2987
+ p-leaf .papier nav .collapsible input[id^=collapsible]:checked + label .bar1 {
2988
+ transform: rotate(-45deg) translate(-9px, 7px);
2989
+ }
2990
+ p-leaf .papier nav .collapsible input[id^=collapsible]:checked + button .bar2,
2991
+ p-leaf .papier nav .collapsible input[id^=collapsible]:checked + label .bar2 {
2992
+ opacity: 0;
2993
+ }
2994
+ p-leaf .papier nav .collapsible input[id^=collapsible]:checked + button .bar3,
2995
+ p-leaf .papier nav .collapsible input[id^=collapsible]:checked + label .bar3 {
2996
+ transform: rotate(45deg) translate(-8px, -9px);
2997
+ }
2998
+ p-leaf .papier nav.split-nav {
2999
+ justify-content: space-between;
3000
+ }
3001
+ p-leaf .papier nav.fixed {
3002
+ left: 0;
3003
+ position: fixed;
3004
+ right: 0;
3005
+ top: 0;
3006
+ }
3007
+ p-leaf .papier nav div {
3008
+ margin: 0 1rem;
3009
+ }
3010
+ p-leaf .papier nav ul.inline {
3011
+ margin-bottom: 0;
3012
+ margin-top: 10px;
3013
+ padding: 0;
3014
+ }
3015
+ p-leaf .papier nav ul.inline li {
3016
+ display: inline-block;
3017
+ margin: 0 0.5rem;
3018
+ }
3019
+ @media only screen and (max-width: 768px) {
3020
+ p-leaf .papier nav ul.inline li {
3021
+ display: block;
3022
+ margin: 1rem 0;
3023
+ }
3024
+ }
3025
+ p-leaf .papier nav a {
3026
+ color: #41403e;
3027
+ color: var(--primary);
3028
+ border-bottom-color: #41403e;
3029
+ border-bottom-color: var(--primary);
3030
+ background-image: none;
3031
+ border-bottom-left-radius: 15px 3px;
3032
+ border-bottom-right-radius: 15px 5px;
3033
+ border-bottom-style: solid;
3034
+ border-bottom-width: 5px;
3035
+ padding-bottom: 0.1rem;
3036
+ }
3037
+ p-leaf .papier nav a:hover {
3038
+ border-color: #41403e;
3039
+ border-color: var(--primary-light);
3040
+ border-bottom-style: solid;
3041
+ border-bottom-width: 5px;
3042
+ }
3043
+ p-leaf .papier nav ul.inline li a {
3044
+ font-size: 1.3rem;
3045
+ }
3046
+ p-leaf .papier nav ul.inline li::before {
3047
+ content: "";
3048
+ }
3049
+ @media only screen and (max-width: 992px) {
3050
+ p-leaf .papier nav ul {
3051
+ text-align: center;
3052
+ }
3053
+ }
3054
+ p-leaf .papier nav .nav-brand h1,
3055
+ p-leaf .papier nav .nav-brand h2,
3056
+ p-leaf .papier nav .nav-brand h3,
3057
+ p-leaf .papier nav .nav-brand h4,
3058
+ p-leaf .papier nav .nav-brand h5,
3059
+ p-leaf .papier nav .nav-brand h6 {
3060
+ margin: 0;
3061
+ margin-bottom: 0.2rem;
3062
+ }
3063
+ @media only screen and (max-width: 768px) {
3064
+ p-leaf .papier nav .collapsible {
3065
+ width: 100%;
3066
+ }
3067
+ }
3068
+ p-leaf .papier nav .collapsible input[id^=collapsible]:checked ~ div.collapsible-body {
3069
+ margin: 0;
3070
+ max-height: 960px;
3071
+ opacity: 1;
3072
+ padding: 0;
3073
+ }
3074
+ p-leaf .papier nav .collapsible:nth-of-type(1),
3075
+ p-leaf .papier nav .collapsible .collapsible-body {
3076
+ border: 0;
3077
+ }
3078
+ @media only screen and (min-width: 769px) {
3079
+ p-leaf .papier nav .collapsible:nth-of-type(1),
3080
+ p-leaf .papier nav .collapsible .collapsible-body {
3081
+ display: contents;
3082
+ }
3083
+ }
3084
+ p-leaf .papier nav div.collapsible-body {
3085
+ padding: none;
3086
+ }
3087
+ p-leaf .papier nav .collapsible label {
3088
+ border-color: #41403e;
3089
+ border-color: var(--primary);
3090
+ border-bottom-left-radius: 15px 255px;
3091
+ border-bottom-right-radius: 225px 15px;
3092
+ border-style: solid;
3093
+ border-top-left-radius: 255px 15px;
3094
+ border-top-right-radius: 15px 225px;
3095
+ border-width: 2px;
3096
+ }
3097
+ p-leaf .papier nav .collapsible > button {
3098
+ border: 0;
3099
+ }
3100
+ p-leaf .papier nav .collapsible > button,
3101
+ p-leaf .papier nav .collapsible > label {
3102
+ background-color: #41403e;
3103
+ background-color: var(--main-background);
3104
+ display: none;
3105
+ font-size: 0.5rem;
3106
+ margin-right: 1rem;
3107
+ padding: 0.25rem;
3108
+ position: absolute;
3109
+ right: 0;
3110
+ top: 0.2rem;
3111
+ }
3112
+ @media only screen and (max-width: 768px) {
3113
+ p-leaf .papier nav .collapsible > button,
3114
+ p-leaf .papier nav .collapsible > label {
3115
+ display: block;
3116
+ }
3117
+ }
3118
+
3119
+ p-leaf:not([dark]) {
3120
+ --primary: #41403e;
3121
+ --secondary: #0b74d5;
3122
+ --success: #86a361;
3123
+ --warning: #ddcd45;
3124
+ --danger: #a7342d;
3125
+ --muted: #868e96;
3126
+ --primary-light: #cdcccb;
3127
+ --secondary-light: #d8ebfd;
3128
+ --success-light: #d5dfc8;
3129
+ --warning-light: #f5f0c6;
3130
+ --danger-light: #f0cbc9;
3131
+ --muted-light: #e6e7e9;
3132
+ --primary-dark: black;
3133
+ --secondary-dark: black;
3134
+ --success-dark: #374427;
3135
+ --warning-dark: #746a15;
3136
+ --danger-dark: black;
3137
+ --muted-dark: #313538;
3138
+ --primary-light-10: #5b5a57;
3139
+ --secondary-light-10: #208ef3;
3140
+ --success-light-10: #9fb681;
3141
+ --warning-light-10: #e5d970;
3142
+ --danger-light-10: #cb453c;
3143
+ --muted-light-10: #a1a8ae;
3144
+ --primary-dark-10: #272625;
3145
+ --secondary-dark-10: #085aa5;
3146
+ --success-dark-10: #4a5a35;
3147
+ --warning-dark-10: #746a15;
3148
+ --danger-dark-10: #7f2722;
3149
+ --muted-dark-10: #6c757d;
3150
+ --primary-shaded-50: #c1c0bd;
3151
+ --primary-shaded-70: #f2f2f2;
3152
+ --white-dark: rgba(0, 0, 0, 0.03);
3153
+ --white-dark-light-80: rgba(204, 204, 204, 0.03);
3154
+ --light-dark: rgba(0, 0, 0, 0.7);
3155
+ --white: white;
3156
+ --main-background: white;
3157
+ --main-background-light: white;
3158
+ --black: black;
3159
+ --primary-text: #272625;
3160
+ --secondary-text: #085aa5;
3161
+ --success-text: #4a5a35;
3162
+ --warning-text: #746a15;
3163
+ --danger-text: #7f2722;
3164
+ --muted-text: #6c757d;
3165
+ --shadow-color-regular: rgba(0, 0, 0, 0.2);
3166
+ --shadow-color-hover: rgba(0, 0, 0, 0.3);
3167
+ --primary-inverse: #fff;
3168
+ }
3169
+
3170
+ p-leaf[dark] {
3171
+ --primary: #fff;
3172
+ --secondary: #5595ce;
3173
+ --success: #70c272;
3174
+ --warning: #d4c252;
3175
+ --danger: #df4c57;
3176
+ --muted: #868e96;
3177
+ --primary-light: white;
3178
+ --secondary-light: #69a1d4;
3179
+ --success-light: #82ca84;
3180
+ --warning-light: #d9c966;
3181
+ --danger-light: #e3626b;
3182
+ --muted-light: #949ba2;
3183
+ --primary-dark: gray;
3184
+ --secondary-dark: #1f476b;
3185
+ --success-dark: #265927;
3186
+ --warning-dark: #71651c;
3187
+ --danger-dark: #7c161e;
3188
+ --muted-dark: #313538;
3189
+ --primary-light-10: white;
3190
+ --secondary-light-10: #7daed9;
3191
+ --success-light-10: #94d195;
3192
+ --warning-light-10: #ded07b;
3193
+ --danger-light-10: #e77780;
3194
+ --muted-light-10: #a1a8ae;
3195
+ --primary-dark-10: #e6e6e6;
3196
+ --secondary-dark-10: #367cba;
3197
+ --success-dark-10: #4cb34f;
3198
+ --warning-dark-10: #c3ae30;
3199
+ --danger-dark-10: #d22633;
3200
+ --muted-dark-10: #6c757d;
3201
+ --primary-shaded-50: #343332;
3202
+ --primary-shaded-70: #2f2e2d;
3203
+ --white-dark: rgba(255, 255, 255, 0.03);
3204
+ --white-dark-light-80: rgba(255, 255, 255, 0.03);
3205
+ --light-dark: rgba(255, 255, 255, 0.7);
3206
+ --white: white;
3207
+ --main-background: #41403e;
3208
+ --main-background-light: #c1c0bd;
3209
+ --black: black;
3210
+ --primary-text: #41403e;
3211
+ --secondary-text: #1f476b;
3212
+ --success-text: #265927;
3213
+ --warning-text: #71651c;
3214
+ --danger-text: #7c161e;
3215
+ --muted-text: #949ba2;
3216
+ --shadow-color-regular: rgba(0, 0, 0, 0.2);
3217
+ --shadow-color-hover: rgba(0, 0, 0, 0.3);
3218
+ --primary-inverse: #41403e;
3219
+ }