@tekkare/auriga 0.1.65 → 0.1.67

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 (143) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/allFlags.vue.d.ts +1 -1
  3. package/dist/runtime/components/allIcons.vue.d.ts +1 -1
  4. package/dist/runtime/components/argActions.vue +1 -53
  5. package/dist/runtime/components/argActions.vue.d.ts +1 -1
  6. package/dist/runtime/components/argAdvancedSearchBar.vue +8 -378
  7. package/dist/runtime/components/argAdvancedSearchBar.vue.d.ts +4 -4
  8. package/dist/runtime/components/argBtn.vue +6 -24
  9. package/dist/runtime/components/argBtn.vue.d.ts +2 -2
  10. package/dist/runtime/components/argChart.vue +9 -92
  11. package/dist/runtime/components/argChart.vue.d.ts +1 -1
  12. package/dist/runtime/components/argChartTableCard.vue +1 -4
  13. package/dist/runtime/components/argChartTableCard.vue.d.ts +1 -1
  14. package/dist/runtime/components/argCheckbox.vue +4 -46
  15. package/dist/runtime/components/argCheckbox.vue.d.ts +2 -2
  16. package/dist/runtime/components/argCircleAmount.vue +1 -15
  17. package/dist/runtime/components/argCircleAmount.vue.d.ts +1 -1
  18. package/dist/runtime/components/argComplexSelect.vue +1 -123
  19. package/dist/runtime/components/argComplexSelect.vue.d.ts +4 -4
  20. package/dist/runtime/components/argDataLoader.vue +1 -283
  21. package/dist/runtime/components/argDataLoader.vue.d.ts +1 -1
  22. package/dist/runtime/components/argDate.vue.d.ts +1 -1
  23. package/dist/runtime/components/argDropdownSelect.vue +3 -59
  24. package/dist/runtime/components/argDropdownSelect.vue.d.ts +3 -3
  25. package/dist/runtime/components/argEmoji.vue.d.ts +1 -1
  26. package/dist/runtime/components/argErrors.vue +2 -43
  27. package/dist/runtime/components/argErrors.vue.d.ts +1 -1
  28. package/dist/runtime/components/argFileBtn.vue +1 -54
  29. package/dist/runtime/components/argFileBtn.vue.d.ts +1 -1
  30. package/dist/runtime/components/argFilterCard.vue +1 -107
  31. package/dist/runtime/components/argFilterCard.vue.d.ts +2 -2
  32. package/dist/runtime/components/argFilterTabs.vue +1 -29
  33. package/dist/runtime/components/argFilterTabs.vue.d.ts +1 -1
  34. package/dist/runtime/components/argFlag.vue +1 -3
  35. package/dist/runtime/components/argFlag.vue.d.ts +1 -1
  36. package/dist/runtime/components/argFooter.vue +1 -29
  37. package/dist/runtime/components/argFooter.vue.d.ts +1 -1
  38. package/dist/runtime/components/argHeader.vue +1 -43
  39. package/dist/runtime/components/argHeader.vue.d.ts +1 -1
  40. package/dist/runtime/components/argHeaderTabs.vue +1 -68
  41. package/dist/runtime/components/argHeaderTabs.vue.d.ts +1 -1
  42. package/dist/runtime/components/argHomeAllBlocks.vue +1 -49
  43. package/dist/runtime/components/argHomeAllBlocks.vue.d.ts +2 -2
  44. package/dist/runtime/components/argHomeContent.vue +1 -25
  45. package/dist/runtime/components/argHomeContent.vue.d.ts +1 -1
  46. package/dist/runtime/components/argHomeHeader.vue +1 -33
  47. package/dist/runtime/components/argHomeHeader.vue.d.ts +1 -1
  48. package/dist/runtime/components/argHomeKpis.vue +2 -42
  49. package/dist/runtime/components/argHomeKpis.vue.d.ts +1 -1
  50. package/dist/runtime/components/argHomeLayout.vue +1 -14
  51. package/dist/runtime/components/argHomeLayout.vue.d.ts +1 -1
  52. package/dist/runtime/components/argHomeSelectedBlock.vue +18 -54
  53. package/dist/runtime/components/argHomeSelectedBlock.vue.d.ts +12 -1
  54. package/dist/runtime/components/argHybridChart.vue +1 -86
  55. package/dist/runtime/components/argHybridChart.vue.d.ts +1 -1
  56. package/dist/runtime/components/argIcon.vue +6 -8
  57. package/dist/runtime/components/argIcon.vue.d.ts +1 -1
  58. package/dist/runtime/components/argLangSelect.vue +1 -58
  59. package/dist/runtime/components/argLangSelect.vue.d.ts +2 -2
  60. package/dist/runtime/components/argLineBreak.vue +3 -8
  61. package/dist/runtime/components/argLineBreak.vue.d.ts +1 -1
  62. package/dist/runtime/components/argMainLayout.vue +1 -31
  63. package/dist/runtime/components/argMainLayout.vue.d.ts +1 -1
  64. package/dist/runtime/components/argMenuItem.vue +1 -33
  65. package/dist/runtime/components/argMenuItem.vue.d.ts +1 -1
  66. package/dist/runtime/components/argMenuLink.vue +3 -33
  67. package/dist/runtime/components/argMenuLink.vue.d.ts +1 -1
  68. package/dist/runtime/components/argMultipleChoice.vue +2 -44
  69. package/dist/runtime/components/argMultipleChoice.vue.d.ts +2 -2
  70. package/dist/runtime/components/argMultipleSelect.vue +7 -38
  71. package/dist/runtime/components/argMultipleSelect.vue.d.ts +1 -1
  72. package/dist/runtime/components/argNavBar.vue +3 -125
  73. package/dist/runtime/components/argNavBar.vue.d.ts +1 -1
  74. package/dist/runtime/components/argNoData.vue +1 -44
  75. package/dist/runtime/components/argNoData.vue.d.ts +1 -1
  76. package/dist/runtime/components/argNoSavedScope.vue +1 -23
  77. package/dist/runtime/components/argNoSavedScope.vue.d.ts +1 -1
  78. package/dist/runtime/components/argNoSelectedScope.vue +1 -74
  79. package/dist/runtime/components/argNoSelectedScope.vue.d.ts +2 -2
  80. package/dist/runtime/components/argNote.vue +1 -35
  81. package/dist/runtime/components/argNote.vue.d.ts +1 -1
  82. package/dist/runtime/components/argNumberInput.vue +3 -115
  83. package/dist/runtime/components/argNumberInput.vue.d.ts +1 -1
  84. package/dist/runtime/components/argRadioButtons.vue +2 -50
  85. package/dist/runtime/components/argRadioButtons.vue.d.ts +3 -3
  86. package/dist/runtime/components/argScopeChange.vue +2 -60
  87. package/dist/runtime/components/argScopeChange.vue.d.ts +2 -2
  88. package/dist/runtime/components/argScopeCriteria.vue +1 -24
  89. package/dist/runtime/components/argScopeCriteria.vue.d.ts +1 -1
  90. package/dist/runtime/components/argScopeCriteriaIndicator.vue +1 -15
  91. package/dist/runtime/components/argScopeCriteriaIndicator.vue.d.ts +1 -1
  92. package/dist/runtime/components/argScopeHeader.vue +1 -25
  93. package/dist/runtime/components/argScopeHeader.vue.d.ts +1 -1
  94. package/dist/runtime/components/argScopeLayout.vue +1 -14
  95. package/dist/runtime/components/argScopeLayout.vue.d.ts +1 -1
  96. package/dist/runtime/components/argScopeManage.vue +2 -119
  97. package/dist/runtime/components/argScopeManage.vue.d.ts +2 -2
  98. package/dist/runtime/components/argScopeModal.vue +2 -150
  99. package/dist/runtime/components/argScopeModal.vue.d.ts +1 -1
  100. package/dist/runtime/components/argScopeSelect.vue +2 -52
  101. package/dist/runtime/components/argScopeSelect.vue.d.ts +3 -3
  102. package/dist/runtime/components/argSearchInput.vue +3 -59
  103. package/dist/runtime/components/argSearchInput.vue.d.ts +1 -1
  104. package/dist/runtime/components/argSidebar.vue +1 -96
  105. package/dist/runtime/components/argSidebar.vue.d.ts +1 -1
  106. package/dist/runtime/components/argSimpleChart.vue +1 -47
  107. package/dist/runtime/components/argSimpleChart.vue.d.ts +1 -1
  108. package/dist/runtime/components/argSimpleInput.vue +1 -26
  109. package/dist/runtime/components/argSimpleInput.vue.d.ts +1 -1
  110. package/dist/runtime/components/argSimpleLabel.vue +2 -224
  111. package/dist/runtime/components/argSimpleLabel.vue.d.ts +1 -1
  112. package/dist/runtime/components/argSmallAreaChart.vue.d.ts +1 -1
  113. package/dist/runtime/components/argSourceContainer.vue +10 -19
  114. package/dist/runtime/components/argSourceContainer.vue.d.ts +5 -1
  115. package/dist/runtime/components/argStyle.vue +1 -1051
  116. package/dist/runtime/components/argStyle.vue.d.ts +1 -1
  117. package/dist/runtime/components/argSubMenu.vue +3 -63
  118. package/dist/runtime/components/argSubMenu.vue.d.ts +1 -1
  119. package/dist/runtime/components/argSwitch.vue +1 -69
  120. package/dist/runtime/components/argSwitch.vue.d.ts +1 -1
  121. package/dist/runtime/components/argTable.vue +4 -300
  122. package/dist/runtime/components/argTable.vue.d.ts +3 -3
  123. package/dist/runtime/components/argTags.vue +1 -3
  124. package/dist/runtime/components/argTags.vue.d.ts +1 -1
  125. package/dist/runtime/components/argTekkareLoader.vue +1 -40
  126. package/dist/runtime/components/argTekkareLoader.vue.d.ts +1 -1
  127. package/dist/runtime/components/argTextBtn.vue +1 -29
  128. package/dist/runtime/components/argTextBtn.vue.d.ts +1 -1
  129. package/dist/runtime/components/argTipsBox.vue +1 -72
  130. package/dist/runtime/components/argTipsBox.vue.d.ts +1 -1
  131. package/dist/runtime/components/argToolbar.vue +1 -49
  132. package/dist/runtime/components/argToolbar.vue.d.ts +1 -1
  133. package/dist/runtime/components/argToolbarContent.vue +2 -139
  134. package/dist/runtime/components/argToolbarContent.vue.d.ts +1 -1
  135. package/dist/runtime/components/argTooltip.vue +1 -58
  136. package/dist/runtime/components/argTooltip.vue.d.ts +1 -1
  137. package/dist/runtime/components/argTrendIndicator.vue +7 -39
  138. package/dist/runtime/components/argTrendIndicator.vue.d.ts +1 -1
  139. package/dist/runtime/components/argTutoModal.vue +3 -86
  140. package/dist/runtime/components/argTutoModal.vue.d.ts +1 -1
  141. package/dist/types.d.mts +3 -2
  142. package/dist/types.d.ts +3 -2
  143. package/package.json +2 -3
@@ -20,1055 +20,5 @@ export default defineComponent({
20
20
  });
21
21
  </script>
22
22
  <style>
23
- @import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
24
-
25
- :root {
26
- --pure-white: #ffffff;
27
-
28
- /* GREY SCALE */
29
- --independence: #3e3f5e;
30
- --cool-grey: #8f91ac;
31
- --wild-blue-yonder: #afb0ca;
32
- --lavendar-grey: #cdcede;
33
- --more: #dedfe9;
34
- --dividers: #eaeaf5;
35
-
36
- /* PRIMARY */
37
- --primary: #2176ff;
38
- --primary-dark: #0056e0;
39
- --primary-hover: #0f44be;
40
- --primary-light: #f4f8ff;
41
-
42
- /* ACCENT */
43
- --accent: #2176ff;
44
- --accent-yellow: #ff981a;
45
- --accent-hover: #0f44be;
46
- --accent-hover-yellow: #e7860f;
47
-
48
- /* SYSTEM */
49
- --alert: #fb4654;
50
- --system-alert: #ef4444;
51
- --system-alert-hover: #d21616;
52
- --warning: #fd9147;
53
- --success: #32d175;
54
- --system-success: #22c55e;
55
-
56
- /* COMPLEMENTARY COLORS */
57
- --red: #fc4229;
58
- --orange: #fda929;
59
- --yellow: #fed33e;
60
- --lime: #98d92d;
61
- --green: #45ca47;
62
- --cyan: #3ad9d8;
63
- --blue: #1dacfc;
64
- --navy: #4475fb;
65
- --purple: #a17def;
66
- --pink: #f55a8d;
67
-
68
- /* BACKGROUNDS */
69
- --background: #f5f5f9;
70
- --demi-fond: #f9f9fa;
71
- --nested-table-bg: #eaeaf5;
72
- --table-hover: #dddded;
73
- --base-dividers: #ececf2;
74
- --not-quite-white: #fdfdff;
75
-
76
- /*SHADOWS*/
77
- --container-shadow: 0px 0px 40px rgba(94, 92, 154, 0.06);
78
- --overlay-shadow: 0px 0px 40px rgba(94, 92, 154, 0.12);
79
- --button-small-shadow: 3px 5px 20px rgba(94, 92, 154, 0.1);
80
- --button-big-shadow: 3px 5px 10px rgba(62, 63, 94, 0.2);
81
- --primary-button-shadow: 4px 7px 12px 0px rgba(33, 118, 255, 0.2);
82
- --secondary-button-shadow: 4px 7px 12px 0px rgba(62, 63, 94, 0.2);
83
- --warning-button-shadow: 4px 7px 12px 0px rgba(239, 68, 68, 0.2);
84
- --success-button-shadow: 4px 7px 12px 0px rgba(34, 197, 94, 0.2);
85
- --accent-button-shadow: 4px 7px 12px rgba(255, 152, 26, 0.2);
86
-
87
- /*company colors*/
88
- --rcd-purple: #6f35ef;
89
- }
90
-
91
- body {
92
- font-family: "Figtree", sans-serif !important;
93
- color: var(--independence);
94
- background: var(--background);
95
- margin: 0px;
96
- text-wrap: pretty;
97
- }
98
- a {
99
- text-decoration: none;
100
- font-family: "Figtree", sans-serif !important;
101
- }
102
- hr {
103
- margin: 0;
104
- background: var(--dividers) !important;
105
- border: none;
106
- box-shadow: none;
107
- height: 1px;
108
- }
109
- h1,
110
- h2,
111
- h3,
112
- h4,
113
- h5,
114
- h6,
115
- p {
116
- margin: 0;
117
- font-family: "Figtree", sans-serif !important;
118
- }
119
- button {
120
- font-family: "Figtree", sans-serif !important;
121
- }
122
- .oip_container {
123
- margin: 0 auto;
124
- padding-right: 58px;
125
- max-width: 1080px;
126
- }
127
-
128
- .arg_page_display {
129
- display: flex;
130
- flex-direction: column;
131
- align-items: center;
132
- gap: 32px;
133
- align-self: stretch;
134
- }
135
- .arg_page_content {
136
- display: flex;
137
- flex-direction: column;
138
- align-items: center;
139
- gap: 32px;
140
- align-self: stretch;
141
- padding: 0px 24px;
142
- }
143
- .arg_scope_page_content {
144
- display: flex;
145
- flex-direction: column;
146
- align-items: flex-start;
147
- gap: 32px;
148
- width: 100%;
149
- }
150
-
151
- .oip_filter_display {
152
- display: flex;
153
- flex-direction: column;
154
- gap: 4px;
155
- }
156
- /*** TEXT ***/
157
-
158
- .oip_kpi_big {
159
- color: var(--independence);
160
- font-style: normal;
161
- font-weight: bold;
162
- font-size: 36px;
163
- line-height: 42px;
164
- }
165
- .oip_section_title {
166
- font-style: normal;
167
- font-weight: bold;
168
- font-size: 26px;
169
- line-height: 30px;
170
- color: var(--independence);
171
- }
172
- .oip_title {
173
- font-style: normal;
174
- font-weight: bold;
175
- font-size: 24px;
176
- line-height: 28px;
177
- color: var(--independence);
178
- }
179
- .oip_kpi_small {
180
- color: var(--independence);
181
- font-style: normal;
182
- font-weight: bold;
183
- font-size: 22px;
184
- line-height: 26px;
185
- }
186
- .oip_heading {
187
- font-style: normal;
188
- font-weight: bold;
189
- font-size: 20px;
190
- line-height: 23px;
191
- color: var(--independence);
192
- }
193
- .oip_subtitle {
194
- font-style: normal;
195
- font-weight: bold;
196
- font-size: 16px;
197
- line-height: 19px;
198
- color: var(--independence);
199
- }
200
- .oip_body_highlight {
201
- font-style: normal;
202
- font-weight: 500;
203
- font-size: 14px;
204
- line-height: 160%;
205
- color: var(--primary);
206
- }
207
- .oip_body {
208
- font-style: normal;
209
- font-weight: normal;
210
- font-size: 14px;
211
- line-height: 160%;
212
- color: var(--independence);
213
- }
214
- .oip_label {
215
- color: var(--wild-blue-yonder);
216
- font-style: normal;
217
- font-weight: bold;
218
- font-size: 12px;
219
- line-height: 14px;
220
- }
221
- .oip_filter_label {
222
- font-weight: 400;
223
- font-size: 12px;
224
- line-height: 14px;
225
- color: var(--cool-grey);
226
- }
227
- .oip_caption {
228
- color: var(--wild-blue-yonder);
229
- font-style: normal;
230
- font-weight: 500;
231
- font-size: 12px;
232
- line-height: 14px;
233
- }
234
- .oip_underline {
235
- font-style: normal;
236
- font-weight: normal;
237
- font-size: 12px;
238
- line-height: 14px;
239
- color: var(--independence);
240
- }
241
-
242
- /*** GRID ***/
243
-
244
- .oip_grid {
245
- display: flex;
246
- flex-wrap: wrap;
247
- }
248
-
249
- .oip_grid.xs-step {
250
- gap: 4px;
251
- }
252
- .oip_grid.s-step {
253
- gap: 8px;
254
- }
255
- .oip_grid.m-step {
256
- gap: 16px;
257
- }
258
- .oip_grid.l-step {
259
- gap: 36px;
260
- }
261
- .oip_grid.xl-step {
262
- gap: 72px;
263
- }
264
-
265
- .oip_grid .oip_item {
266
- flex-grow: 1;
267
- }
268
- /*** ROWS ***/
269
- .oip_row {
270
- display: flex;
271
- flex-direction: row;
272
- }
273
- /* Wraps*/
274
- .oip_row.wrap {
275
- flex-wrap: wrap;
276
- }
277
- /*Aligning content horizontally*/
278
- .oip_row.centered {
279
- justify-content: center;
280
- }
281
- .oip_row.start {
282
- justify-content: flex-start;
283
- }
284
- .oip_row.end {
285
- justify-content: flex-end;
286
- }
287
- .oip_row.space-between {
288
- justify-content: space-between;
289
- }
290
- /*Vertical*/
291
- .oip_row.v-center {
292
- align-items: center;
293
- }
294
- .oip_row.v-bottom {
295
- align-items: flex-end;
296
- }
297
- /*Gaps*/
298
- .oip_row.gap-4 {
299
- gap: 4px;
300
- }
301
- .oip_row.gap-6 {
302
- gap: 4px;
303
- }
304
- .oip_row.gap-8 {
305
- gap: 8px;
306
- }
307
- .oip_row.gap-10 {
308
- gap: 10px;
309
- }
310
- .oip_row.gap-12 {
311
- gap: 12px;
312
- }
313
- .oip_row.gap-16 {
314
- gap: 16px;
315
- }
316
- .oip_row.gap-24 {
317
- gap: 16px;
318
- }
319
- .oip_row.gap-32 {
320
- gap: 16px;
321
- }
322
-
323
- /** BUTTONS **/
324
-
325
- .oip_btn {
326
- border-radius: 8px !important;
327
- padding: 0px 16px !important;
328
- outline: none !important;
329
- cursor: pointer !important;
330
- white-space: nowrap;
331
- display: flex;
332
- justify-content: center;
333
- text-align: center;
334
- align-items: center;
335
- gap: 10px;
336
- position: relative;
337
- font-style: normal !important;
338
- font-weight: bold !important;
339
- font-size: 14px !important;
340
- line-height: 16px !important;
341
- width: fit-content;
342
- mask-image: paint(squircle);
343
- --squircle-radius: 8px;
344
- --squircle-smooth: 1;
345
- align-self: stretch;
346
- min-height: 100%;
347
- }
348
-
349
- .oip_primary-fill_shadow {
350
- background: transparent;
351
- box-shadow: var(--primary-button-shadow) !important;
352
- border-radius: 8px;
353
- }
354
- .oip_secondary-fill_shadow {
355
- box-shadow: var(--secondary-button-shadow) !important;
356
- border-radius: 8px;
357
- background: transparent;
358
- }
359
- .oip_warning-fill_shadow {
360
- box-shadow: var(--warning-button-shadow) !important;
361
- border-radius: 8px;
362
- background: transparent;
363
- }
364
- .oip_success-fill_shadow {
365
- box-shadow: var(--success-button-shadow) !important;
366
- border-radius: 8px;
367
- }
368
- .oip_primary-fill_shadow:hover,
369
- .oip_secondary-fill_shadow:hover,
370
- .oip_warning-fill_shadow:hover,
371
- .oip_success-fill_shadow:hover {
372
- box-shadow: none !important;
373
- }
374
-
375
- .oip_btn_s {
376
- display: flex;
377
- min-height: 32px;
378
- }
379
-
380
- .oip_btn_m {
381
- display: flex;
382
- min-height: 40px;
383
- }
384
-
385
- .oip_full_btn {
386
- align-self: stretch !important;
387
- flex: 1 1 0;
388
- }
389
-
390
- .oip_round_btn {
391
- border-radius: 16px !important;
392
- }
393
-
394
- .oip_primary-fill_button {
395
- background: var(--primary) !important;
396
- border: 2px solid var(--primary) !important;
397
- color: var(--pure-white) !important;
398
- }
399
- .oip_primary-fill_button .oip_button_spinner div {
400
- border: 2px solid var(--pure-white);
401
- border-color: var(--pure-white) transparent transparent transparent;
402
- }
403
-
404
- .oip_primary-fill_button:hover,
405
- .oip_primary-fill_button:focus {
406
- background: var(--primary-hover) !important;
407
- border: 2px solid var(--primary-hover) !important;
408
- box-shadow: none !important;
409
- color: var(--pure-white) !important;
410
- }
411
- .oip_primary-fill_button.is-disabled,
412
- .oip_primary-fill_button.is-disabled:hover,
413
- .oip_primary-fill_button.is-disabled:focus {
414
- background: var(--dividers) !important;
415
- border: 2px solid var(--dividers) !important;
416
- box-shadow: none !important;
417
- color: var(--wild-blue-yonder) !important;
418
- }
419
-
420
- .oip_primary-fill_icon_button {
421
- background: var(--primary) !important;
422
- border: 2px solid var(--primary) !important;
423
- box-shadow: var(--primary-button-shadow) !important;
424
- color: var(--pure-white) !important;
425
- padding: 0px 6px !important;
426
- }
427
-
428
- .oip_primary-fill_icon_button .oip_button_spinner div {
429
- border: 2px solid var(--pure-white);
430
- border-color: var(--pure-white) transparent transparent transparent;
431
- }
432
- .oip_primary-fill_icon_button:hover,
433
- .oip_primary-fill_icon_button:focus {
434
- background: var(--primary-hover) !important;
435
- border: 2px solid var(--primary-hover) !important;
436
- box-shadow: var(--primary-button-shadow) !important;
437
- color: var(--pure-white) !important;
438
- }
439
-
440
- /*.oip_secondary_button,
441
- .oip_secondary_button:hover,
442
- .oip_secondary_button:focus {
443
- background: var(--pure-white) !important;
444
- border: 2px solid var(--more) !important;
445
- box-shadow: none !important;
446
- color: var(--wild-blue-yonder) !important;
447
- }
448
-
449
- .oip_secondary_button .oip_button_spinner div,
450
- .oip_secondary_icon_button .oip_button_spinner div {
451
- border: 2px solid var(--wild-blue-yonder);
452
- border-color: var(--wild-blue-yonder) transparent transparent transparent;
453
- }
454
-
455
- .oip_secondary_icon_button,
456
- .oip_secondary_icon_button:hover,
457
- .oip_secondary_icon_button:focus {
458
- background: var(--pure-white) !important;
459
- border: 2px solid var(--more) !important;
460
- box-shadow: none !important;
461
- color: var(--wild-blue-yonder) !important;
462
- padding: 10px !important;
463
- }*/
464
-
465
- .oip_secondary-fill_button {
466
- background: var(--independence) !important;
467
- border: 2px solid var(--independence) !important;
468
- box-shadow: 4px 7px 12px 0px rgba(62, 63, 94, 0.2) !important;
469
- color: var(--pure-white) !important;
470
- }
471
-
472
- .oip_secondary-fill_button:hover,
473
- .oip_secondary-fill_button:focus,
474
- .oip_secondary-fill_icon_button:hover,
475
- .oip_secondary-fill_icon_button:focus {
476
- background: #21223d !important;
477
- border: 2px solid #21223d !important;
478
- box-shadow: none !important;
479
- }
480
-
481
- .oip_secondary-fill_button .oip_button_spinner div,
482
- .oip_secondary-fill_icon_button .oip_button_spinner div {
483
- border: 2px solid var(--pure-white);
484
- border-color: var(--pure-white) transparent transparent transparent;
485
- }
486
-
487
- .oip_secondary-fill_icon_button {
488
- background: var(--independence) !important;
489
- border: 2px solid var(--independence) !important;
490
- box-shadow: 4px 7px 12px 0px rgba(62, 63, 94, 0.2) !important;
491
- color: var(--pure-white) !important;
492
- padding: 0px 6px !important;
493
- }
494
-
495
- .oip_disable_button,
496
- .oip_disable_button:hover,
497
- .oip_disable_button:focus,
498
- .oip_disable_icon_button,
499
- .oip_disable_icon_button:hover,
500
- .oip_disable_icon_button:focus {
501
- background: var(--dividers) !important;
502
- border: 2px solid var(--dividers) !important;
503
- box-shadow: none !important;
504
- color: var(--wild-blue-yonder) !important;
505
- cursor: initial !important;
506
- }
507
-
508
- .el-button + .el-button {
509
- margin-left: 0px !important;
510
- }
511
- .oip_secondary-stroke_button {
512
- background: transparent !important;
513
- border: 2px solid rgba(62, 63, 94, 0.2) !important;
514
- box-shadow: none !important;
515
- color: var(--independence) !important;
516
- }
517
-
518
- .oip_secondary-stroke_button:hover,
519
- .oip_secondary-stroke_button:focus,
520
- .oip_secondary-stroke_icon_button:hover,
521
- .oip_secondary-stroke_icon_button:focus {
522
- background: rgba(62, 63, 94, 0.05) !important;
523
- border: 2px solid rgba(62, 63, 94, 0.2) !important;
524
- box-shadow: none !important;
525
- color: #21223d !important;
526
- }
527
-
528
- .oip_secondary-stroke_button:hover .oip__button_prefix_icon,
529
- .oip_secondary-stroke_button:focus .oip__button_prefix_icon,
530
- .oip_secondary-stroke_button:hover .oip__button_suffix_icon,
531
- .oip_secondary-stroke_button:focus .oip__button_suffix_icon {
532
- stroke: var(--independence) !important;
533
- color: var(--independence) !important;
534
- }
535
- .oip_secondary-stroke_button .oip_button_spinner div,
536
- .oip_secondary-stroke_icon_button .oip_button_spinner div {
537
- border: 2px solid var(--independence);
538
- border-color: var(--independence) transparent transparent transparent;
539
- }
540
- .oip_secondary-stroke_icon_button {
541
- background: transparent !important;
542
- border: 2px solid rgba(62, 63, 94, 0.2) !important;
543
- box-shadow: none !important;
544
- color: var(--independence) !important;
545
- padding: 0px 6px !important;
546
- }
547
-
548
- .oip_secondary-stroke_icon_button:hover svg,
549
- .oip_secondary-stroke_icon_buttonn:focus svg,
550
- .oip_secondary-stroke_icon_button:hover svg,
551
- .oip_secondary-stroke_icon_button:focus svg {
552
- stroke: #21223d !important;
553
- color: #21223d !important;
554
- }
555
-
556
- .oip_primary-stroke_button {
557
- background: transparent !important;
558
- border: 2px solid rgba(33, 118, 255, 0.2) !important;
559
- box-shadow: none !important;
560
- color: var(--primary) !important;
561
- }
562
-
563
- .oip_primary-stroke_button:hover,
564
- .oip_primary-stroke_button:focus,
565
- .oip_primary-stroke_icon_button:hover,
566
- .oip_primary-stroke_icon_button:focus {
567
- background: rgba(33, 118, 255, 0.05) !important;
568
- color: var(--primary-hover) !important;
569
- }
570
- .oip_primary-stroke_button .oip_button_spinner div,
571
- .oip_primary-stroke_icon_button .oip_button_spinner div {
572
- border: 2px solid var(--primary);
573
- border-color: var(--primary) transparent transparent transparent;
574
- }
575
- .oip_primary-stroke_icon_button {
576
- background: transparent !important;
577
- border: 2px solid rgba(33, 118, 255, 0.2) !important;
578
- box-shadow: none !important;
579
- padding: 0px 6px !important;
580
- color: var(--primary) !important;
581
- }
582
- .oip_warning-stroke_button {
583
- background: transparent !important;
584
- border: 2px solid rgba(239, 68, 68, 0.2);
585
- box-shadow: none !important;
586
- color: var(--system-alert) !important;
587
- }
588
- .oip_warning-stroke_button:hover,
589
- .oip_warning-stroke_button:focus,
590
- .oip_warning-stroke_icon_button:hover,
591
- .oip_warning-stroke_icon_button:focus {
592
- background: rgba(239, 68, 68, 0.05) !important;
593
- border: 2px solid rgba(251, 70, 84, 0.2) !important;
594
- color: var(--system-alert-hover) !important;
595
- }
596
- .oip_warning-stroke_button .oip_button_spinner div,
597
- .oip_warning-stroke_icon_button .oip_button_spinner div {
598
- border: 2px solid var(--system-alert);
599
- border-color: var(--system-alert) transparent transparent transparent;
600
- }
601
- .oip_warning-stroke_button:hover .oip_button_spinner div,
602
- .oip_warning-stroke_icon_button:hover .oip_button_spinner div {
603
- border: 2px solid var(--system-alert-hover);
604
- border-color: var(--system-alert-hover) transparent transparent transparent;
605
- }
606
- .oip_warning-stroke_button:hover .oip__button_prefix_icon,
607
- .oip_warning-stroke_button:focus .oip__button_prefix_icon,
608
- .oip_warning-stroke_button:hover .oip__button_suffix_icon,
609
- .oip_warning-stroke_button:focus .oip__button_suffix_icon {
610
- stroke: var(--system-alert-hover) !important;
611
- color: var(--system-alert-hover) !important;
612
- }
613
- .oip_warning-stroke_icon_button {
614
- background: transparent !important;
615
- border: 2px solid rgba(239, 68, 68, 0.2) !important;
616
- box-shadow: none !important;
617
- padding: 0px 6px !important;
618
- color: var(--system-alert) !important;
619
- }
620
- .oip_warning-stroke_icon_button:hover,
621
- .oip_warning-stroke_icon_button:hover {
622
- border: 2px solid rgba(251, 70, 84, 0.2) !important;
623
- color: var(--system-alert-hover) !important;
624
- }
625
- .oip_warning-stroke_icon_button:hover svg,
626
- .oip_warning-stroke_icon_button:hover svg {
627
- stroke: var(--system-alert-hover) !important;
628
- color: var(--system-alert-hover) !important;
629
- }
630
- .oip_warning-fill_button {
631
- background: var(--system-alert) !important;
632
- border: 2px solid rgba(239, 68, 68, 0.2);
633
- box-shadow: 4px 7px 12px 0px rgba(239, 68, 68, 0.2) !important;
634
- color: var(--pure-white) !important;
635
- }
636
- .oip_warning-fill_button:hover,
637
- .oip_warning-fill_button:focus,
638
- .oip_warning-fill_icon_button:hover,
639
- .oip_warning-fill_icon_button:focus {
640
- background: var(--system-alert-hover) !important;
641
- border: 2px solid var(--system-alert-hover) !important;
642
- box-shadow: none !important;
643
- }
644
- .oip_warning-fill_button .oip_button_spinner div,
645
- .oip_warning-fill_icon_button .oip_button_spinner div {
646
- border: 2px solid var(--pure-white);
647
- border-color: var(--pure-white) transparent transparent transparent;
648
- }
649
- .oip_warning-fill_icon_button {
650
- background: var(--system-alert) !important;
651
- border: 2px solid var(--system-alert) !important;
652
- box-shadow: 4px 7px 12px 0px rgba(239, 68, 68, 0.2) !important;
653
- padding: 0px 6px !important;
654
- color: var(--pure-white) !important;
655
- }
656
-
657
- .oip_success-fill_button {
658
- background: var(--green) !important;
659
- border: 2px solid var(--green) !important;
660
- box-shadow: 4px 7px 12px 0px rgba(34, 197, 94, 0.2) !important;
661
- color: var(--pure-white) !important;
662
- }
663
- .oip_success-fill_button:hover,
664
- .oip_success-fill_button:focus,
665
- .oip_success-fill_icon_button:hover,
666
- .oip_success-fill_icon_button:focus {
667
- background: #069a3d !important;
668
- border: 2px solid #069a3d !important;
669
- box-shadow: none !important;
670
- }
671
- .oip_success-fill_button .oip_button_spinner div,
672
- .oip_success-fill_icon_button .oip_button_spinner div {
673
- border: 2px solid var(--pure-white);
674
- border-color: var(--pure-white) transparent transparent transparent;
675
- }
676
- .oip_success-fill_icon_button {
677
- background: var(--green) !important;
678
- border: 2px solid var(--green) !important;
679
- box-shadow: 4px 7px 12px 0px rgba(34, 197, 94, 0.2) !important;
680
- padding: 0px 6px !important;
681
- color: var(--pure-white) !important;
682
- }
683
-
684
- .oip_success-stroke_button {
685
- background: transparent !important;
686
- border: 2px solid rgba(34, 197, 94, 0.2) !important;
687
- color: var(--system-success) !important;
688
- }
689
- .oip_success-stroke_button:hover,
690
- .oip_success-stroke_button:focus,
691
- .oip_success-stroke_icon_button:hover,
692
- .oip_success-stroke_icon_button:focus {
693
- border: 2px solid rgba(34, 197, 94, 0.2) !important;
694
- background: rgba(34, 197, 94, 0.05) !important;
695
- color: #069a3d !important;
696
- }
697
- .oip_success-stroke_button .oip_button_spinner div,
698
- .oip_success-stroke_icon_button .oip_button_spinner div {
699
- border: 2px solid var(--system-success);
700
- border-color: var(--system-success) transparent transparent transparent;
701
- }
702
- .oip_success-stroke_icon_button {
703
- border: 2px solid rgba(34, 197, 94, 0.2) !important;
704
- padding: 0px 6px !important;
705
- color: var(--system-success) !important;
706
- }
707
- .oip_button_flex {
708
- display: flex;
709
- gap: 10px;
710
- flex-direction: row;
711
- justify-content: center;
712
- align-items: center;
713
- text-wrap: pretty;
714
- }
715
- .oip_button_loading {
716
- position: absolute;
717
- display: flex;
718
- justify-content: center;
719
- align-items: center;
720
- left: 0;
721
- right: 0;
722
- }
723
- .oip_button_spinner {
724
- display: inline-block;
725
- position: relative;
726
- width: 20px;
727
- height: 20px;
728
- }
729
- .oip_button_spinner div {
730
- box-sizing: border-box;
731
- display: block;
732
- position: absolute;
733
- width: 20px;
734
- height: 20px;
735
- border: 2px solid #fff;
736
- border-radius: 50%;
737
- animation: oip-spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
738
- border-color: #fff transparent transparent transparent;
739
- }
740
- .oip_button_spinner div:nth-child(1) {
741
- animation-delay: -0.45s;
742
- }
743
- .oip_button_spinner div:nth-child(2) {
744
- animation-delay: -0.3s;
745
- }
746
- .oip_button_spinner div:nth-child(3) {
747
- animation-delay: -0.15s;
748
- }
749
- @keyframes oip-spinner {
750
- 0% {
751
- transform: rotate(0deg);
752
- }
753
- 100% {
754
- transform: rotate(360deg);
755
- }
756
- }
757
- .oip_button_is_loading {
758
- visibility: hidden;
759
- }
760
-
761
- /*** TAGS ***/
762
-
763
- .oip_tag {
764
- padding: 4px 8px;
765
- background: var(--independence);
766
- color: var(--pure-white);
767
- font-size: 12px;
768
- font-style: normal;
769
- font-weight: 500;
770
- line-height: normal;
771
- border-radius: 4px;
772
- width: fit-content;
773
- font-family: "Figtree", sans-serif;
774
- display: inline-flex;
775
- align-items: center;
776
- gap: 8px;
777
- mask-image: paint(squircle);
778
- --squircle-radius: 4px;
779
- --squircle-smooth: 1;
780
- }
781
- .oip_tag > svg {
782
- cursor: pointer;
783
- stroke: var(--pure-white);
784
- margin-right: -5px;
785
- }
786
- .oip_tag.is_disabled {
787
- background-color: var(--pure-white) !important;
788
- color: var(--lavendar-grey) !important;
789
- }
790
- .oip_tag.is_rose {
791
- background: rgba(244, 63, 94, 0.1) !important;
792
- color: #9f1239;
793
- }
794
- .oip_tag.is_pink {
795
- background: rgba(236, 72, 153, 0.1) !important;
796
- color: #9d174d;
797
- }
798
- .oip_tag.is_fushia {
799
- background: rgba(217, 70, 239, 0.1) !important;
800
- color: #86198f;
801
- }
802
- .oip_tag.is_purple {
803
- background: rgba(168, 85, 247, 0.1) !important;
804
- color: #6b21a8;
805
- }
806
- .oip_tag.is_violet {
807
- background: rgba(139, 92, 246, 0.1) !important;
808
- color: #5b21b6;
809
- }
810
- .oip_tag.is_indigo {
811
- background: rgba(99, 102, 241, 0.1) !important;
812
- color: #3730a3;
813
- }
814
- .oip_tag.is_blue {
815
- background: rgba(59, 130, 246, 0.1) !important;
816
- color: #1e40af;
817
- }
818
- .oip_tag.is_sky {
819
- background: rgba(14, 165, 233, 0.1) !important;
820
- color: #075985;
821
- }
822
- .oip_tag.is_cyan {
823
- background: rgba(6, 182, 212, 0.1) !important;
824
- color: #155e75;
825
- }
826
- .oip_tag.is_teal {
827
- background: rgba(20, 184, 166, 0.1) !important;
828
- color: #115e59;
829
- }
830
- .oip_tag.is_emerald {
831
- background: rgba(16, 185, 129, 0.1) !important;
832
- color: #065f46;
833
- }
834
- .oip_tag.is_green {
835
- background: rgba(34, 197, 94, 0.1) !important;
836
- color: #166534;
837
- }
838
- .oip_tag.is_lime {
839
- background: rgba(132, 204, 22, 0.1) !important;
840
- color: #3f6212;
841
- }
842
- .oip_tag.is_yellow {
843
- background: rgba(234, 179, 8, 0.1) !important;
844
- color: #854d0e;
845
- }
846
- .oip_tag.is_amber {
847
- background: rgba(245, 158, 11, 0.1) !important;
848
- color: #92400e;
849
- }
850
- .oip_tag.is_orange {
851
- background: rgba(249, 115, 22, 0.1) !important;
852
- color: #9a3412;
853
- }
854
-
855
- .oip_tag.is_gray {
856
- background: var(--background) !important;
857
- color: var(--independence) !important;
858
- }
859
- .oip_tag.is_gray svg {
860
- stroke: var(--cool-grey);
861
- color: var(--cool-grey);
862
- }
863
- .oip_tag .oip_tag__close {
864
- display: inline-block;
865
- cursor: pointer;
866
- vertical-align: middle;
867
- margin-left: 4px;
868
- margin-top: -2px;
869
- }
870
-
871
- /*** CARD ***/
872
- /* CARD */
873
- .oip_card {
874
- padding: 24px;
875
- border-radius: 12px;
876
- background: var(--pure-white);
877
- box-shadow: var(--container-shadow);
878
- }
879
-
880
- .oip_table_card {
881
- padding: 24px 0px 0px 0px;
882
- border-radius: 12px;
883
- background: var(--pure-white);
884
- box-shadow: var(--container-shadow);
885
- }
886
-
887
- .oip_half_card {
888
- flex: 1 1 50%;
889
- }
890
- .oip_third_card {
891
- flex: 1 1 33%;
892
- }
893
-
894
- .oip_table_card .oip_card__header {
895
- padding: 0px 24px;
896
- }
897
-
898
- .oip_card .oip_card__header {
899
- display: flex;
900
- }
901
- .oip_card .oip_card__header .oip_card__header_info {
902
- flex-grow: 1;
903
- }
904
- .oip_card .oip_card__header .oip_card__header_info .oip_card__header_title {
905
- display: flex;
906
- align-items: baseline;
907
- }
908
- .oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1 {
909
- flex-grow: 0;
910
- }
911
- .oip_card
912
- .oip_card__header
913
- .oip_card__header_info
914
- .oip_card__header_title
915
- h1
916
- span {
917
- color: var(--accent);
918
- }
919
- .oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub {
920
- margin-top: 4px;
921
- display: flex;
922
- align-items: center;
923
- color: var(--cool-grey) !important;
924
- flex-wrap: wrap;
925
- }
926
- .oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub h3,
927
- .oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub p {
928
- color: var(--cool-grey) !important;
929
- }
930
- .oip_card
931
- .oip_card__header
932
- .oip_card__header_info
933
- .oip_card__header_sub
934
- .oip_card__header_sub_divider {
935
- margin: 0 4px;
936
- color: var(--cool-grey) !important;
937
- }
938
- .oip_card .oip_card__header .oip_card__header_buttons {
939
- display: flex;
940
- column-li: 8px;
941
- }
942
- @media screen and (max-width: 1000px) {
943
- .oip_card .oip_card__header .oip_card__header_buttons .oip_download_button,
944
- .oip_card
945
- .oip_card__header
946
- .oip_card__header_buttons
947
- .oip_see_details_button {
948
- display: none;
949
- }
950
- }
951
- @media screen and (min-width: 1001px) {
952
- .oip_card
953
- .oip_card__header
954
- .oip_card__header_buttons
955
- .oip_small_download_button,
956
- .oip_card
957
- .oip_card__header
958
- .oip_card__header_buttons
959
- .oip_small_see_details_button {
960
- display: none;
961
- }
962
- }
963
-
964
- .oip_card .oip_card__description {
965
- margin-top: 32px;
966
- }
967
- .oip_card .oip_card__kpi_container {
968
- margin-top: 32px;
969
- display: flex;
970
- gap: 32px;
971
- flex-wrap: wrap;
972
- }
973
- .oip_card .oip_card__kpi_container .oip_card__kpi_caption {
974
- display: flex;
975
- align-items: center;
976
- }
977
- .oip_card .oip_card__kpi_container .oip_card__kpi_caption svg {
978
- vertical-align: initial !important;
979
- }
980
- .oip_card
981
- .oip_card__kpi_container
982
- .oip_card__kpi_caption
983
- .oip_card__kpi_caption_icon:first-child {
984
- margin-right: 4px;
985
- }
986
- .oip_card .oip_card__kpi_container .oip_card__kpi_caption h3 {
987
- margin-right: 4px;
988
- }
989
- .oip_card__kpi .oip_underline {
990
- color: var(--cool-grey) !important;
991
- }
992
- .oip_card__kpi .oip_label {
993
- color: var(--independence) !important;
994
- }
995
- .oip_card .oip_card__kpi_container .oip_card__kpi_stats {
996
- display: flex;
997
- margin-top: 16px;
998
- }
999
- .oip_card
1000
- .oip_card__kpi_container
1001
- .oip_card__kpi_stats
1002
- .oip_card__kpi_stats_indicator {
1003
- box-sizing: content-box;
1004
- width: 24px;
1005
- height: 24px;
1006
- border-radius: 50%;
1007
- padding: 4px;
1008
- margin-right: 8px;
1009
- text-align: center;
1010
- }
1011
- .oip_card
1012
- .oip_card__kpi_container
1013
- .oip_card__kpi_stats
1014
- .oip_card__kpi_stats_indicator.trend_up {
1015
- background: rgba(50, 209, 117, 0.1);
1016
- }
1017
- .oip_card
1018
- .oip_card__kpi_container
1019
- .oip_card__kpi_stats
1020
- .oip_card__kpi_stats_indicator.trend_down {
1021
- background: rgba(251, 70, 84, 0.1);
1022
- }
1023
- .oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_up {
1024
- color: var(--success);
1025
- }
1026
- .oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_down {
1027
- color: var(--alert);
1028
- }
1029
- .oip_card .oip_card__kpi_divider {
1030
- width: 1px;
1031
- background: var(--dividers);
1032
- }
1033
- .oip_card__tags {
1034
- margin-top: 32px;
1035
- display: flex;
1036
- gap: 10px;
1037
- flex-wrap: wrap;
1038
- }
1039
- /*.arg_sub_menu .arg_sub_menu .arg_sub_menu_button {
1040
- padding-left: 24px !important;
1041
- }
1042
- .arg_sub_menu .arg_sub_menu .auriga_menu_item {
1043
- padding-left: 40px !important;
1044
- }
1045
- .arg_sub_menu .auriga_menu_item {
1046
- padding-left: 24px !important;
1047
- }*/
1048
-
1049
- .arg_tuto_content {
1050
- display: flex;
1051
- flex-direction: column;
1052
- align-items: flex-start;
1053
- gap: 24px;
1054
- height: 100%;
1055
- }
1056
-
1057
- .oip_select_display {
1058
- display: flex;
1059
- flex-direction: column;
1060
- align-items: flex-start;
1061
- gap: 4px;
1062
- }
1063
-
1064
- .arg_page {
1065
- height: 100%;
1066
- width: 100%;
1067
- }
1068
- .arg_home_page {
1069
- display: flex;
1070
- flex-direction: column;
1071
- gap: 40px;
1072
- align-items: flex-start;
1073
- }
23
+ @import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--white:#fff;--darkest:#1e293b;--dark:#525670;--medium:#878ca6;--light:#dbdef0;--primary:#2176ff;--primary-hover:#0f44be;--primary-light:#d3e4ff;--accent:#2176ff;--accent-hover:#0f44be;--system-alert:#ef4444;--system-alert-hover:#d21616;--warning:#fd9147;--system-success:#22c55e;--red:#fc4229;--orange:#fda929;--yellow:#fed33e;--lime:#98d92d;--green:#45ca47;--cyan:#3ad9d8;--blue:#1dacfc;--navy:#4475fb;--purple:#a17def;--pink:#f55a8d;--lightest:#f5f5f9;--demi-fond:#f9f9fa;--container-shadow:0px 0px 40px rgba(94,92,154,.06);--overlay-shadow:0px 0px 40px rgba(94,92,154,.12);--button-small-shadow:3px 5px 20px rgba(94,92,154,.1);--button-big-shadow:3px 5px 10px rgba(62,63,94,.2);--primary-button-shadow:4px 7px 12px 0px rgba(33,118,255,.2);--secondary-button-shadow:4px 7px 12px 0px rgba(62,63,94,.2);--warning-button-shadow:4px 7px 12px 0px rgba(239,68,68,.2);--system-success-button-shadow:4px 7px 12px 0px rgba(34,197,94,.2);--accent-button-shadow:4px 7px 12px rgba(255,152,26,.2);--rcd-purple:#6f35ef}body{background:var(--lightest);color:var(--darkest);margin:0;text-wrap:pretty}a,body{font-family:Figtree,sans-serif!important}a{text-decoration:none}hr{background:var(--light)!important;border:none;box-shadow:none;height:1px;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}button,h1,h2,h3,h4,h5,h6,p{font-family:Figtree,sans-serif!important}.oip_container{margin:0 auto;max-width:1080px;padding-right:58px}.main_container{display:flex;justify-content:center}.arg_page_content,.arg_page_display{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_content{padding:0 24px}.arg_scope_page_content{align-items:flex-start;display:flex;flex-direction:column;gap:32px;width:100%}.oip_filter_display,.oip_title_display{display:flex;flex-direction:column;gap:4px}.oip_kpi_big{font-size:36px;font-weight:700;line-height:42px}.oip_kpi_big,.oip_section_title{color:var(--darkest);font-style:normal}.oip_section_title{font-size:26px;font-weight:900;line-height:30px}.oip_title{font-size:24px;line-height:28px}.oip_kpi_small,.oip_title{color:var(--darkest);font-style:normal;font-weight:700}.oip_kpi_small{font-size:22px;line-height:26px}.oip_heading{font-size:20px;font-weight:900;line-height:23px}.oip_heading,.oip_subtitle{color:var(--darkest);font-style:normal}.oip_subtitle{font-size:16px;font-weight:700;line-height:19px}.oip_body_highlight{color:var(--primary);font-weight:500}.oip_body,.oip_body_highlight{font-size:14px;font-style:normal;line-height:160%}.oip_body{color:var(--darkest);font-weight:400}.oip_label{font-style:normal;font-weight:700}.oip_filter_label,.oip_label{color:var(--dark);font-size:12px;line-height:14px}.oip_filter_label{font-weight:400}.oip_title_label{color:var(--medium);line-height:normal}.oip_caption,.oip_title_label{font-size:12px;font-style:normal;font-weight:500}.oip_caption{color:var(--dark);line-height:14px}.oip_underline{color:var(--darkest);font-size:12px;font-style:normal;font-weight:400;line-height:14px}.oip_grid{display:flex;flex-wrap:wrap}.oip_grid.xs-step{gap:4px}.oip_grid.s-step{gap:8px}.oip_grid.m-step{gap:16px}.oip_grid.l-step{gap:36px}.oip_grid.xl-step{gap:72px}.oip_grid .oip_item{flex-grow:1}.oip_row{display:flex;flex-direction:row}.oip_row.wrap{flex-wrap:wrap}.oip_row.centered{justify-content:center}.oip_row.start{justify-content:flex-start}.oip_row.end{justify-content:flex-end}.oip_row.space-between{justify-content:space-between}.oip_row.v-center{align-items:center}.oip_row.v-bottom{align-items:flex-end}.oip_row.gap-4,.oip_row.gap-6{gap:4px}.oip_row.gap-8{gap:8px}.oip_row.gap-10{gap:10px}.oip_row.gap-12{gap:12px}.oip_row.gap-16,.oip_row.gap-24,.oip_row.gap-32{gap:16px}.oip_btn{align-items:center;border-radius:8px!important;cursor:pointer!important;display:flex;font-size:14px!important;font-style:normal!important;font-weight:700!important;gap:10px;justify-content:center;line-height:16px!important;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);outline:none!important;padding:0 16px!important;position:relative;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content;--squircle-radius:8px;--squircle-smooth:1;align-self:stretch;min-height:100%}.oip_primary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--primary-button-shadow)!important}.oip_secondary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--secondary-button-shadow)!important}.oip_warning-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--warning-button-shadow)!important}.oip_success-fill_shadow{border-radius:8px;box-shadow:var(--system-success-button-shadow)!important}.oip_primary-fill_shadow:hover,.oip_secondary-fill_shadow:hover,.oip_success-fill_shadow:hover,.oip_warning-fill_shadow:hover{box-shadow:none!important}.oip_btn_s{display:flex;min-height:32px}.oip_btn_m{display:flex;min-height:40px}.oip_full_btn{align-self:stretch!important;flex:1 1 0}.oip_round_btn{border-radius:16px!important}.oip_primary-fill_button{background:var(--primary)!important;border:2px solid var(--primary)!important;color:var(--white)!important}.oip_primary-fill_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_button:focus,.oip_primary-fill_button:hover{background:var(--primary-hover)!important;border:2px solid var(--primary-hover)!important;box-shadow:none!important;color:var(--white)!important}.oip_primary-fill_button.is-disabled,.oip_primary-fill_button.is-disabled:focus,.oip_primary-fill_button.is-disabled:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important}.oip_primary-fill_icon_button{background:var(--primary)!important;border:2px solid var(--primary)!important;box-shadow:var(--primary-button-shadow)!important;color:var(--white)!important;padding:0 6px!important}.oip_primary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_icon_button:focus,.oip_primary-fill_icon_button:hover{background:var(--primary-hover)!important;border:2px solid var(--primary-hover)!important;box-shadow:var(--primary-button-shadow)!important;color:var(--white)!important}.oip_secondary-fill_button{background:var(--darkest)!important;border:2px solid var(--darkest)!important;box-shadow:4px 7px 12px 0 rgba(62,63,94,.2)!important;color:var(--white)!important}.oip_secondary-fill_button:focus,.oip_secondary-fill_button:hover,.oip_secondary-fill_icon_button:focus,.oip_secondary-fill_icon_button:hover{background:#21223d!important;border:2px solid #21223d!important;box-shadow:none!important}.oip_secondary-fill_button .oip_button_spinner div,.oip_secondary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_secondary-fill_icon_button{background:var(--darkest)!important;border:2px solid var(--darkest)!important;box-shadow:4px 7px 12px 0 rgba(62,63,94,.2)!important;color:var(--white)!important;padding:0 6px!important}.oip_disable_button,.oip_disable_button:focus,.oip_disable_button:hover,.oip_disable_icon_button,.oip_disable_icon_button:focus,.oip_disable_icon_button:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important;cursor:auto!important}.el-button+.el-button{margin-left:0!important}.oip_secondary-stroke_button{background:transparent!important;border:2px solid rgba(62,63,94,.2)!important;box-shadow:none!important;color:var(--darkest)!important}.oip_secondary-stroke_button:focus,.oip_secondary-stroke_button:hover,.oip_secondary-stroke_icon_button:focus,.oip_secondary-stroke_icon_button:hover{background:rgba(62,63,94,.05)!important;border:2px solid rgba(62,63,94,.2)!important;box-shadow:none!important;color:#21223d!important}.oip_secondary-stroke_button:focus .oip__button_prefix_icon,.oip_secondary-stroke_button:focus .oip__button_suffix_icon,.oip_secondary-stroke_button:hover .oip__button_prefix_icon,.oip_secondary-stroke_button:hover .oip__button_suffix_icon{stroke:var(--darkest)!important;color:var(--darkest)!important}.oip_secondary-stroke_button .oip_button_spinner div,.oip_secondary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--darkest);border-color:var(--darkest) transparent transparent transparent}.oip_secondary-stroke_icon_button{background:transparent!important;border:2px solid rgba(62,63,94,.2)!important;box-shadow:none!important;color:var(--darkest)!important;padding:0 6px!important}.oip_secondary-stroke_icon_button:focus svg,.oip_secondary-stroke_icon_button:hover svg,.oip_secondary-stroke_icon_buttonn:focus svg{stroke:#21223d!important;color:#21223d!important}.oip_primary-stroke_button{background:transparent!important;border:2px solid rgba(33,118,255,.2)!important;box-shadow:none!important;color:var(--primary)!important}.oip_primary-stroke_button:focus,.oip_primary-stroke_button:hover,.oip_primary-stroke_icon_button:focus,.oip_primary-stroke_icon_button:hover{background:rgba(33,118,255,.05)!important;color:var(--primary-hover)!important}.oip_primary-stroke_button .oip_button_spinner div,.oip_primary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent}.oip_primary-stroke_icon_button{background:transparent!important;border:2px solid rgba(33,118,255,.2)!important;box-shadow:none!important;color:var(--primary)!important;padding:0 6px!important}.oip_warning-stroke_button{background:transparent!important;border:2px solid rgba(239,68,68,.2);box-shadow:none!important;color:var(--system-alert)!important}.oip_warning-stroke_button:focus,.oip_warning-stroke_button:hover,.oip_warning-stroke_icon_button:focus,.oip_warning-stroke_icon_button:hover{background:rgba(239,68,68,.05)!important;border:2px solid rgba(251,70,84,.2)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_button .oip_button_spinner div,.oip_warning-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-alert);border-color:var(--system-alert) transparent transparent transparent}.oip_warning-stroke_button:hover .oip_button_spinner div,.oip_warning-stroke_icon_button:hover .oip_button_spinner div{border:2px solid var(--system-alert-hover);border-color:var(--system-alert-hover) transparent transparent transparent}.oip_warning-stroke_button:focus .oip__button_prefix_icon,.oip_warning-stroke_button:focus .oip__button_suffix_icon,.oip_warning-stroke_button:hover .oip__button_prefix_icon,.oip_warning-stroke_button:hover .oip__button_suffix_icon{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button{background:transparent!important;border:2px solid rgba(239,68,68,.2)!important;box-shadow:none!important;color:var(--system-alert)!important;padding:0 6px!important}.oip_warning-stroke_icon_button:hover{border:2px solid rgba(251,70,84,.2)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button:hover svg{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-fill_button{background:var(--system-alert)!important;border:2px solid rgba(239,68,68,.2);box-shadow:4px 7px 12px 0 rgba(239,68,68,.2)!important;color:var(--white)!important}.oip_warning-fill_button:focus,.oip_warning-fill_button:hover,.oip_warning-fill_icon_button:focus,.oip_warning-fill_icon_button:hover{background:var(--system-alert-hover)!important;border:2px solid var(--system-alert-hover)!important;box-shadow:none!important}.oip_warning-fill_button .oip_button_spinner div,.oip_warning-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_warning-fill_icon_button{background:var(--system-alert)!important;border:2px solid var(--system-alert)!important;box-shadow:4px 7px 12px 0 rgba(239,68,68,.2)!important;color:var(--white)!important;padding:0 6px!important}.oip_success-fill_button{background:var(--green)!important;border:2px solid var(--green)!important;box-shadow:4px 7px 12px 0 rgba(34,197,94,.2)!important;color:var(--white)!important}.oip_success-fill_button:focus,.oip_success-fill_button:hover,.oip_success-fill_icon_button:focus,.oip_success-fill_icon_button:hover{background:#069a3d!important;border:2px solid #069a3d!important;box-shadow:none!important}.oip_success-fill_button .oip_button_spinner div,.oip_success-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_success-fill_icon_button{background:var(--green)!important;border:2px solid var(--green)!important;box-shadow:4px 7px 12px 0 rgba(34,197,94,.2)!important;color:var(--white)!important;padding:0 6px!important}.oip_success-stroke_button{background:transparent!important;border:2px solid rgba(34,197,94,.2)!important;color:var(--system-success)!important}.oip_success-stroke_button:focus,.oip_success-stroke_button:hover,.oip_success-stroke_icon_button:focus,.oip_success-stroke_icon_button:hover{background:rgba(34,197,94,.05)!important;border:2px solid rgba(34,197,94,.2)!important;color:#069a3d!important}.oip_success-stroke_button .oip_button_spinner div,.oip_success-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-success);border-color:var(--system-success) transparent transparent transparent}.oip_success-stroke_icon_button{border:2px solid rgba(34,197,94,.2)!important;color:var(--system-success)!important;padding:0 6px!important}.oip_button_flex{flex-direction:row;gap:10px;text-wrap:pretty}.oip_button_flex,.oip_button_loading{align-items:center;display:flex;justify-content:center}.oip_button_loading{left:0;position:absolute;right:0}.oip_button_spinner{display:inline-block;height:20px;position:relative;width:20px}.oip_button_spinner div{animation:oip-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:20px;position:absolute;width:20px}.oip_button_spinner div:first-child{animation-delay:-.45s}.oip_button_spinner div:nth-child(2){animation-delay:-.3s}.oip_button_spinner div:nth-child(3){animation-delay:-.15s}@keyframes oip-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oip_button_is_loading{visibility:hidden}.oip_tag{align-items:center;background:var(--darkest);border-radius:4px;color:var(--white);display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:500;gap:8px;line-height:normal;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:4px 8px;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1}.oip_tag>svg{cursor:pointer;stroke:var(--white);margin-right:-5px}.oip_tag.is_disabled{background-color:var(--white)!important;color:var(--medium)!important}.oip_tag.is_rose{background:rgba(244,63,94,.1)!important;color:#9f1239}.oip_tag.is_pink{background:rgba(236,72,153,.1)!important;color:#9d174d}.oip_tag.is_fushia{background:rgba(217,70,239,.1)!important;color:#86198f}.oip_tag.is_purple{background:rgba(168,85,247,.1)!important;color:#6b21a8}.oip_tag.is_violet{background:rgba(139,92,246,.1)!important;color:#5b21b6}.oip_tag.is_indigo{background:rgba(99,102,241,.1)!important;color:#3730a3}.oip_tag.is_blue{background:rgba(59,130,246,.1)!important;color:#1e40af}.oip_tag.is_sky{background:rgba(14,165,233,.1)!important;color:#075985}.oip_tag.is_cyan{background:rgba(6,182,212,.1)!important;color:#155e75}.oip_tag.is_teal{background:rgba(20,184,166,.1)!important;color:#115e59}.oip_tag.is_emerald{background:rgba(16,185,129,.1)!important;color:#065f46}.oip_tag.is_green{background:rgba(34,197,94,.1)!important;color:#166534}.oip_tag.is_lime{background:rgba(132,204,22,.1)!important;color:#3f6212}.oip_tag.is_yellow{background:rgba(234,179,8,.1)!important;color:#854d0e}.oip_tag.is_amber{background:rgba(245,158,11,.1)!important;color:#92400e}.oip_tag.is_orange{background:rgba(249,115,22,.1)!important;color:#9a3412}.oip_tag.is_gray{background:var(--lightest)!important;color:var(--darkest)!important}.oip_tag.is_gray svg{stroke:var(--dark);color:var(--dark)}.oip_tag .oip_tag__close{cursor:pointer;display:inline-block;margin-left:4px;margin-top:-2px;vertical-align:middle}.oip_card{padding:24px}.oip_card,.oip_table_card{background:var(--white);border-radius:12px;box-shadow:var(--container-shadow)}.oip_table_card{padding:24px 0 0}.oip_half_card{flex:1 1 50%}.oip_third_card{flex:1 1 33%}.oip_table_card .oip_card__header{padding:0 24px}.oip_card .oip_card__header{display:flex}.oip_card .oip_card__header .oip_card__header_info{flex-grow:1}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title{align-items:baseline;display:flex}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1{flex-grow:0}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1 span{color:var(--accent)}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub{align-items:center;color:var(--dark)!important;display:flex;flex-wrap:wrap;margin-top:4px}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub h3,.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub p{color:var(--dark)!important}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub .oip_card__header_sub_divider{color:var(--dark)!important;margin:0 4px}.oip_card .oip_card__header .oip_card__header_buttons{display:flex;column-li:8px}@media screen and (max-width:1000px){.oip_card .oip_card__header .oip_card__header_buttons .oip_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_see_details_button{display:none}}@media screen and (min-width:1001px){.oip_card .oip_card__header .oip_card__header_buttons .oip_small_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_small_see_details_button{display:none}}.oip_card .oip_card__description{margin-top:32px}.oip_card .oip_card__kpi_container{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px}.oip_card .oip_card__kpi_container .oip_card__kpi_caption{align-items:center;display:flex}.oip_card .oip_card__kpi_container .oip_card__kpi_caption svg{vertical-align:initial!important}.oip_card .oip_card__kpi_container .oip_card__kpi_caption .oip_card__kpi_caption_icon:first-child,.oip_card .oip_card__kpi_container .oip_card__kpi_caption h3{margin-right:4px}.oip_card__kpi .oip_underline{color:var(--dark)!important}.oip_card__kpi .oip_label{color:var(--darkest)!important}.oip_card .oip_card__kpi_container .oip_card__kpi_stats{display:flex;margin-top:16px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator{border-radius:50%;box-sizing:content-box;height:24px;margin-right:8px;padding:4px;text-align:center;width:24px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_up{background:rgba(50,209,117,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_down{background:rgba(251,70,84,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_up{color:var(--system-success)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_down{color:var(--system-alert)}.oip_card .oip_card__kpi_divider{background:var(--light);width:1px}.oip_card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.arg_tuto_content{gap:24px;height:100%}.arg_tuto_content,.oip_select_display{align-items:flex-start;display:flex;flex-direction:column}.oip_select_display{gap:4px}.arg_page{height:100%;width:100%}.arg_home_page{align-items:flex-start;display:flex;flex-direction:column;gap:40px}
1074
24
  </style>