@oruga-ui/theme-oruga 0.4.1 → 0.5.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 (50) hide show
  1. package/dist/oruga.css +2 -4066
  2. package/dist/scss/components/_button.scss +30 -38
  3. package/dist/scss/components/_checkbox.scss +5 -0
  4. package/dist/scss/components/_datepicker.scss +15 -8
  5. package/dist/scss/components/_dropdown.scss +2 -2
  6. package/dist/scss/components/_menu.scss +8 -3
  7. package/dist/scss/components/_pagination.scss +10 -10
  8. package/dist/scss/components/_slider.scss +9 -4
  9. package/dist/scss/components/_steps.scss +56 -123
  10. package/dist/scss/components/_tabs.scss +223 -220
  11. package/dist/scss/utils/_variables.scss +2 -2
  12. package/dist/theme.js +1 -7
  13. package/package.json +26 -33
  14. package/dist/oruga.min.css +0 -1
  15. package/src/assets/scss/components/_autocomplete.scss +0 -23
  16. package/src/assets/scss/components/_button.scss +0 -226
  17. package/src/assets/scss/components/_carousel.scss +0 -233
  18. package/src/assets/scss/components/_checkbox.scss +0 -166
  19. package/src/assets/scss/components/_collapse.scss +0 -15
  20. package/src/assets/scss/components/_datepicker.scss +0 -494
  21. package/src/assets/scss/components/_datetimepicker.scss +0 -13
  22. package/src/assets/scss/components/_dropdown.scss +0 -268
  23. package/src/assets/scss/components/_field.scss +0 -132
  24. package/src/assets/scss/components/_icon.scss +0 -53
  25. package/src/assets/scss/components/_input.scss +0 -149
  26. package/src/assets/scss/components/_loading.scss +0 -37
  27. package/src/assets/scss/components/_menu.scss +0 -92
  28. package/src/assets/scss/components/_modal.scss +0 -94
  29. package/src/assets/scss/components/_notification.scss +0 -175
  30. package/src/assets/scss/components/_pagination.scss +0 -213
  31. package/src/assets/scss/components/_radio.scss +0 -112
  32. package/src/assets/scss/components/_select.scss +0 -156
  33. package/src/assets/scss/components/_sidebar.scss +0 -139
  34. package/src/assets/scss/components/_skeleton.scss +0 -80
  35. package/src/assets/scss/components/_slider.scss +0 -199
  36. package/src/assets/scss/components/_steps.scss +0 -427
  37. package/src/assets/scss/components/_switch.scss +0 -150
  38. package/src/assets/scss/components/_table.scss +0 -424
  39. package/src/assets/scss/components/_tabs.scss +0 -333
  40. package/src/assets/scss/components/_taginput.scss +0 -117
  41. package/src/assets/scss/components/_timepicker.scss +0 -92
  42. package/src/assets/scss/components/_tooltip.scss +0 -453
  43. package/src/assets/scss/components/_upload.scss +0 -69
  44. package/src/assets/scss/oruga-build.scss +0 -9
  45. package/src/assets/scss/oruga.scss +0 -41
  46. package/src/assets/scss/utils/_animations.scss +0 -233
  47. package/src/assets/scss/utils/_base.scss +0 -31
  48. package/src/assets/scss/utils/_helpers.scss +0 -113
  49. package/src/assets/scss/utils/_root.scss +0 -54
  50. package/src/assets/scss/utils/_variables.scss +0 -103
package/dist/oruga.css CHANGED
@@ -1,4066 +1,2 @@
1
- /*! Oruga v0.4.1 | MIT License | github.com/oruga-ui/oruga */
2
-
3
- /*************************************
4
- * Oruga Default Theme Full Build
5
- **************************************/
6
- /*********************
7
- * Theme Variables
8
- **********************/
9
- /******************
10
- * Oruga Theme
11
- *******************/
12
- @keyframes fadeOut {
13
- from {
14
- opacity: 1;
15
- }
16
- to {
17
- opacity: 0;
18
- }
19
- }
20
- .fadeOut {
21
- animation-name: fadeOut;
22
- }
23
-
24
- @keyframes fadeOutDown {
25
- from {
26
- opacity: 1;
27
- }
28
- to {
29
- opacity: 0;
30
- transform: translate3d(0, 100%, 0);
31
- }
32
- }
33
- .fadeOutDown {
34
- animation-name: fadeOutDown;
35
- }
36
-
37
- @keyframes fadeOutUp {
38
- from {
39
- opacity: 1;
40
- }
41
- to {
42
- opacity: 0;
43
- transform: translate3d(0, -100%, 0);
44
- }
45
- }
46
- .fadeOutUp {
47
- animation-name: fadeOutUp;
48
- }
49
-
50
- @keyframes fadeIn {
51
- from {
52
- opacity: 0;
53
- }
54
- to {
55
- opacity: 1;
56
- }
57
- }
58
- .fadeIn {
59
- animation-name: fadeIn;
60
- }
61
-
62
- @keyframes fadeInDown {
63
- from {
64
- opacity: 0;
65
- transform: translate3d(0, -100%, 0);
66
- }
67
- to {
68
- opacity: 1;
69
- transform: none;
70
- }
71
- }
72
- .fadeInDown {
73
- animation-name: fadeInDown;
74
- }
75
-
76
- @keyframes fadeInUp {
77
- from {
78
- opacity: 0;
79
- transform: translate3d(0, 100%, 0);
80
- }
81
- to {
82
- opacity: 1;
83
- transform: none;
84
- }
85
- }
86
- .fadeInUp {
87
- animation-name: fadeInUp;
88
- }
89
-
90
- @keyframes append-animate {
91
- from {
92
- transform: scale(0);
93
- opacity: 0;
94
- }
95
- to {
96
- transform: scale(1);
97
- opacity: 1;
98
- }
99
- }
100
- /**
101
- * Vue Transitions
102
- */
103
- .fade-enter-active,
104
- .fade-leave-active {
105
- transition: opacity 150ms ease-out;
106
- }
107
-
108
- .fade-enter,
109
- .fade-enter-from,
110
- .fade-leave-to {
111
- opacity: 0;
112
- }
113
-
114
- .zoom-in-enter-active,
115
- .zoom-in-leave-active {
116
- transition: opacity 150ms ease-out;
117
- }
118
- .zoom-in-enter-active .animation-content,
119
- .zoom-in-leave-active .animation-content {
120
- transition: transform 150ms ease-out;
121
- }
122
-
123
- .zoom-in-enter,
124
- .zoom-in-enter-from,
125
- .zoom-in-leave-active {
126
- opacity: 0;
127
- }
128
- .zoom-in-enter .animation-content,
129
- .zoom-in-enter-from .animation-content,
130
- .zoom-in-leave-active .animation-content {
131
- transform: scale(0.95);
132
- }
133
-
134
- .zoom-out-enter-active,
135
- .zoom-out-leave-active {
136
- transition: opacity 150ms ease-out;
137
- }
138
- .zoom-out-enter-active .animation-content,
139
- .zoom-out-leave-active .animation-content {
140
- transition: transform 150ms ease-out;
141
- }
142
-
143
- .zoom-out-enter,
144
- .zoom-out-enter-from,
145
- .zoom-out-leave-active {
146
- opacity: 0;
147
- }
148
- .zoom-out-enter .animation-content,
149
- .zoom-out-enter-from .animation-content,
150
- .zoom-out-leave-active .animation-content {
151
- transform: scale(1.05);
152
- }
153
-
154
- .slide-next-enter-active,
155
- .slide-next-leave-active,
156
- .slide-prev-enter-active,
157
- .slide-prev-leave-active {
158
- transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
159
- }
160
-
161
- .slide-prev-leave-to,
162
- .slide-next-enter,
163
- .slide-next-enter-from {
164
- transform: translate3d(-100%, 0, 0);
165
- position: absolute;
166
- width: 100%;
167
- }
168
-
169
- .slide-prev-enter,
170
- .slide-prev-enter-from,
171
- .slide-next-leave-to {
172
- transform: translate3d(100%, 0, 0);
173
- position: absolute;
174
- width: 100%;
175
- }
176
-
177
- .slide-down-enter-active,
178
- .slide-down-leave-active,
179
- .slide-up-enter-active,
180
- .slide-up-leave-active {
181
- transition: transform 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
182
- }
183
-
184
- .slide-down-enter,
185
- .slide-up-leave-to,
186
- .slide-down-enter-from {
187
- transform: translate3d(0, -100%, 0);
188
- position: absolute;
189
- height: 100%;
190
- }
191
-
192
- .slide-up-enter,
193
- .slide-up-enter-from,
194
- .slide-down-leave-to {
195
- transform: translate3d(0, 100%, 0);
196
- position: absolute;
197
- height: 100%;
198
- }
199
-
200
- .slide-enter-active {
201
- transition: 150ms ease-out;
202
- }
203
-
204
- .slide-leave-active {
205
- transition: 150ms ease-out;
206
- transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
207
- }
208
-
209
- .slide-leave,
210
- .slide-enter-to,
211
- .slide-leave-from {
212
- max-height: 100px;
213
- overflow: hidden;
214
- }
215
-
216
- .slide-enter,
217
- .slide-enter-from,
218
- .slide-leave-to {
219
- overflow: hidden;
220
- max-height: 0;
221
- }
222
-
223
- /**********************************
224
- * Utility mixins and functions
225
- ***********************************/
226
- /*******************************
227
- * Root variables extensions
228
- ********************************/
229
- :root {
230
- --oruga-primary: #445e00;
231
- --oruga-primary-invert: #ffffff;
232
- --oruga-secondary: #6c757d;
233
- --oruga-secondary-invert: #ffffff;
234
- --oruga-success: #006724;
235
- --oruga-success-invert: #ffffff;
236
- --oruga-info: #005c98;
237
- --oruga-info-invert: #ffffff;
238
- --oruga-warning: #f4c300;
239
- --oruga-warning-invert: #000000;
240
- --oruga-danger: #b60000;
241
- --oruga-danger-invert: #ffffff;
242
- --oruga-white: #ffffff;
243
- --oruga-black: #000000;
244
- --oruga-grey: #7a7a7a;
245
- --oruga-grey-light: #b5b5b5;
246
- --oruga-grey-lighter: #dbdbdb;
247
- --oruga-grey-dark: #4a4a4a;
248
- --oruga-focus: rgba(68, 94, 0, 0.25);
249
- --oruga-size-small: 0.75rem;
250
- --oruga-size-medium: 1.25rem;
251
- --oruga-size-large: 1.5rem;
252
- --oruga-base-font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif;
253
- --oruga-base-font-size: 1rem;
254
- --oruga-base-font-weight: 400;
255
- --oruga-base-line-height: 1.5;
256
- --oruga-base-border-radius: 4px;
257
- --oruga-base-border-radius-rounded: 9999px;
258
- --oruga-base-line-height: 1.5;
259
- --oruga-base-disabled-opacity: 0.5;
260
- --oruga-transition-duration: 150ms;
261
- --oruga-transition-timing: ease-out;
262
- }
263
-
264
- *,
265
- :after,
266
- :before {
267
- box-sizing: inherit;
268
- }
269
-
270
- html {
271
- box-sizing: border-box;
272
- }
273
-
274
- body {
275
- margin: 0;
276
- padding: 0;
277
- font-family: var(--oruga-base-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);
278
- font-size: var(--oruga-base-font-size, 1rem);
279
- font-weight: var(--oruga-base-font-weight, 400);
280
- line-height: var(--oruga-base-line-height, 1.5);
281
- }
282
-
283
- .o-noscroll {
284
- position: fixed;
285
- width: 100%;
286
- bottom: 0;
287
- overflow-x: hidden;
288
- overflow-y: scroll;
289
- }
290
-
291
- .o-clipped {
292
- overflow: hidden;
293
- }
294
-
295
- /* @docs */
296
- /* @docs */
297
- .o-acp__item {
298
- white-space: nowrap;
299
- overflow: hidden;
300
- text-overflow: ellipsis;
301
- }
302
- .o-acp__item--hover {
303
- background-color: var(--oruga-autocomplete-item-hover-background-color, #f5f5f5);
304
- }
305
-
306
- /* @docs */
307
- /* @docs */
308
- @keyframes spinAround {
309
- from {
310
- transform: rotate(0deg);
311
- }
312
- to {
313
- transform: rotate(359deg);
314
- }
315
- }
316
- .o-btn {
317
- position: relative;
318
- display: inline-flex;
319
- cursor: pointer;
320
- text-align: center;
321
- white-space: nowrap;
322
- align-items: center;
323
- justify-content: center;
324
- vertical-align: top;
325
- text-decoration: none;
326
- -webkit-touch-callout: none;
327
- -webkit-user-select: none;
328
- -moz-user-select: none;
329
- -ms-user-select: none;
330
- user-select: none;
331
- -moz-appearance: none;
332
- -webkit-appearance: none;
333
- background-color: var(--oruga-button-background-color, var(--oruga-primary));
334
- color: var(--oruga-button-color, var(--oruga-primary-invert));
335
- padding: var(--oruga-button-padding, calc(0.375em - 1px) 0.75em);
336
- border: var(--oruga-button-border, 1px solid var(--oruga-primary));
337
- border-radius: var(--oruga-button-border-radius, var(--oruga-base-border-radius));
338
- box-shadow: var(--oruga-button-box-shadow, none);
339
- font-size: var(--oruga-base-font-size, 1rem);
340
- font-weight: var(--oruga-button-font-weight, 400);
341
- line-height: var(--oruga-button-line-height, var(--oruga-base-line-height));
342
- margin: var(--oruga-button-margin, 0);
343
- height: var(--oruga-button-height, 2.25em);
344
- /* size variants*/
345
- /* color variants*/
346
- /* focus effect*/
347
- }
348
- .o-btn__wrapper {
349
- display: inline-flex;
350
- align-items: center;
351
- justify-content: center;
352
- position: relative;
353
- width: 100%;
354
- margin-left: -0.1875em;
355
- margin-right: -0.1875em;
356
- }
357
- .o-btn__wrapper > * {
358
- margin-left: 0.1875em;
359
- margin-right: 0.1875em;
360
- }
361
- .o-btn__label {
362
- width: 100%;
363
- }
364
- .o-btn--expanded {
365
- width: 100%;
366
- }
367
- .o-btn--rounded {
368
- border-radius: var(--oruga-button-rounded-border-radius, var(--oruga-base-border-radius-rounded));
369
- }
370
- .o-btn--disabled {
371
- opacity: var(--oruga-button-disabled-opacity, var(--oruga-base-disabled-opacity));
372
- cursor: not-allowed;
373
- pointer-events: none;
374
- }
375
- .o-btn--small {
376
- font-size: var(--oruga-button-font-size-small, 0.75rem);
377
- }
378
- .o-btn--medium {
379
- font-size: var(--oruga-button-font-size-medium, 1.25rem);
380
- }
381
- .o-btn--large {
382
- font-size: var(--oruga-button-font-size-large, 1.5rem);
383
- }
384
- .o-btn--primary {
385
- --oruga-focus: rgba(68, 94, 0, 0.25);
386
- border-color: transparent;
387
- background-color: var(--oruga-variant-primary, #445e00);
388
- color: var(--oruga-variant-invert-primary, #ffffff);
389
- }
390
- .o-btn--primary:hover {
391
- /* background-color: darken($color, 2.5%)*/
392
- /* IE 11 needs polyfill*/
393
- filter: brightness(97.5%);
394
- }
395
- .o-btn--secondary {
396
- --oruga-focus: rgba(108, 117, 125, 0.25);
397
- border-color: transparent;
398
- background-color: var(--oruga-variant-secondary, #6c757d);
399
- color: var(--oruga-variant-invert-secondary, #ffffff);
400
- }
401
- .o-btn--secondary:hover {
402
- /* background-color: darken($color, 2.5%)*/
403
- /* IE 11 needs polyfill*/
404
- filter: brightness(97.5%);
405
- }
406
- .o-btn--success {
407
- --oruga-focus: rgba(0, 103, 36, 0.25);
408
- border-color: transparent;
409
- background-color: var(--oruga-variant-success, #006724);
410
- color: var(--oruga-variant-invert-success, #ffffff);
411
- }
412
- .o-btn--success:hover {
413
- /* background-color: darken($color, 2.5%)*/
414
- /* IE 11 needs polyfill*/
415
- filter: brightness(97.5%);
416
- }
417
- .o-btn--info {
418
- --oruga-focus: rgba(0, 92, 152, 0.25);
419
- border-color: transparent;
420
- background-color: var(--oruga-variant-info, #005c98);
421
- color: var(--oruga-variant-invert-info, #ffffff);
422
- }
423
- .o-btn--info:hover {
424
- /* background-color: darken($color, 2.5%)*/
425
- /* IE 11 needs polyfill*/
426
- filter: brightness(97.5%);
427
- }
428
- .o-btn--warning {
429
- --oruga-focus: rgba(244, 195, 0, 0.25);
430
- border-color: transparent;
431
- background-color: var(--oruga-variant-warning, #f4c300);
432
- color: var(--oruga-variant-invert-warning, #000000);
433
- }
434
- .o-btn--warning:hover {
435
- /* background-color: darken($color, 2.5%)*/
436
- /* IE 11 needs polyfill*/
437
- filter: brightness(97.5%);
438
- }
439
- .o-btn--danger {
440
- --oruga-focus: rgba(182, 0, 0, 0.25);
441
- border-color: transparent;
442
- background-color: var(--oruga-variant-danger, #b60000);
443
- color: var(--oruga-variant-invert-danger, #ffffff);
444
- }
445
- .o-btn--danger:hover {
446
- /* background-color: darken($color, 2.5%)*/
447
- /* IE 11 needs polyfill*/
448
- filter: brightness(97.5%);
449
- }
450
- .o-btn--outlined {
451
- background-color: var(--oruga-button-outlined-background-color, transparent);
452
- border-color: var(--oruga-button-background-color, var(--oruga-primary));
453
- color: var(--oruga-button-background-color, var(--oruga-primary));
454
- }
455
- .o-btn--outlined:hover {
456
- border-color: transparent;
457
- background-color: var(--oruga-button-background-color, var(--oruga-primary));
458
- color: var(--oruga-button-color, var(--oruga-primary-invert));
459
- }
460
- .o-btn--outlined-primary {
461
- --oruga-focus: rgba(68, 94, 0, 0.25);
462
- background-color: var(--oruga-button-outlined-background-color, transparent);
463
- border-color: var(--oruga-variant-primary, #445e00);
464
- color: var(--oruga-variant-primary, #445e00);
465
- }
466
- .o-btn--outlined-primary:focus, .o-btn--outlined-primary:hover {
467
- border-color: transparent;
468
- background-color: var(--oruga-variant-primary, #445e00);
469
- color: var(--oruga-variant-invert-primary, #ffffff);
470
- }
471
- .o-btn--outlined-secondary {
472
- --oruga-focus: rgba(108, 117, 125, 0.25);
473
- background-color: var(--oruga-button-outlined-background-color, transparent);
474
- border-color: var(--oruga-variant-secondary, #6c757d);
475
- color: var(--oruga-variant-secondary, #6c757d);
476
- }
477
- .o-btn--outlined-secondary:focus, .o-btn--outlined-secondary:hover {
478
- border-color: transparent;
479
- background-color: var(--oruga-variant-secondary, #6c757d);
480
- color: var(--oruga-variant-invert-secondary, #ffffff);
481
- }
482
- .o-btn--outlined-success {
483
- --oruga-focus: rgba(0, 103, 36, 0.25);
484
- background-color: var(--oruga-button-outlined-background-color, transparent);
485
- border-color: var(--oruga-variant-success, #006724);
486
- color: var(--oruga-variant-success, #006724);
487
- }
488
- .o-btn--outlined-success:focus, .o-btn--outlined-success:hover {
489
- border-color: transparent;
490
- background-color: var(--oruga-variant-success, #006724);
491
- color: var(--oruga-variant-invert-success, #ffffff);
492
- }
493
- .o-btn--outlined-info {
494
- --oruga-focus: rgba(0, 92, 152, 0.25);
495
- background-color: var(--oruga-button-outlined-background-color, transparent);
496
- border-color: var(--oruga-variant-info, #005c98);
497
- color: var(--oruga-variant-info, #005c98);
498
- }
499
- .o-btn--outlined-info:focus, .o-btn--outlined-info:hover {
500
- border-color: transparent;
501
- background-color: var(--oruga-variant-info, #005c98);
502
- color: var(--oruga-variant-invert-info, #ffffff);
503
- }
504
- .o-btn--outlined-warning {
505
- --oruga-focus: rgba(244, 195, 0, 0.25);
506
- background-color: var(--oruga-button-outlined-background-color, transparent);
507
- border-color: var(--oruga-variant-warning, #f4c300);
508
- color: var(--oruga-variant-warning, #f4c300);
509
- }
510
- .o-btn--outlined-warning:focus, .o-btn--outlined-warning:hover {
511
- border-color: transparent;
512
- background-color: var(--oruga-variant-warning, #f4c300);
513
- color: var(--oruga-variant-invert-warning, #000000);
514
- }
515
- .o-btn--outlined-danger {
516
- --oruga-focus: rgba(182, 0, 0, 0.25);
517
- background-color: var(--oruga-button-outlined-background-color, transparent);
518
- border-color: var(--oruga-variant-danger, #b60000);
519
- color: var(--oruga-variant-danger, #b60000);
520
- }
521
- .o-btn--outlined-danger:focus, .o-btn--outlined-danger:hover {
522
- border-color: transparent;
523
- background-color: var(--oruga-variant-danger, #b60000);
524
- color: var(--oruga-variant-invert-danger, #ffffff);
525
- }
526
- .o-btn--loading {
527
- color: transparent !important;
528
- pointer-events: none;
529
- }
530
- .o-btn--loading::after {
531
- -webkit-animation: spinAround 500ms infinite linear;
532
- left: calc(50% - 0.5em);
533
- top: calc(50% - 0.5em);
534
- position: absolute !important;
535
- border: 2px solid #dbdbdb;
536
- border-radius: 9999px;
537
- border-right-color: transparent;
538
- border-top-color: transparent;
539
- content: "";
540
- display: block;
541
- height: 1em;
542
- width: 1em;
543
- }
544
- .o-btn--inverted {
545
- background-color: var(--oruga-button-color, var(--oruga-primary-invert));
546
- border-color: var(--oruga-button-color, var(--oruga-primary-invert));
547
- color: var(--oruga-button-background-color, var(--oruga-primary));
548
- }
549
- .o-btn--inverted:hover {
550
- /* background-color: darken($color-invert, 5%)*/
551
- /* IE 11 needs polyfill*/
552
- filter: brightness(95%);
553
- }
554
- .o-btn--inverted-primary {
555
- --oruga-focus: rgba(68, 94, 0, 0.25);
556
- background-color: var(--oruga-variant-invert-primary, #ffffff);
557
- border-color: var(--oruga-variant-invert-primary, #ffffff);
558
- color: var(--oruga-variant-primary, #445e00);
559
- }
560
- .o-btn--inverted-primary:focus, .o-btn--inverted-primary:hover {
561
- /* background-color: darken($color-invert, 5%)*/
562
- /* IE 11 needs polyfill*/
563
- filter: brightness(95%);
564
- }
565
- .o-btn--inverted-secondary {
566
- --oruga-focus: rgba(108, 117, 125, 0.25);
567
- background-color: var(--oruga-variant-invert-secondary, #ffffff);
568
- border-color: var(--oruga-variant-invert-secondary, #ffffff);
569
- color: var(--oruga-variant-secondary, #6c757d);
570
- }
571
- .o-btn--inverted-secondary:focus, .o-btn--inverted-secondary:hover {
572
- /* background-color: darken($color-invert, 5%)*/
573
- /* IE 11 needs polyfill*/
574
- filter: brightness(95%);
575
- }
576
- .o-btn--inverted-success {
577
- --oruga-focus: rgba(0, 103, 36, 0.25);
578
- background-color: var(--oruga-variant-invert-success, #ffffff);
579
- border-color: var(--oruga-variant-invert-success, #ffffff);
580
- color: var(--oruga-variant-success, #006724);
581
- }
582
- .o-btn--inverted-success:focus, .o-btn--inverted-success:hover {
583
- /* background-color: darken($color-invert, 5%)*/
584
- /* IE 11 needs polyfill*/
585
- filter: brightness(95%);
586
- }
587
- .o-btn--inverted-info {
588
- --oruga-focus: rgba(0, 92, 152, 0.25);
589
- background-color: var(--oruga-variant-invert-info, #ffffff);
590
- border-color: var(--oruga-variant-invert-info, #ffffff);
591
- color: var(--oruga-variant-info, #005c98);
592
- }
593
- .o-btn--inverted-info:focus, .o-btn--inverted-info:hover {
594
- /* background-color: darken($color-invert, 5%)*/
595
- /* IE 11 needs polyfill*/
596
- filter: brightness(95%);
597
- }
598
- .o-btn--inverted-warning {
599
- --oruga-focus: rgba(244, 195, 0, 0.25);
600
- background-color: var(--oruga-variant-invert-warning, #000000);
601
- border-color: var(--oruga-variant-invert-warning, #000000);
602
- color: var(--oruga-variant-warning, #f4c300);
603
- }
604
- .o-btn--inverted-warning:focus, .o-btn--inverted-warning:hover {
605
- /* background-color: darken($color-invert, 5%)*/
606
- /* IE 11 needs polyfill*/
607
- filter: brightness(95%);
608
- }
609
- .o-btn--inverted-danger {
610
- --oruga-focus: rgba(182, 0, 0, 0.25);
611
- background-color: var(--oruga-variant-invert-danger, #ffffff);
612
- border-color: var(--oruga-variant-invert-danger, #ffffff);
613
- color: var(--oruga-variant-danger, #b60000);
614
- }
615
- .o-btn--inverted-danger:focus, .o-btn--inverted-danger:hover {
616
- /* background-color: darken($color-invert, 5%)*/
617
- /* IE 11 needs polyfill*/
618
- filter: brightness(95%);
619
- }
620
- .o-btn:focus, .o-btn:focus-within {
621
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
622
- outline: 0;
623
- }
624
-
625
- /* @docs */
626
- /* @docs */
627
- .o-car {
628
- -webkit-touch-callout: none;
629
- -webkit-user-select: none;
630
- -moz-user-select: none;
631
- -ms-user-select: none;
632
- user-select: none;
633
- position: relative;
634
- overflow: hidden;
635
- width: 100%;
636
- }
637
- .o-car__overlay {
638
- bottom: 0;
639
- left: 0;
640
- right: 0;
641
- top: 0;
642
- align-items: center;
643
- flex-direction: column;
644
- justify-content: center;
645
- display: flex;
646
- max-height: 100vh;
647
- position: fixed;
648
- background-color: var(--oruga-carousel-overlay-background, hsla(0, 0%, 4%, 0.86));
649
- z-index: var(--oruga-carousel-overlay-zindex, 40);
650
- }
651
- .o-car__wrapper {
652
- position: relative;
653
- width: 100%;
654
- }
655
- .o-car__items {
656
- display: flex;
657
- width: 100%;
658
- }
659
- .o-car__items:not(.o-car__items--dragging) {
660
- transition: var(--oruga-carousel-items-transition, all var(--oruga-transition-duration) var(--oruga-transition-timing) 0s);
661
- }
662
- .o-car__item {
663
- border: var(--oruga-carousel-item-border, 2px solid transparent);
664
- flex-shrink: 0;
665
- }
666
- .o-car__item--clickable {
667
- cursor: pointer;
668
- }
669
- .o-car__indicators {
670
- width: 100%;
671
- display: flex;
672
- align-items: center;
673
- justify-content: center;
674
- padding: var(--oruga-carousel-indicators-padding, 0.5rem);
675
- background: var(--oruga-carousel-indicators-background, rgba(var(--oruga-white), 0.5));
676
- }
677
- .o-car__indicators--inside {
678
- position: absolute;
679
- }
680
- .o-car__indicators--inside--bottom {
681
- bottom: 0;
682
- }
683
- .o-car__indicators--inside--top {
684
- top: 0;
685
- }
686
- .o-car__indicator:not(:last-child) {
687
- margin: var(--oruga-carousel-indicator-margin, 0 0.5rem 0 0);
688
- }
689
- .o-car__indicator__item {
690
- display: block;
691
- border: var(--oruga-carousel-indicator-border, 1px solid var(--oruga-primary));
692
- background: var(--oruga-carousel-indicator-background, var(--oruga-white));
693
- transition: var(--oruga-carousel-indicator-transition, var(--oruga-transition-duration) var(--oruga-transition-timing));
694
- }
695
- .o-car__indicator__item--active,
696
- .o-car__indicator__item :hover {
697
- background: var(--oruga-carousel-indicator-active-background, var(--oruga-primary));
698
- border: var(--oruga-carousel-indicator-active-border, 1px solid var(--oruga-primary));
699
- }
700
- .o-car__indicator__item--boxes {
701
- width: var(--oruga-carousel-indicator-size, 10px);
702
- height: var(--oruga-carousel-indicator-size, 10px);
703
- }
704
- .o-car__indicator__item--dots {
705
- border-radius: var(--oruga-carousel-indicator-dots-border-radius, var(--oruga-base-border-radius));
706
- width: var(--oruga-carousel-indicator-size, 10px);
707
- height: var(--oruga-carousel-indicator-size, 10px);
708
- }
709
- .o-car__indicator__item--lines {
710
- width: var(--oruga-carousel-indicator-lines-width, 25px);
711
- height: var(--oruga-carousel-indicator-lines-height, 5px);
712
- }
713
- .o-car__arrow__icon {
714
- cursor: pointer;
715
- background: var(--oruga-carousel-arrow-background, var(--oruga-white));
716
- color: var(--oruga-carousel-arrow-color, var(--oruga-primary));
717
- width: var(--oruga-carousel-arrow-size, 1.5rem);
718
- height: var(--oruga-carousel-arrow-size, 1.5rem);
719
- border-radius: var(--oruga-carousel-arrow-border-radius, var(--oruga-base-border-radius-rounded));
720
- border: var(--oruga-carousel-arrow-border, 1px solid var(--oruga-white));
721
- transition: var(--oruga-carousel-arrow-transition, var(--oruga-transition-duration) var(--oruga-transition-timing));
722
- }
723
- .o-car__arrow__icon-prev, .o-car__arrow__icon-next {
724
- position: absolute;
725
- top: var(--oruga-carousel-arrow-top, 50%);
726
- transform: translateY(var(--oruga-carousel-arrow-top, -50%));
727
- z-index: 1;
728
- }
729
- .o-car__arrow__icon-prev {
730
- left: var(--oruga-carousel-arrow-icon-spaced, 1.5rem);
731
- }
732
- .o-car__arrow__icon-next {
733
- right: var(--oruga-carousel-arrow-icon-spaced, 1.5rem);
734
- }
735
-
736
- /* @docs */
737
- /* @docs */
738
- .o-chk {
739
- -webkit-touch-callout: none;
740
- -webkit-user-select: none;
741
- -moz-user-select: none;
742
- -ms-user-select: none;
743
- user-select: none;
744
- display: inline-flex;
745
- align-items: center;
746
- cursor: pointer;
747
- position: relative;
748
- line-height: var(--oruga-checkbox-line-height, 1.5);
749
- margin-right: var(--oruga-checkbox-margin-sibiling, 0.5em);
750
- }
751
- .o-chk__input {
752
- width: var(--oruga-checkbox-size, 1rem);
753
- height: var(--oruga-checkbox-size, 1rem);
754
- margin: 0;
755
- outline: none;
756
- vertical-align: top;
757
- -webkit-appearance: none;
758
- -moz-appearance: none;
759
- appearance: none;
760
- -webkit-print-color-adjust: exact;
761
- print-color-adjust: exact;
762
- flex-shrink: 0;
763
- cursor: pointer;
764
- box-shadow: var(--oruga-checkbox-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
765
- background-color: var(--oruga-checkbox-background-color, var(--oruga-primary));
766
- background-position: center;
767
- background-size: contain;
768
- background-repeat: no-repeat;
769
- transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
770
- border-radius: var(--oruga-checkbox-border-radius, var(--oruga-base-border-radius));
771
- border-width: var(--oruga-checkbox-border-width, 2px);
772
- border-color: var(--oruga-checkbox-border-color, var(--oruga-primary));
773
- border-style: var(--oruga-checkbox-border-style, solid);
774
- }
775
- .o-chk__input--checked {
776
- background-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
777
- border-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
778
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
779
- }
780
- .o-chk__input--indeterminate {
781
- background-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
782
- border-color: var(--oruga-checkbox-active-background-color, var(--oruga-primary));
783
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
784
- }
785
- .o-chk__label {
786
- padding: var(--oruga-checkbox-label-padding, 0 0 0 0.5em);
787
- }
788
- .o-chk--disabled {
789
- opacity: var(--oruga-checkbox-disabled-opacity, var(--oruga-base-disabled-opacity));
790
- }
791
- .o-chk--small {
792
- font-size: var(--oruga-checkbox-font-size-small, 0.75rem);
793
- }
794
- .o-chk--medium {
795
- font-size: var(--oruga-checkbox-font-size-medium, 1.25rem);
796
- }
797
- .o-chk--large {
798
- font-size: var(--oruga-checkbox-font-size-large, 1.5rem);
799
- }
800
- .o-chk--primary {
801
- --oruga-focus: rgba(68, 94, 0, 0.25);
802
- }
803
- .o-chk--primary .o-chk__input {
804
- border-color: var(--oruga-variant-primary, #445e00);
805
- background-color: var(--oruga-variant-primary, #445e00);
806
- }
807
- .o-chk--primary .o-chk__input--checked {
808
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
809
- }
810
- .o-chk--primary .o-chk__input--indeterminate {
811
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
812
- }
813
- .o-chk--secondary {
814
- --oruga-focus: rgba(108, 117, 125, 0.25);
815
- }
816
- .o-chk--secondary .o-chk__input {
817
- border-color: var(--oruga-variant-secondary, #6c757d);
818
- background-color: var(--oruga-variant-secondary, #6c757d);
819
- }
820
- .o-chk--secondary .o-chk__input--checked {
821
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
822
- }
823
- .o-chk--secondary .o-chk__input--indeterminate {
824
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
825
- }
826
- .o-chk--success {
827
- --oruga-focus: rgba(0, 103, 36, 0.25);
828
- }
829
- .o-chk--success .o-chk__input {
830
- border-color: var(--oruga-variant-success, #006724);
831
- background-color: var(--oruga-variant-success, #006724);
832
- }
833
- .o-chk--success .o-chk__input--checked {
834
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
835
- }
836
- .o-chk--success .o-chk__input--indeterminate {
837
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
838
- }
839
- .o-chk--info {
840
- --oruga-focus: rgba(0, 92, 152, 0.25);
841
- }
842
- .o-chk--info .o-chk__input {
843
- border-color: var(--oruga-variant-info, #005c98);
844
- background-color: var(--oruga-variant-info, #005c98);
845
- }
846
- .o-chk--info .o-chk__input--checked {
847
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
848
- }
849
- .o-chk--info .o-chk__input--indeterminate {
850
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
851
- }
852
- .o-chk--warning {
853
- --oruga-focus: rgba(244, 195, 0, 0.25);
854
- }
855
- .o-chk--warning .o-chk__input {
856
- border-color: var(--oruga-variant-warning, #f4c300);
857
- background-color: var(--oruga-variant-warning, #f4c300);
858
- }
859
- .o-chk--warning .o-chk__input--checked {
860
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
861
- }
862
- .o-chk--warning .o-chk__input--indeterminate {
863
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
864
- }
865
- .o-chk--danger {
866
- --oruga-focus: rgba(182, 0, 0, 0.25);
867
- }
868
- .o-chk--danger .o-chk__input {
869
- border-color: var(--oruga-variant-danger, #b60000);
870
- background-color: var(--oruga-variant-danger, #b60000);
871
- }
872
- .o-chk--danger .o-chk__input--checked {
873
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
874
- }
875
- .o-chk--danger .o-chk__input--indeterminate {
876
- background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
877
- }
878
- .o-chk:focus .o-chk__input, .o-chk:focus-within .o-chk__input {
879
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
880
- }
881
-
882
- /* @docs */
883
- /* @docs */
884
- .o-clps {
885
- width: 100%;
886
- }
887
- .o-clps__trigger {
888
- cursor: pointer;
889
- display: inline-block;
890
- }
891
- .o-clps__content {
892
- display: inherit;
893
- }
894
-
895
- /* @docs */
896
- /* @docs */
897
- .o-dpck {
898
- font-size: var(--oruga-datepicker-font-size, var(--oruga-base-font-size));
899
- }
900
- .o-dpck--small {
901
- font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
902
- }
903
- .o-dpck--medium {
904
- font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
905
- }
906
- .o-dpck--large {
907
- font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
908
- }
909
- .o-dpck__dropdown {
910
- width: 100%;
911
- }
912
- .o-dpck__box {
913
- --oruga-dropdown-item-line-height: var(--oruga-base-line-height);
914
- --oruga-dropdown-item-padding: 0.375rem 1rem;
915
- }
916
- .o-dpck__header {
917
- padding: var(--oruga-datepicker-header-padding, 0 0 0.875rem 0);
918
- margin: var(--oruga-datepicker-header-margin, 0 0 0.875rem 0);
919
- border-bottom: var(--oruga-datepicker-header-border-bottom, 1px solid var(--oruga-grey-lighter));
920
- }
921
- .o-dpck__header__buttons {
922
- align-items: center;
923
- display: flex;
924
- justify-content: center;
925
- text-align: center;
926
- }
927
- .o-dpck__header__buttons--small {
928
- font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
929
- }
930
- .o-dpck__header__buttons--medium {
931
- font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
932
- }
933
- .o-dpck__header__buttons--large {
934
- font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
935
- }
936
- .o-dpck__header__previous {
937
- order: 1;
938
- }
939
- .o-dpck__header__next {
940
- order: 3;
941
- }
942
- .o-dpck__header__previous, .o-dpck__header__next {
943
- -webkit-touch-callout: none;
944
- -webkit-user-select: none;
945
- -moz-user-select: none;
946
- -ms-user-select: none;
947
- user-select: none;
948
- justify-content: center;
949
- text-align: center;
950
- text-decoration: none;
951
- cursor: pointer;
952
- -moz-appearance: none;
953
- -webkit-appearance: none;
954
- align-items: center;
955
- box-shadow: none;
956
- display: inline-flex;
957
- position: relative;
958
- vertical-align: top;
959
- line-height: var(--oruga-datepicker-btn-line-height, var(--oruga-base-line-height));
960
- border: var(--oruga-datepicker-btn-border, 1px solid transparent);
961
- border-radius: var(--oruga-datepicker-btn-border-radius, var(--oruga-base-border-radius));
962
- border-color: var(--oruga-datepicker-btn-border-color, var(--oruga-grey-lighter));
963
- color: var(--oruga-datepicker-btn-color, #363636);
964
- min-width: var(--oruga-datepicker-btn-min-width, 2.25em);
965
- height: var(--oruga-datepicker-btn-height, 2.25em);
966
- padding: var(--oruga-datepicker-btn-padding, 0.5em 0.5em);
967
- margin: var(--oruga-datepicker-btn-margin, 0.25rem);
968
- }
969
- .o-dpck__header__previous:hover, .o-dpck__header__next:hover {
970
- text-decoration: none;
971
- border-color: var(--oruga-datepicker-btn-hover-border-color, var(--oruga-grey-light));
972
- color: var(--oruga-datepicker-btn-hover-color, #363636);
973
- }
974
- .o-dpck__header__list {
975
- order: 2;
976
- align-items: center;
977
- display: flex;
978
- justify-content: center;
979
- text-align: center;
980
- list-style: none;
981
- flex-wrap: wrap;
982
- margin: 0;
983
- padding: 0;
984
- margin-left: -0.125rem;
985
- margin-right: -0.125rem;
986
- }
987
- .o-dpck__header__list > * {
988
- margin-left: 0.125rem;
989
- margin-right: 0.125rem;
990
- }
991
- .o-dpck__footer {
992
- padding: var(--oruga-datepicker-header-padding, 0.875rem 0.5rem 0 0.5rem);
993
- margin: var(--oruga-datepicker-header-margin, 0.875rem 0 0.875rem 0);
994
- border-top: var(--oruga-datepicker-header-border-top, 1px solid var(--oruga-grey-lighter));
995
- }
996
- .o-dpck__table, .o-dpck__month {
997
- display: table;
998
- margin: 0 auto 0 auto;
999
- }
1000
- .o-dpck__table__head, .o-dpck__month__head {
1001
- display: table-header-group;
1002
- padding: var(--oruga-datepicker-table-head-padding, 0 0 0.875rem 0);
1003
- margin: var(--oruga-datepicker-table-head-margin, 0 0 0.875rem 0);
1004
- border-bottom: var(--oruga-datepicker-table-head-border-bottom, 1px solid var(--oruga-grey-lighter));
1005
- }
1006
- .o-dpck__table__body, .o-dpck__month__body {
1007
- display: table-row-group;
1008
- }
1009
- .o-dpck__table__row, .o-dpck__month__row {
1010
- display: table-row;
1011
- }
1012
- .o-dpck__table__head-cell, .o-dpck__month__head-cell {
1013
- padding: var(--oruga-datepicker-table-head-item-padding, var(--oruga-grey));
1014
- font-weight: var(--oruga-datepicker-table-head-item-font-weight, 600);
1015
- }
1016
- .o-dpck__table__cell, .o-dpck__month__cell {
1017
- text-align: center;
1018
- vertical-align: middle;
1019
- display: table-cell;
1020
- text-decoration: none;
1021
- border-radius: var(--oruga-datepicker-item-border-radius, var(--oruga-base-border-radius));
1022
- padding: var(--oruga-datepicker-item-padding, 0.5rem 0.75rem);
1023
- }
1024
- .o-dpck__table__cell--unselectable, .o-dpck__month__cell--unselectable {
1025
- color: var(--oruga-datepicker-item-disabled-color, var(--oruga-grey-light));
1026
- }
1027
- .o-dpck__table__cell--today, .o-dpck__month__cell--today {
1028
- border: var(--oruga-datepicker-item-today-border, solid 1px rgba(var(--oruga-primary), 0.5));
1029
- }
1030
- .o-dpck__table__cell--selectable, .o-dpck__month__cell--selectable {
1031
- cursor: pointer;
1032
- color: var(--oruga-datepicker-item-selectable-color, var(--oruga-grey-dark));
1033
- }
1034
- .o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered {
1035
- background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
1036
- color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
1037
- border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1038
- border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1039
- }
1040
- .o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered {
1041
- background-color: var(--oruga-datepicker-item-hovered-within-background-color, rgb(from var(--oruga-grey) r g b/50%));
1042
- color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
1043
- border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1044
- }
1045
- .o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered {
1046
- background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
1047
- color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
1048
- border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1049
- border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1050
- }
1051
- .o-dpck__table__cell--selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
1052
- background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
1053
- color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
1054
- }
1055
- .o-dpck__table__cell--first-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--first-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
1056
- background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
1057
- color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
1058
- border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1059
- border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1060
- }
1061
- .o-dpck__table__cell--within-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--within-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
1062
- background-color: var(--oruga-datepicker-item-selected-within-background-color, rgb(from var(--oruga-primary) r g b/50%));
1063
- border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1064
- }
1065
- .o-dpck__table__cell--last-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered), .o-dpck__month__cell--last-selected:not(.o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered) {
1066
- background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
1067
- color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
1068
- border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1069
- border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1070
- }
1071
- .o-dpck__table__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected), .o-dpck__month__cell--nearby:not(.o-dpck__table__cell--selected, .o-dpck__month__cell--selected) {
1072
- color: var(--oruga-datepicker-item-nearby-color, var(--oruga-grey-light));
1073
- }
1074
- .o-dpck__table__cell--invisible, .o-dpck__month__cell--invisible {
1075
- visibility: hidden;
1076
- }
1077
- .o-dpck__table__cell--events, .o-dpck__month__cell--events {
1078
- position: relative;
1079
- padding: var(--oruga-datepicker-events-item-padding, 0.3rem 0.75rem 0.75rem);
1080
- }
1081
- .o-dpck__table__events, .o-dpck__month__events {
1082
- display: flex;
1083
- justify-content: center;
1084
- position: absolute;
1085
- width: 100%;
1086
- left: 0;
1087
- bottom: 15%;
1088
- }
1089
- .o-dpck__table__event, .o-dpck__month__event {
1090
- background-color: var(--oruga-datepicker-event-background-color, var(--oruga-grey-light));
1091
- }
1092
- .o-dpck__table__event--primary, .o-dpck__month__event--primary {
1093
- background-color: #445e00;
1094
- background-color: var(--oruga-variant-primary, #445e00);
1095
- }
1096
- .o-dpck__table__event--secondary, .o-dpck__month__event--secondary {
1097
- background-color: #6c757d;
1098
- background-color: var(--oruga-variant-secondary, #6c757d);
1099
- }
1100
- .o-dpck__table__event--success, .o-dpck__month__event--success {
1101
- background-color: #006724;
1102
- background-color: var(--oruga-variant-success, #006724);
1103
- }
1104
- .o-dpck__table__event--info, .o-dpck__month__event--info {
1105
- background-color: #005c98;
1106
- background-color: var(--oruga-variant-info, #005c98);
1107
- }
1108
- .o-dpck__table__event--warning, .o-dpck__month__event--warning {
1109
- background-color: #f4c300;
1110
- background-color: var(--oruga-variant-warning, #f4c300);
1111
- }
1112
- .o-dpck__table__event--danger, .o-dpck__month__event--danger {
1113
- background-color: #b60000;
1114
- background-color: var(--oruga-variant-danger, #b60000);
1115
- }
1116
- .o-dpck__table__event--dots, .o-dpck__month__event--dots {
1117
- border-radius: 50%;
1118
- margin: var(--oruga-datepicker-event-dots-margin, 0 0.1em);
1119
- height: var(--oruga-datepicker-event-dots-size, 0.35em);
1120
- width: var(--oruga-datepicker-event-dots-size, 0.35em);
1121
- }
1122
- .o-dpck__table__event--bars, .o-dpck__month__event--bars {
1123
- height: var(--oruga-datepicker-event-bars-height, 0.25em);
1124
- width: 100%;
1125
- }
1126
- .o-dpck__month__table {
1127
- display: inline-flex;
1128
- flex-wrap: wrap;
1129
- flex-direction: row;
1130
- width: 17rem;
1131
- }
1132
- .o-dpck__month__cell {
1133
- display: flex;
1134
- align-items: center;
1135
- justify-content: center;
1136
- width: 33.33%;
1137
- height: 2.5rem;
1138
- }
1139
- .o-dpck--expanded {
1140
- width: 100%;
1141
- flex-grow: 1;
1142
- }
1143
- .o-dpck--mobile .o-dpck__header__previous {
1144
- order: 1;
1145
- flex-grow: 1;
1146
- flex-shrink: 1;
1147
- }
1148
- .o-dpck--mobile .o-dpck__header__next {
1149
- order: 3;
1150
- flex-grow: 1;
1151
- flex-shrink: 1;
1152
- }
1153
- .o-dpck--mobile .o-dpck__header__list {
1154
- order: 2;
1155
- flex-grow: 1;
1156
- flex-shrink: 1;
1157
- }
1158
-
1159
- /* @docs */
1160
- /* @docs */
1161
- .o-dtpck__time {
1162
- display: flex;
1163
- justify-content: center;
1164
- align-items: center;
1165
- --oruga-dropdown-menu-box-shadow: 0,0,0,0;
1166
- }
1167
-
1168
- /* @docs */
1169
- /* @docs */
1170
- .o-drop {
1171
- display: inline-flex;
1172
- position: relative;
1173
- vertical-align: top;
1174
- }
1175
- .o-drop__overlay {
1176
- position: fixed;
1177
- bottom: 0;
1178
- left: 0;
1179
- right: 0;
1180
- top: 0;
1181
- cursor: pointer;
1182
- display: none;
1183
- background-color: var(--oruga-dropdown-mobile-overlay-color, rgba(0, 0, 0, 0.86));
1184
- z-index: var(--oruga-dropdown-mobile-overlay-zindex, 55);
1185
- }
1186
- .o-drop__trigger {
1187
- width: 100%;
1188
- }
1189
- .o-drop__menu {
1190
- position: absolute;
1191
- display: block;
1192
- min-width: var(--oruga-dropdown-menu-width, 12rem);
1193
- z-index: var(--oruga-dropdown-menu-zindex, 50);
1194
- background-color: var(--oruga-dropdown-menu-background, #ffffff);
1195
- border-radius: var(--oruga-dropdown-menu-border-radius, var(--oruga-base-border-radius));
1196
- box-shadow: var(--oruga-dropdown-menu-box-shadow, 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02));
1197
- padding: var(--oruga-dropdown-menu-padding, 0.5rem 0 0.5rem 0);
1198
- margin: var(--oruga-dropdown-menu-margin, 0);
1199
- }
1200
- .o-drop__menu--bottom {
1201
- left: 50%;
1202
- right: auto;
1203
- top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1204
- bottom: auto;
1205
- transform: translateX(-50%);
1206
- }
1207
- .o-drop__menu--top {
1208
- left: 50%;
1209
- right: auto;
1210
- top: auto;
1211
- bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1212
- transform: translateX(-50%);
1213
- }
1214
- .o-drop__menu--left {
1215
- right: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1216
- left: auto;
1217
- top: 50%;
1218
- bottom: auto;
1219
- transform: translateY(-50%);
1220
- }
1221
- .o-drop__menu--right {
1222
- right: auto;
1223
- left: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1224
- top: 50%;
1225
- bottom: auto;
1226
- transform: translateY(-50%);
1227
- }
1228
- .o-drop__menu--top-right {
1229
- right: 0;
1230
- left: auto;
1231
- top: auto;
1232
- bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1233
- }
1234
- .o-drop__menu--top-left {
1235
- right: auto;
1236
- left: 0;
1237
- top: auto;
1238
- bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1239
- }
1240
- .o-drop__menu--bottom-right {
1241
- right: 0;
1242
- left: auto;
1243
- top: calc(100% + var(--oruga- "dropdown-menu-spacer", 0px));
1244
- bottom: auto;
1245
- }
1246
- .o-drop__menu--bottom-left {
1247
- right: auto;
1248
- left: 0;
1249
- top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1250
- bottom: auto;
1251
- }
1252
- .o-drop__item {
1253
- display: block;
1254
- position: relative;
1255
- color: var(--oruga-dropdown-item-color, #000000);
1256
- font-size: var(--oruga-dropdown-item-font-size, var(--oruga-base-font-size));
1257
- font-weight: var(--oruga-dropdown-item-font-weight, 400);
1258
- line-height: var(--oruga-dropdown-item-line-height, var(--oruga-base-line-height));
1259
- padding: var(--oruga-dropdown-item-padding, 0.375rem 1rem);
1260
- }
1261
- .o-drop__item--disabled {
1262
- opacity: var(--oruga-dropdown-item-disabled-opacity, var(--oruga-base-disabled-opacity));
1263
- pointer-events: none;
1264
- }
1265
- .o-drop__item--active {
1266
- background-color: var(--oruga-dropdown-item-active-background-color, var(--oruga-primary));
1267
- color: var(--oruga-dropdown-item-active-color, var(--oruga-primary-invert));
1268
- }
1269
- .o-drop__item--clickable {
1270
- cursor: pointer;
1271
- }
1272
- .o-drop__item--clickable:not(.o-drop__item--active):hover {
1273
- background-color: var(--oruga-dropdown-item-hover-background-color, #f5f5f5);
1274
- color: var(--oruga-dropdown-item-hover-color, #000000);
1275
- }
1276
- .o-drop--inline {
1277
- display: inline;
1278
- }
1279
- .o-drop--inline .o-drop__menu {
1280
- position: static;
1281
- display: inline-block;
1282
- padding: 0;
1283
- }
1284
- .o-drop--expanded {
1285
- width: 100%;
1286
- }
1287
- .o-drop--expanded .o-drop__menu {
1288
- width: 100%;
1289
- }
1290
- .o-drop--disabled, .o-acp__item-group-title, .o-acp__item--empty {
1291
- opacity: var(--oruga-dropdown-disabled-opacity, var(--oruga-base-disabled-opacity));
1292
- pointer-events: none;
1293
- }
1294
- .o-drop--mobile > .o-drop__menu {
1295
- position: fixed;
1296
- top: 25%;
1297
- left: 50%;
1298
- bottom: auto;
1299
- right: auto;
1300
- transform: translate3d(-50%, -25%, 0);
1301
- overflow-y: auto;
1302
- width: var(--oruga-dropdown-mobile-width, calc(100vw - 40px));
1303
- max-width: var(--oruga-dropdown-mobile-max-width, 460px);
1304
- max-height: var(--oruga-dropdown-mobile-max-height, calc(100vh - 120px));
1305
- z-index: var(--oruga-dropdown-mobile-zindex, 60);
1306
- }
1307
- .o-drop--mobile > .o-drop__overlay {
1308
- display: block;
1309
- }
1310
- .o-drop--teleport {
1311
- width: unset;
1312
- }
1313
-
1314
- /* @docs */
1315
- /* @docs */
1316
- .o-field {
1317
- flex-grow: 1;
1318
- }
1319
- .o-field:not(:last-child) {
1320
- margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
1321
- }
1322
- .o-field__label {
1323
- display: block;
1324
- color: var(--oruga-field-label-color, #363636);
1325
- font-size: var(--oruga-base-font-size, 1rem);
1326
- font-weight: var(--oruga-field-label-font-weight, 600);
1327
- }
1328
- .o-field__label-small {
1329
- font-size: var(--oruga-field-font-size-small, 0.75rem);
1330
- }
1331
- .o-field__label-medium {
1332
- font-size: var(--oruga-field-font-size-medium, 1.25rem);
1333
- }
1334
- .o-field__label-large {
1335
- font-size: var(--oruga-field-font-size-large, 1.5rem);
1336
- }
1337
- .o-field__message {
1338
- display: block;
1339
- font-size: var(--oruga-field-message-font-size, 0.75rem);
1340
- margin-top: var(--oruga-field-message-margin-top, 0.25rem);
1341
- }
1342
- .o-field__message-primary {
1343
- color: var(--oruga-variant-primary, #445e00);
1344
- }
1345
- .o-field__message-secondary {
1346
- color: var(--oruga-variant-secondary, #6c757d);
1347
- }
1348
- .o-field__message-success {
1349
- color: var(--oruga-variant-success, #006724);
1350
- }
1351
- .o-field__message-info {
1352
- color: var(--oruga-variant-info, #005c98);
1353
- }
1354
- .o-field__message-warning {
1355
- color: var(--oruga-variant-warning, #f4c300);
1356
- }
1357
- .o-field__message-danger {
1358
- color: var(--oruga-variant-danger, #b60000);
1359
- }
1360
- .o-field--addons {
1361
- display: flex;
1362
- justify-content: flex-start;
1363
- }
1364
- .o-field--addons > button:first-child,
1365
- .o-field--addons > *:first-child:not(:only-child) button,
1366
- .o-field--addons > input:first-child,
1367
- .o-field--addons > *:first-child:not(:only-child) input,
1368
- .o-field--addons > select:first-child,
1369
- .o-field--addons > *:first-child:not(:only-child) select {
1370
- border-bottom-right-radius: 0;
1371
- border-top-right-radius: 0;
1372
- }
1373
- .o-field--addons > button:last-child,
1374
- .o-field--addons > *:last-child:not(:only-child) button,
1375
- .o-field--addons > input:last-child,
1376
- .o-field--addons > *:last-child:not(:only-child) input,
1377
- .o-field--addons > select:last-child,
1378
- .o-field--addons > *:last-child:not(:only-child) select {
1379
- border-bottom-left-radius: 0;
1380
- border-top-left-radius: 0;
1381
- }
1382
- .o-field--addons > *:not(:first-child):not(:last-child) button,
1383
- .o-field--addons > button:not(:first-child):not(:last-child),
1384
- .o-field--addons > *:not(:first-child):not(:last-child) input,
1385
- .o-field--addons > input:not(:first-child):not(:last-child),
1386
- .o-field--addons > *:not(:first-child):not(:last-child) select,
1387
- .o-field--addons > select:not(:first-child):not(:last-child) {
1388
- border-radius: 0;
1389
- }
1390
- .o-field--grouped {
1391
- display: flex;
1392
- margin-left: -0.37rem;
1393
- margin-right: -0.37rem;
1394
- }
1395
- .o-field--grouped > * {
1396
- margin-left: 0.37rem;
1397
- margin-right: 0.37rem;
1398
- }
1399
- .o-field--grouped-multiline {
1400
- flex-wrap: wrap;
1401
- }
1402
- .o-field--grouped-multiline:last-child {
1403
- margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
1404
- }
1405
- .o-field__horizontal-body {
1406
- display: flex;
1407
- flex-basis: 0;
1408
- flex-grow: 5;
1409
- flex-shrink: 1;
1410
- margin-left: -0.37rem;
1411
- margin-right: -0.37rem;
1412
- }
1413
- .o-field__horizontal-body > * {
1414
- margin-left: 0.37rem;
1415
- margin-right: 0.37rem;
1416
- }
1417
- .o-field--horizontal {
1418
- display: flex;
1419
- }
1420
- .o-field__horizontal-label {
1421
- flex-basis: 0;
1422
- flex-grow: 1;
1423
- flex-shrink: 0;
1424
- margin: 0 1.5rem 0 0;
1425
- text-align: right;
1426
- }
1427
- .o-field--mobile.o-field--horizontal,
1428
- .o-field--mobile .o-field__horizontal-label,
1429
- .o-field--mobile .o-field__horizontal-body {
1430
- display: block;
1431
- text-align: inherit;
1432
- }
1433
-
1434
- /* @docs */
1435
- /* @docs */
1436
- @keyframes icon-spin {
1437
- 0% {
1438
- -webkit-transform: rotate(0deg);
1439
- transform: rotate(0deg);
1440
- }
1441
- 100% {
1442
- -webkit-transform: rotate(359deg);
1443
- transform: rotate(359deg);
1444
- }
1445
- }
1446
- .o-icon {
1447
- align-items: center;
1448
- display: inline-flex;
1449
- justify-content: center;
1450
- transition: transform 150ms ease-out, opacity 300ms ease-out;
1451
- }
1452
- .o-icon--small {
1453
- font-size: var(--oruga-icon-font-size-small, 0.75rem);
1454
- }
1455
- .o-icon--medium {
1456
- font-size: var(--oruga-icon-font-size-medium, 1.25rem);
1457
- }
1458
- .o-icon--large {
1459
- font-size: var(--oruga-icon-font-size-large, 1.5rem);
1460
- }
1461
- .o-icon--primary {
1462
- color: var(--oruga-variant-primary, #445e00);
1463
- }
1464
- .o-icon--secondary {
1465
- color: var(--oruga-variant-secondary, #6c757d);
1466
- }
1467
- .o-icon--success {
1468
- color: var(--oruga-variant-success, #006724);
1469
- }
1470
- .o-icon--info {
1471
- color: var(--oruga-variant-info, #005c98);
1472
- }
1473
- .o-icon--warning {
1474
- color: var(--oruga-variant-warning, #f4c300);
1475
- }
1476
- .o-icon--danger {
1477
- color: var(--oruga-variant-danger, #b60000);
1478
- }
1479
- .o-icon--clickable {
1480
- pointer-events: auto;
1481
- cursor: pointer;
1482
- }
1483
- .o-icon--spin {
1484
- animation-name: icon-spin;
1485
- animation-iteration-count: infinite;
1486
- animation-timing-function: linear;
1487
- animation-duration: var(--oruga-icon-spin-duration, 2s);
1488
- }
1489
-
1490
- /* @docs */
1491
- /* @docs */
1492
- .o-input {
1493
- -moz-appearance: none;
1494
- -webkit-appearance: none;
1495
- display: inline-flex;
1496
- position: relative;
1497
- vertical-align: top;
1498
- box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
1499
- background-color: var(--oruga-input-background-color, #ffffff);
1500
- border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
1501
- border-style: var(--oruga-input-border-style, solid);
1502
- border-width: var(--oruga-input-border-width, 1px);
1503
- border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
1504
- color: var(--oruga-input-color, #363636);
1505
- font-size: var(--oruga-base-font-size, 1rem);
1506
- height: var(--oruga-input-height, 2.25em);
1507
- line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
1508
- padding: var(--oruga-input-padding, calc(0.375em - 1px) calc(0.625em - 1px));
1509
- margin: var(--oruga-input-margin, 0);
1510
- }
1511
- .o-input__wrapper {
1512
- display: inline-block;
1513
- position: relative;
1514
- }
1515
- .o-input__wrapper--expanded {
1516
- width: 100%;
1517
- flex-grow: 1;
1518
- flex-shrink: 1;
1519
- }
1520
- .o-input__wrapper--expanded .o-input {
1521
- width: 100%;
1522
- }
1523
- .o-input__textarea {
1524
- display: block;
1525
- max-width: 100%;
1526
- min-width: 100%;
1527
- height: auto;
1528
- resize: vertical;
1529
- padding: var(--oruga-input-textarea-padding, 0.625em);
1530
- }
1531
- .o-input__textarea:not([rows]) {
1532
- max-height: var(--oruga-input-textarea-max-height, 600px);
1533
- min-height: var(--oruga-input-textarea-min-height, 120px);
1534
- }
1535
- .o-input__counter {
1536
- display: block;
1537
- float: right;
1538
- font-size: var(--oruga-input-counter-font-size, 0.75rem);
1539
- margin: var(--oruga-input-counter-margin, 0.25rem 0 0 0.5rem);
1540
- }
1541
- .o-input__icon-left, .o-input__icon-right {
1542
- position: absolute;
1543
- top: 0;
1544
- height: 100%;
1545
- width: var(--oruga-input-height, 2.25em);
1546
- z-index: var(--oruga-input-icon-zindex, 4);
1547
- }
1548
- .o-input__icon-right {
1549
- right: 0;
1550
- }
1551
- .o-input__icon-left {
1552
- left: 0;
1553
- }
1554
- .o-input--iconspace-left {
1555
- padding-left: var(--oruga-input-height, 2.25em);
1556
- }
1557
- .o-input--iconspace-right {
1558
- padding-right: var(--oruga-input-height, 2.25em);
1559
- }
1560
- .o-input--rounded {
1561
- border-radius: var(--oruga-input-rounded-border-radius, var(--oruga-base-border-radius-rounded));
1562
- }
1563
- .o-input--small {
1564
- font-size: var(--oruga-input-font-size-small, 0.75rem);
1565
- }
1566
- .o-input--medium {
1567
- font-size: var(--oruga-input-font-size-medium, 1.25rem);
1568
- }
1569
- .o-input--large {
1570
- font-size: var(--oruga-input-font-size-large, 1.5rem);
1571
- }
1572
- .o-input--primary {
1573
- --oruga-focus: rgba(68, 94, 0, 0.25);
1574
- border-color: var(--oruga-variant-primary, #445e00);
1575
- }
1576
- .o-input--secondary {
1577
- --oruga-focus: rgba(108, 117, 125, 0.25);
1578
- border-color: var(--oruga-variant-secondary, #6c757d);
1579
- }
1580
- .o-input--success {
1581
- --oruga-focus: rgba(0, 103, 36, 0.25);
1582
- border-color: var(--oruga-variant-success, #006724);
1583
- }
1584
- .o-input--info {
1585
- --oruga-focus: rgba(0, 92, 152, 0.25);
1586
- border-color: var(--oruga-variant-info, #005c98);
1587
- }
1588
- .o-input--warning {
1589
- --oruga-focus: rgba(244, 195, 0, 0.25);
1590
- border-color: var(--oruga-variant-warning, #f4c300);
1591
- }
1592
- .o-input--danger {
1593
- --oruga-focus: rgba(182, 0, 0, 0.25);
1594
- border-color: var(--oruga-variant-danger, #b60000);
1595
- }
1596
- .o-input:focus, .o-input:focus-within {
1597
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
1598
- }
1599
-
1600
- /* @docs */
1601
- /* @docs */
1602
- .o-load {
1603
- position: absolute;
1604
- bottom: 0;
1605
- left: 0;
1606
- right: 0;
1607
- top: 0;
1608
- align-items: center;
1609
- display: flex;
1610
- justify-content: center;
1611
- overflow: hidden;
1612
- z-index: var(--oruga-loading-zindex, 29);
1613
- }
1614
- .o-load--fullpage {
1615
- position: fixed;
1616
- z-index: var(--oruga-loading-fullpage-zindex, 999);
1617
- }
1618
- .o-load__overlay {
1619
- position: absolute;
1620
- bottom: 0;
1621
- left: 0;
1622
- right: 0;
1623
- top: 0;
1624
- background: var(--oruga-loading-overlay-legacy, #7f7f7f);
1625
- background: var(--oruga-loading-overlay, rgba(255, 255, 255, 0.5));
1626
- }
1627
-
1628
- /* @docs */
1629
- /* @docs */
1630
- .o-menu--small {
1631
- font-size: var(--oruga-menu-font-size-small, 0.75rem);
1632
- }
1633
- .o-menu--medium {
1634
- font-size: var(--oruga-menu-font-size-medium, 1.25rem);
1635
- }
1636
- .o-menu--large {
1637
- font-size: var(--oruga-menu-font-size-large, 1.5rem);
1638
- }
1639
- .o-menu__list, .o-menu__item__wrapper {
1640
- list-style: none;
1641
- }
1642
- .o-menu__list {
1643
- line-height: var(--oruga-menu-list-line-height, 1.25em);
1644
- }
1645
- .o-menu__item__submenu {
1646
- border-left: var(--oruga-menu-list-border-left, 1px solid var(--oruga-primary));
1647
- padding-left: var(--oruga-menu-nested-list-padding-left, 0.75em);
1648
- margin: var(--oruga-menu-nested-list-margin, 0.75em);
1649
- }
1650
- .o-menu__label {
1651
- text-transform: uppercase;
1652
- color: var(--oruga-menu-label-color, #7a7a7a);
1653
- font-size: var(--oruga-menu-label-font-size, 0.75em);
1654
- }
1655
- .o-menu__label:not(:first-child) {
1656
- margin-top: var(--oruga-menu-label-spacing, 1em);
1657
- }
1658
- .o-menu__label:not(:last-child) {
1659
- margin-bottom: var(--oruga-menu-label-spacing, 1em);
1660
- }
1661
- .o-menu__item {
1662
- display: block;
1663
- list-style: none;
1664
- color: var(--oruga-menu-item-color, var(--oruga-grey-dark));
1665
- padding: var(--oruga-menu-item-padding, 0.5em 0.75em);
1666
- font-size: var(--oruga-menu-item-size, 1rem);
1667
- }
1668
- .o-menu__item:hover:not(.o-menu__item--active):not(.o-menu__item--disabled) {
1669
- color: var(--oruga-menu-item-hover-color, var(--oruga-black));
1670
- background-color: var(--oruga-menu-item-hover-background-color, var(--oruga-grey-light));
1671
- }
1672
- .o-menu__item--icon-text .o-icon {
1673
- margin-right: var(--oruga-menu-icon-spacer, 0.5rem);
1674
- }
1675
- .o-menu__item--active {
1676
- color: var(--oruga-menu-item-active-color, var(--oruga-primary-invert));
1677
- background-color: var(--oruga-menu-item-active-background-color, var(--oruga-primary));
1678
- }
1679
- .o-menu__item--disabled {
1680
- color: var(--oruga-menu-item-disabled-color, var(--oruga-grey-light));
1681
- }
1682
-
1683
- /* @docs */
1684
- /* @docs */
1685
- .o-modal {
1686
- display: flex;
1687
- flex-direction: column;
1688
- justify-content: center;
1689
- align-items: center;
1690
- overflow: hidden;
1691
- position: fixed;
1692
- bottom: 0;
1693
- left: 0;
1694
- right: 0;
1695
- top: 0;
1696
- z-index: var(--oruga-modal-zindex, 40);
1697
- }
1698
- .o-modal__overlay {
1699
- bottom: 0;
1700
- left: 0;
1701
- position: absolute;
1702
- right: 0;
1703
- top: 0;
1704
- background-color: var(--oruga-modal-overlay-background-color, hsla(0, 0%, 4%, 0.86));
1705
- }
1706
- .o-modal__content {
1707
- overflow: auto;
1708
- position: relative;
1709
- margin: var(--oruga-modal-content-margin, 0 auto);
1710
- max-height: var(--oruga-modal-content-max-height, calc(100vh - 160px));
1711
- background-color: var(--oruga-modal-content-background-color, var(--oruga-white));
1712
- border-radius: var(--oruga-modal-content-border-radius, var(--oruga-base-border-radius));
1713
- }
1714
- .o-modal__content--full-screen {
1715
- width: 100%;
1716
- height: 100%;
1717
- max-height: 100vh;
1718
- margin: 0;
1719
- background-color: var(--oruga-modal-content-fullscreen-background-color, #f5f5f5);
1720
- }
1721
- .o-modal__close {
1722
- background: none;
1723
- position: fixed;
1724
- border: none;
1725
- display: inline-block;
1726
- vertical-align: top;
1727
- border-radius: var(--oruga-modal-close-border-radius, var(--oruga-base-border-radius-rounded));
1728
- right: var(--oruga-modal-close-right, 20px);
1729
- top: var(--oruga-modal-close-top, 20px);
1730
- height: var(--oruga-modal-close-size, 32px);
1731
- width: var(--oruga-modal-close-size, 32px);
1732
- color: var(--oruga-modal-close-color, var(--oruga-white));
1733
- }
1734
- .o-modal--mobile .o-modal__content {
1735
- width: 100%;
1736
- }
1737
-
1738
- /* @docs */
1739
- /* @docs */
1740
- .o-notification {
1741
- position: relative;
1742
- transform-origin: 50% 0;
1743
- background-color: var(--oruga-notification-background-color, var(--oruga-primary));
1744
- color: var(--oruga-notification-color, var(--oruga-white));
1745
- border-radius: var(--oruga-notification-border-radius, 4px);
1746
- padding: var(--oruga-notification-padding, 1.75em 1.75em);
1747
- margin-bottom: var(--oruga-notification-margin-bottom, 1.5rem);
1748
- }
1749
- .o-notification__content {
1750
- flex-basis: auto;
1751
- flex-grow: 1;
1752
- flex-shrink: 1;
1753
- text-align: inherit;
1754
- overflow-y: hidden;
1755
- overflow-x: auto;
1756
- }
1757
- .o-notification__wrapper {
1758
- align-items: flex-start;
1759
- display: flex;
1760
- text-align: inherit;
1761
- padding-top: 0;
1762
- border: 0;
1763
- }
1764
- .o-notification__icon {
1765
- flex-basis: auto;
1766
- flex-grow: 0;
1767
- flex-shrink: 0;
1768
- margin-right: var(--oruga-notification-icon-margin-right, 1rem);
1769
- }
1770
- .o-notification__close {
1771
- position: absolute;
1772
- border: none;
1773
- cursor: pointer;
1774
- pointer-events: auto;
1775
- display: flex;
1776
- justify-content: center;
1777
- align-items: center;
1778
- flex-grow: 0;
1779
- flex-shrink: 0;
1780
- vertical-align: top;
1781
- background-color: var(--oruga-notification-close-background-color, hsla(0, 0%, 4%, 0.2));
1782
- border-radius: var(--oruga-notification-close-border-radius, var(--oruga-base-border-radius-rounded));
1783
- right: var(--oruga-notification-close-right, 0.5rem);
1784
- top: var(--oruga-notification-close-top, 0.5rem);
1785
- height: var(--oruga-notification-close-size, 20px);
1786
- width: var(--oruga-notification-close-size, 20px);
1787
- color: var(--oruga-notification-close-color, var(--oruga-white));
1788
- }
1789
- .o-notification--primary {
1790
- border-color: transparent;
1791
- background-color: var(--oruga-variant-primary, #445e00);
1792
- color: var(--oruga-variant-invert-primary, #ffffff);
1793
- }
1794
- .o-notification--primary:hover {
1795
- filter: brightness(97.5%);
1796
- }
1797
- .o-notification--secondary {
1798
- border-color: transparent;
1799
- background-color: var(--oruga-variant-secondary, #6c757d);
1800
- color: var(--oruga-variant-invert-secondary, #ffffff);
1801
- }
1802
- .o-notification--secondary:hover {
1803
- filter: brightness(97.5%);
1804
- }
1805
- .o-notification--success {
1806
- border-color: transparent;
1807
- background-color: var(--oruga-variant-success, #006724);
1808
- color: var(--oruga-variant-invert-success, #ffffff);
1809
- }
1810
- .o-notification--success:hover {
1811
- filter: brightness(97.5%);
1812
- }
1813
- .o-notification--info {
1814
- border-color: transparent;
1815
- background-color: var(--oruga-variant-info, #005c98);
1816
- color: var(--oruga-variant-invert-info, #ffffff);
1817
- }
1818
- .o-notification--info:hover {
1819
- filter: brightness(97.5%);
1820
- }
1821
- .o-notification--warning {
1822
- border-color: transparent;
1823
- background-color: var(--oruga-variant-warning, #f4c300);
1824
- color: var(--oruga-variant-invert-warning, #000000);
1825
- }
1826
- .o-notification--warning:hover {
1827
- filter: brightness(97.5%);
1828
- }
1829
- .o-notification--danger {
1830
- border-color: transparent;
1831
- background-color: var(--oruga-variant-danger, #b60000);
1832
- color: var(--oruga-variant-invert-danger, #ffffff);
1833
- }
1834
- .o-notification--danger:hover {
1835
- filter: brightness(97.5%);
1836
- }
1837
-
1838
- .o-notices {
1839
- position: fixed;
1840
- display: flex;
1841
- top: 0;
1842
- bottom: 0;
1843
- left: 0;
1844
- right: 0;
1845
- overflow: hidden;
1846
- pointer-events: none;
1847
- padding: var(--oruga-notification-notices-padding, 2em);
1848
- z-index: var(--oruga-notification-notices-zindex, 1000);
1849
- }
1850
- .o-notices .o-notification {
1851
- pointer-events: stroke;
1852
- max-width: 600px;
1853
- animation: var(--oruga-notification-animantion, append-animate 0.3s linear);
1854
- }
1855
- .o-notices .o-notification--top, .o-notices .o-notification--bottom {
1856
- align-self: center;
1857
- }
1858
- .o-notices .o-notification--top-right, .o-notices .o-notification--bottom-right {
1859
- align-self: flex-end;
1860
- }
1861
- .o-notices .o-notification--top-left, .o-notices .o-notification--bottom-left {
1862
- align-self: flex-start;
1863
- }
1864
- .o-notices--top {
1865
- flex-direction: column;
1866
- }
1867
- .o-notices--bottom {
1868
- flex-direction: column-reverse;
1869
- }
1870
- .o-notices--bottom .o-notification {
1871
- margin-bottom: 0;
1872
- }
1873
- .o-notices--bottom .o-notification:not(:first-child) {
1874
- margin-bottom: 1.5rem;
1875
- }
1876
- .o-notices__custom-container {
1877
- position: absolute;
1878
- }
1879
-
1880
- /* @docs */
1881
- /* @docs */
1882
- .o-pag {
1883
- align-items: center;
1884
- display: flex;
1885
- text-align: center;
1886
- justify-content: space-between;
1887
- font-size: var(--oruga-base-font-size, 1rem);
1888
- margin: var(--oruga-pagination-margin, -0.25rem);
1889
- }
1890
- .o-pag--small {
1891
- font-size: var(--oruga-pagination-font-size-small, 0.75rem);
1892
- }
1893
- .o-pag--medium {
1894
- font-size: var(--oruga-pagination-font-size-medium, 1.25rem);
1895
- }
1896
- .o-pag--large {
1897
- font-size: var(--oruga-pagination-font-size-large, 1.5rem);
1898
- }
1899
- .o-pag__link {
1900
- -webkit-touch-callout: none;
1901
- -webkit-user-select: none;
1902
- -moz-user-select: none;
1903
- -ms-user-select: none;
1904
- user-select: none;
1905
- -moz-appearance: none;
1906
- -webkit-appearance: none;
1907
- align-items: center;
1908
- box-shadow: none;
1909
- display: inline-flex;
1910
- position: relative;
1911
- vertical-align: top;
1912
- justify-content: center;
1913
- text-align: center;
1914
- text-decoration: none;
1915
- cursor: pointer;
1916
- line-height: var(--oruga-pagination-link-line-height, var(--oruga-base-line-height));
1917
- border: var(--oruga-pagination-link-border, 1px solid transparent);
1918
- border-radius: var(--oruga-pagination-link-border-radius, var(--oruga-base-border-radius));
1919
- border-color: var(--oruga-pagination-link-border-color, var(--oruga-grey-lighter));
1920
- color: var(--oruga-pagination-link-color, #363636);
1921
- min-width: var(--oruga-pagination-link-min-width, 2.25em);
1922
- height: var(--oruga-pagination-link-height, 2.25em);
1923
- padding: var(--oruga-pagination-link-padding, 0.5em 0.5em);
1924
- margin: var(--oruga-pagination-link-margin, 0.25rem);
1925
- }
1926
- .o-pag__link:hover {
1927
- text-decoration: none;
1928
- border-color: var(--oruga-pagination-link-hover-border-color, var(--oruga-grey-light));
1929
- }
1930
- .o-pag__link--rounded {
1931
- border-radius: var(--oruga-pagination-rounded-border-radius, var(--oruga-base-border-radius-rounded));
1932
- }
1933
- .o-pag__link--disabled {
1934
- pointer-events: none;
1935
- opacity: var(--oruga-pagination-disabled-opacity, var(--oruga-base-disabled-opacity));
1936
- }
1937
- .o-pag__link--current {
1938
- pointer-events: none;
1939
- background-color: var(--oruga-pagination-link-current-background-color, var(--oruga-primary));
1940
- border-color: var(--oruga-pagination-link-current-border-color, var(--oruga-primary));
1941
- color: var(--oruga-pagination-link-current-color, #fff);
1942
- }
1943
- .o-pag__ellipsis {
1944
- justify-content: center;
1945
- text-align: center;
1946
- pointer-events: none;
1947
- margin: var(--oruga-pagination-link-margin, 0.25rem);
1948
- color: var(--oruga-pagination-ellipsis-color, var(--oruga-grey-light));
1949
- }
1950
- .o-pag__next {
1951
- order: 3;
1952
- }
1953
- .o-pag__previous {
1954
- order: 2;
1955
- }
1956
- .o-pag__list {
1957
- align-items: center;
1958
- display: flex;
1959
- text-align: center;
1960
- list-style: none;
1961
- flex-wrap: wrap;
1962
- margin: 0;
1963
- padding: 0;
1964
- flex-grow: 1;
1965
- flex-shrink: 1;
1966
- justify-content: flex-start;
1967
- order: 1;
1968
- }
1969
- .o-pag--simple {
1970
- justify-content: normal;
1971
- }
1972
- .o-pag--centered {
1973
- justify-content: center;
1974
- }
1975
- .o-pag--centered .o-pag__previous {
1976
- order: 1;
1977
- }
1978
- .o-pag--centered .o-pag__next {
1979
- order: 3;
1980
- }
1981
- .o-pag--centered .o-pag__list {
1982
- justify-content: center;
1983
- order: 2;
1984
- }
1985
- .o-pag--right {
1986
- justify-content: flex-end;
1987
- }
1988
- .o-pag--right .o-pag__previous {
1989
- order: 1;
1990
- }
1991
- .o-pag--right .o-pag__next {
1992
- order: 2;
1993
- }
1994
- .o-pag--right .o-pag__list {
1995
- justify-content: flex-end;
1996
- order: 2;
1997
- }
1998
- .o-pag--mobile {
1999
- justify-content: flex-start;
2000
- flex-wrap: wrap;
2001
- }
2002
- .o-pag--mobile .o-pag__link {
2003
- flex-grow: 1;
2004
- flex-shrink: 1;
2005
- }
2006
- .o-pag--mobile .o-pag__previous {
2007
- flex-grow: 1;
2008
- flex-shrink: 1;
2009
- order: 0;
2010
- }
2011
- .o-pag--mobile .o-pag__next {
2012
- flex-grow: 1;
2013
- flex-shrink: 1;
2014
- order: 0;
2015
- }
2016
- .o-pag--mobile .o-pag__ellipsis {
2017
- flex-grow: 1;
2018
- flex-shrink: 1;
2019
- }
2020
- .o-pag--mobile .o-pag__list {
2021
- order: 0;
2022
- }
2023
-
2024
- /* @docs */
2025
- /* @docs */
2026
- .o-radio {
2027
- -webkit-touch-callout: none;
2028
- -webkit-user-select: none;
2029
- -moz-user-select: none;
2030
- -ms-user-select: none;
2031
- user-select: none;
2032
- display: inline-flex;
2033
- align-items: center;
2034
- cursor: pointer;
2035
- line-height: var(--oruga-radio-line-height, 1.25);
2036
- margin-right: var(--oruga-radio-margin-sibiling, 0.5em);
2037
- }
2038
- .o-radio__input {
2039
- font-size: var(--oruga-radio-font-size, inherit);
2040
- width: var(--oruga-radio-size, 1rem);
2041
- height: var(--oruga-radio-size, 1rem);
2042
- margin: 0;
2043
- vertical-align: top;
2044
- -webkit-appearance: none;
2045
- -moz-appearance: none;
2046
- appearance: none;
2047
- -webkit-print-color-adjust: exact;
2048
- print-color-adjust: exact;
2049
- cursor: pointer;
2050
- box-shadow: var(--oruga-radio-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
2051
- border-radius: 50%;
2052
- background: var(--oruga-radio-active-background-color, #445e00);
2053
- mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
2054
- background-image: none;
2055
- background-position: center;
2056
- background-size: contain;
2057
- background-repeat: no-repeat;
2058
- transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
2059
- }
2060
- .o-radio__input--checked {
2061
- mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23e11919' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3Ccircle cx='256' cy='256' r='144'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
2062
- }
2063
- .o-radio__label {
2064
- padding: var(--oruga-radio-label-padding, 0 0 0 0.5em);
2065
- }
2066
- .o-radio--disabled {
2067
- opacity: var(--oruga-radio-disabled-opacity, var(--oruga-base-disabled-opacity));
2068
- }
2069
- .o-radio--small {
2070
- --oruga-radio-font-size: 0.75rem;
2071
- --oruga-radio-size: 0.75rem;
2072
- }
2073
- .o-radio--medium {
2074
- --oruga-radio-font-size: 1.25rem;
2075
- --oruga-radio-size: 1.25rem;
2076
- }
2077
- .o-radio--large {
2078
- --oruga-radio-font-size: 1.5rem;
2079
- --oruga-radio-size: 1.5rem;
2080
- }
2081
- .o-radio--primary {
2082
- --oruga-focus: rgba(68, 94, 0, 0.25);
2083
- --oruga-radio-active-background-color: #445e00;
2084
- }
2085
- .o-radio--secondary {
2086
- --oruga-focus: rgba(108, 117, 125, 0.25);
2087
- --oruga-radio-active-background-color: #6c757d;
2088
- }
2089
- .o-radio--success {
2090
- --oruga-focus: rgba(0, 103, 36, 0.25);
2091
- --oruga-radio-active-background-color: #006724;
2092
- }
2093
- .o-radio--info {
2094
- --oruga-focus: rgba(0, 92, 152, 0.25);
2095
- --oruga-radio-active-background-color: #005c98;
2096
- }
2097
- .o-radio--warning {
2098
- --oruga-focus: rgba(244, 195, 0, 0.25);
2099
- --oruga-radio-active-background-color: #f4c300;
2100
- }
2101
- .o-radio--danger {
2102
- --oruga-focus: rgba(182, 0, 0, 0.25);
2103
- --oruga-radio-active-background-color: #b60000;
2104
- }
2105
- .o-radio:focus .o-radio__input, .o-radio:focus-within .o-radio__input {
2106
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
2107
- }
2108
-
2109
- /* @docs */
2110
- /* @docs */
2111
- .o-ctrl-sel {
2112
- display: inline-flex;
2113
- position: relative;
2114
- }
2115
- .o-ctrl-sel--expanded {
2116
- width: 100%;
2117
- flex-grow: 1;
2118
- }
2119
- .o-ctrl-sel--expanded .o-sel {
2120
- width: 100%;
2121
- }
2122
-
2123
- .o-sel {
2124
- -moz-appearance: none;
2125
- -webkit-appearance: none;
2126
- display: inline-block;
2127
- position: relative;
2128
- vertical-align: top;
2129
- cursor: pointer;
2130
- justify-content: flex-start;
2131
- align-items: center;
2132
- box-shadow: var(--oruga-select-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
2133
- background-color: var(--oruga-select-background-color, #fff);
2134
- border-color: var(--oruga-select-border-color, var(--oruga-grey-lighter));
2135
- border-width: var(--oruga-select-border-width, 1px);
2136
- border-style: var(--oruga-select-border-style, solid);
2137
- border-radius: var(--oruga-select-border-radius, var(--oruga-base-border-radius));
2138
- color: var(--oruga-select-color, #363636);
2139
- font-size: var(--oruga-base-font-size, 1rem);
2140
- height: var(--oruga-select-height, 2.25em);
2141
- line-height: var(--oruga-select-line-height, var(--oruga-base-line-height));
2142
- padding: var(--oruga-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
2143
- margin: var(--oruga-select-margin, 0);
2144
- }
2145
- .o-sel-arrow {
2146
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(5.70052,0,0,5.70052,-1329.79,-547.054)'%3E%3Cpath d='M233.451,101.749L235.617,99.422L242.013,105.565L248.463,99.422L250.642,101.749L242.013,110.052L233.451,101.749Z' style='fill:%23363636;stroke:white;stroke-width:0.18px;'/%3E%3C/g%3E%3C/svg%3E");
2147
- background-repeat: no-repeat;
2148
- background-size: var(--oruga-select-arrow-size, 1rem);
2149
- background-position: calc(100% - var(--oruga-select-arrow-size, 1rem) * 0.5) center;
2150
- padding-right: calc(var(--oruga-select-arrow-size, 1rem) * 2);
2151
- }
2152
- .o-sel-iconspace-left {
2153
- padding-left: var(--oruga-select-height, 2.25em);
2154
- }
2155
- .o-sel-iconspace-right {
2156
- padding-right: var(--oruga-select-height, 2.25em);
2157
- }
2158
- .o-sel--small {
2159
- font-size: var(--oruga-select-font-size-small, 0.75rem);
2160
- }
2161
- .o-sel--medium {
2162
- font-size: var(--oruga-select-font-size-medium, 1.25rem);
2163
- }
2164
- .o-sel--large {
2165
- font-size: var(--oruga-select-font-size-large, 1.5rem);
2166
- }
2167
- .o-sel--primary {
2168
- --oruga-focus: rgba(68, 94, 0, 0.25);
2169
- border-color: var(--oruga-variant-primary, #445e00);
2170
- }
2171
- .o-sel--secondary {
2172
- --oruga-focus: rgba(108, 117, 125, 0.25);
2173
- border-color: var(--oruga-variant-secondary, #6c757d);
2174
- }
2175
- .o-sel--success {
2176
- --oruga-focus: rgba(0, 103, 36, 0.25);
2177
- border-color: var(--oruga-variant-success, #006724);
2178
- }
2179
- .o-sel--info {
2180
- --oruga-focus: rgba(0, 92, 152, 0.25);
2181
- border-color: var(--oruga-variant-info, #005c98);
2182
- }
2183
- .o-sel--warning {
2184
- --oruga-focus: rgba(244, 195, 0, 0.25);
2185
- border-color: var(--oruga-variant-warning, #f4c300);
2186
- }
2187
- .o-sel--danger {
2188
- --oruga-focus: rgba(182, 0, 0, 0.25);
2189
- border-color: var(--oruga-variant-danger, #b60000);
2190
- }
2191
- .o-sel--rounded {
2192
- border-radius: var(--oruga-select-rounded-border-radius, var(--oruga-base-border-radius-rounded));
2193
- }
2194
- .o-sel--multiple {
2195
- height: auto;
2196
- padding: 0;
2197
- }
2198
- .o-sel--placeholder {
2199
- opacity: var(--oruga-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
2200
- }
2201
- .o-sel__icon-left, .o-sel__icon-right {
2202
- position: absolute;
2203
- top: 0;
2204
- height: 100%;
2205
- width: var(--oruga-select-height, 2.25em);
2206
- z-index: var(--oruga-select-icon-zindex, 4);
2207
- }
2208
- .o-sel__icon-right {
2209
- right: 0;
2210
- }
2211
- .o-sel__icon-left {
2212
- left: 0;
2213
- }
2214
- .o-sel[disabled] {
2215
- cursor: inherit;
2216
- }
2217
- .o-sel:focus, .o-sel:focus-within {
2218
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
2219
- }
2220
-
2221
- /* @docs */
2222
- /* @docs */
2223
- @keyframes skeleton-loading {
2224
- 0% {
2225
- background-position: 100% 50%;
2226
- }
2227
- 100% {
2228
- background-position: 0 50%;
2229
- }
2230
- }
2231
- .o-sklt {
2232
- display: inline-flex;
2233
- flex-direction: column;
2234
- vertical-align: middle;
2235
- width: 100%;
2236
- }
2237
- .o-sklt__item {
2238
- width: 100%;
2239
- background: var(--oruga-skeleton-background, linear-gradient(90deg, #dbdbdb 25%, rgba(219, 219, 219, 0.5) 50%, #dbdbdb 75%));
2240
- margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
2241
- line-height: var(--oruga-skeleton-font-size, 1rem);
2242
- }
2243
- .o-sklt__item--small {
2244
- line-height: var(--oruga-skeleton-font-size-small, 0.75rem);
2245
- }
2246
- .o-sklt__item--medium {
2247
- line-height: var(--oruga-skeleton-font-size-medium, 1.25rem);
2248
- }
2249
- .o-sklt__item--large {
2250
- line-height: var(--oruga-skeleton-font-size-large, 1.5rem);
2251
- }
2252
- .o-sklt__item--rounded {
2253
- border-radius: var(--oruga-skeleton-border-radius, var(--oruga-base-border-radius));
2254
- }
2255
- .o-sklt__item--animated {
2256
- background-size: 400% 100%;
2257
- animation-name: skeleton-loading;
2258
- animation-iteration-count: infinite;
2259
- animation-duration: var(--oruga-skeleton-duration, 1.5s);
2260
- }
2261
- .o-sklt__item::after {
2262
- content: " ";
2263
- }
2264
- .o-sklt--centered {
2265
- align-items: center;
2266
- }
2267
- .o-sklt--right {
2268
- align-items: flex-end;
2269
- margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
2270
- }
2271
-
2272
- /* @docs */
2273
- /* @docs */
2274
- .o-side {
2275
- position: fixed;
2276
- top: 0;
2277
- left: 0;
2278
- height: 100%;
2279
- width: 100%;
2280
- display: none;
2281
- }
2282
- .o-side__content {
2283
- position: absolute;
2284
- background-color: var(--oruga-sidebar-content-background-color, var(--oruga-grey-lighter));
2285
- border-radius: var(--oruga-sidebar-border-radius, var(--oruga-base-border-radius));
2286
- box-shadow: var(--oruga-sidebar-box-shadow, 5px 0px 13px 3px rgba(var(--oruga-black), 0.1));
2287
- }
2288
- .o-side__content--primary {
2289
- background-color: var(--oruga-variant-primary), #445e00;
2290
- }
2291
- .o-side__content--secondary {
2292
- background-color: var(--oruga-variant-secondary), #6c757d;
2293
- }
2294
- .o-side__content--success {
2295
- background-color: var(--oruga-variant-success), #006724;
2296
- }
2297
- .o-side__content--info {
2298
- background-color: var(--oruga-variant-info), #005c98;
2299
- }
2300
- .o-side__content--warning {
2301
- background-color: var(--oruga-variant-warning), #f4c300;
2302
- }
2303
- .o-side__content--danger {
2304
- background-color: var(--oruga-variant-danger), #b60000;
2305
- }
2306
- .o-side__content--right, .o-side__content--left {
2307
- transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
2308
- width: var(--oruga-sidebar-width, 260px);
2309
- }
2310
- .o-side__content--top, .o-side__content--bottom {
2311
- transition: height var(--oruga-transition-duration) var(--oruga-transition-timing);
2312
- height: var(--oruga-sidebar-width, 260px);
2313
- }
2314
- .o-side__content--right {
2315
- left: auto;
2316
- right: 0;
2317
- border-left: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2318
- }
2319
- .o-side__content--left {
2320
- left: 0;
2321
- right: auto;
2322
- border-right: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2323
- }
2324
- .o-side__content--top {
2325
- top: 0;
2326
- bottom: auto;
2327
- border-bottom: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2328
- }
2329
- .o-side__content--bottom {
2330
- top: auto;
2331
- bottom: 0;
2332
- border-top: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2333
- }
2334
- .o-side__content--reduced {
2335
- width: var(--oruga-sidebar-reduced-width, 80px);
2336
- }
2337
- .o-side__content--reduced-expand:hover {
2338
- transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
2339
- width: var(--oruga-sidebar-width, 260px);
2340
- }
2341
- .o-side__content--fullwidth {
2342
- width: 100%;
2343
- max-width: 100%;
2344
- }
2345
- .o-side__content--fullheight {
2346
- height: 100%;
2347
- max-height: 100%;
2348
- }
2349
- .o-side__overlay {
2350
- position: absolute;
2351
- bottom: 0;
2352
- left: 0;
2353
- right: 0;
2354
- top: 0;
2355
- background: var(--oruga-sidebar-overlay, hsla(0, 0%, 4%, 0.86));
2356
- }
2357
- .o-side--active {
2358
- display: block;
2359
- }
2360
- .o-side--inline {
2361
- position: relative;
2362
- }
2363
- .o-side--inline .o-side__overlay {
2364
- position: absolute;
2365
- }
2366
- .o-side--inline .o-side__content {
2367
- position: relative;
2368
- }
2369
- .o-side:not(.o-side--inline) {
2370
- z-index: var(--oruga-sidebar-zindex, 100);
2371
- }
2372
-
2373
- /* @docs */
2374
- /* @docs */
2375
- .o-slide {
2376
- width: 100%;
2377
- margin: var(--oruga-slider-margin, 1em 0);
2378
- background: var(--oruga-slider-background, transparent);
2379
- }
2380
- .o-slide__thumb {
2381
- box-shadow: var(--oruga-slider-thumb-shadow, none);
2382
- border: var(--oruga-slider-thumb-border, 1px solid var(--oruga-grey-light));
2383
- border-radius: var(--oruga-slider-thumb-radius, var(--oruga-base-border-radius));
2384
- background: var(--oruga-slider-thumb-background, var(--oruga-white));
2385
- }
2386
- .o-slide__thumb:focus {
2387
- transform: var(--oruga-slider-thumb-transform, scale(1.25));
2388
- }
2389
- .o-slide__thumb--rounded {
2390
- border-radius: var(--oruga-slider-rounded-borded-radius, var(--oruga-base-border-radius-rounded));
2391
- }
2392
- .o-slide__thumb--dragging {
2393
- cursor: grabbing;
2394
- filter: brightness(0.8);
2395
- }
2396
- .o-slide__track {
2397
- display: flex;
2398
- align-items: center;
2399
- position: relative;
2400
- cursor: pointer;
2401
- background: var(--oruga-slider-track-background, var(--oruga-grey-lighter));
2402
- border-radius: var(--oruga-slider-track-border-radius, var(--oruga-base-border-radius));
2403
- }
2404
- .o-slide__fill {
2405
- position: absolute;
2406
- height: 100%;
2407
- box-shadow: var(--oruga-slider-track-shadow, 0px 0px 0px var(--oruga-grey));
2408
- background: var(--oruga-slider-fill-background, var(--oruga-primary));
2409
- border-radius: var(--oruga-slider-track-radius, var(--oruga-base-border-radius));
2410
- border: var(--oruga-slider-track-border, 0px solid var(--oruga-grey));
2411
- top: 50%;
2412
- transform: translateY(-50%);
2413
- }
2414
- .o-slide__fill--primary {
2415
- background: var(--oruga-variant-primary, #445e00);
2416
- }
2417
- .o-slide__fill--primary + .o-slide__thumb-wrapper {
2418
- --oruga-focus: rgba(68, 94, 0, 0.25);
2419
- }
2420
- .o-slide__fill--secondary {
2421
- background: var(--oruga-variant-secondary, #6c757d);
2422
- }
2423
- .o-slide__fill--secondary + .o-slide__thumb-wrapper {
2424
- --oruga-focus: rgba(108, 117, 125, 0.25);
2425
- }
2426
- .o-slide__fill--success {
2427
- background: var(--oruga-variant-success, #006724);
2428
- }
2429
- .o-slide__fill--success + .o-slide__thumb-wrapper {
2430
- --oruga-focus: rgba(0, 103, 36, 0.25);
2431
- }
2432
- .o-slide__fill--info {
2433
- background: var(--oruga-variant-info, #005c98);
2434
- }
2435
- .o-slide__fill--info + .o-slide__thumb-wrapper {
2436
- --oruga-focus: rgba(0, 92, 152, 0.25);
2437
- }
2438
- .o-slide__fill--warning {
2439
- background: var(--oruga-variant-warning, #f4c300);
2440
- }
2441
- .o-slide__fill--warning + .o-slide__thumb-wrapper {
2442
- --oruga-focus: rgba(244, 195, 0, 0.25);
2443
- }
2444
- .o-slide__fill--danger {
2445
- background: var(--oruga-variant-danger, #b60000);
2446
- }
2447
- .o-slide__fill--danger + .o-slide__thumb-wrapper {
2448
- --oruga-focus: rgba(182, 0, 0, 0.25);
2449
- }
2450
- .o-slide .o-slide__track {
2451
- height: var(--oruga-slider-track-height, calc(var(--oruga-base-font-size) / 2));
2452
- }
2453
- .o-slide .o-slide__thumb {
2454
- height: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
2455
- width: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
2456
- }
2457
- .o-slide .o-slide__tick {
2458
- height: var(--oruga-slider-tick-height, calc(var(--oruga-base-font-size) / 2 * 0.5));
2459
- }
2460
- .o-slide .o-slide__tick-label {
2461
- font-size: var(--oruga-slider-mark-size 0.75rem);
2462
- position: absolute;
2463
- top: calc(var(--oruga-slider-tick-label-top-, calc(var(--oruga-base-font-size) / 2)) * 0.5 + 2px);
2464
- left: 50%;
2465
- transform: translateX(-50%);
2466
- }
2467
- .o-slide--small .o-slide__track {
2468
- height: var(--oruga-slider-track-height-small, 0.375rem);
2469
- }
2470
- .o-slide--small .o-slide__thumb {
2471
- height: var(--oruga-slider-thumb-size-small, 0.75rem);
2472
- width: var(--oruga-slider-thumb-size-small, 0.75rem);
2473
- }
2474
- .o-slide--small .o-slide__tick {
2475
- height: var(--oruga-slider-tick-height-small, 0.1875rem);
2476
- }
2477
- .o-slide--small .o-slide__tick-label {
2478
- font-size: var(--oruga-slider-mark-size-small, 0.75rem);
2479
- position: absolute;
2480
- top: calc(var(--oruga-slider-tick-label-top-small, 0.375rem) * 0.5 + 2px);
2481
- left: 50%;
2482
- transform: translateX(-50%);
2483
- }
2484
- .o-slide--medium .o-slide__track {
2485
- height: var(--oruga-slider-track-height-medium, 0.625rem);
2486
- }
2487
- .o-slide--medium .o-slide__thumb {
2488
- height: var(--oruga-slider-thumb-size-medium, 1.25rem);
2489
- width: var(--oruga-slider-thumb-size-medium, 1.25rem);
2490
- }
2491
- .o-slide--medium .o-slide__tick {
2492
- height: var(--oruga-slider-tick-height-medium, 0.3125rem);
2493
- }
2494
- .o-slide--medium .o-slide__tick-label {
2495
- font-size: var(--oruga-slider-mark-size-medium, 0.75rem);
2496
- position: absolute;
2497
- top: calc(var(--oruga-slider-tick-label-top-medium, 0.625rem) * 0.5 + 2px);
2498
- left: 50%;
2499
- transform: translateX(-50%);
2500
- }
2501
- .o-slide--large .o-slide__track {
2502
- height: var(--oruga-slider-track-height-large, 0.75rem);
2503
- }
2504
- .o-slide--large .o-slide__thumb {
2505
- height: var(--oruga-slider-thumb-size-large, 1.5rem);
2506
- width: var(--oruga-slider-thumb-size-large, 1.5rem);
2507
- }
2508
- .o-slide--large .o-slide__tick {
2509
- height: var(--oruga-slider-tick-height-large, 0.375rem);
2510
- }
2511
- .o-slide--large .o-slide__tick-label {
2512
- font-size: var(--oruga-slider-mark-size-large, 0.75rem);
2513
- position: absolute;
2514
- top: calc(var(--oruga-slider-tick-label-top-large, 0.75rem) * 0.5 + 2px);
2515
- left: 50%;
2516
- transform: translateX(-50%);
2517
- }
2518
- .o-slide__tick {
2519
- position: absolute;
2520
- transform: translate(-50%, -50%);
2521
- top: 50%;
2522
- width: var(--oruga-slider-tick-width, 3px);
2523
- background: var(--oruga-slider-tick-background, var(--oruga-primary));
2524
- border-radius: var(--oruga-slider-tick-radius, var(--oruga-base-border-radius));
2525
- }
2526
- .o-slide__tick--hidden {
2527
- background: transparent;
2528
- }
2529
- .o-slide__thumb-wrapper {
2530
- display: inline-flex;
2531
- align-items: center;
2532
- position: absolute;
2533
- cursor: grab;
2534
- transform: translate(-50%, -50%);
2535
- top: 50%;
2536
- flex-direction: column;
2537
- }
2538
- .o-slide--disabled {
2539
- cursor: not-allowed;
2540
- pointer-events: none;
2541
- opacity: var(--oruga-slider-track-disabled, 0.5);
2542
- }
2543
- .o-slide:active .o-slide__thumb, .o-slide:focus .o-slide__thumb, .o-slide:focus-within .o-slide__thumb {
2544
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
2545
- }
2546
-
2547
- /* @docs */
2548
- /* @docs */
2549
- .o-steps {
2550
- display: flex;
2551
- flex-wrap: wrap;
2552
- margin: 0;
2553
- padding: 0;
2554
- font-size: var(--oruga-steps-size, var(--oruga-base-font-size));
2555
- min-height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
2556
- }
2557
- .o-steps .o-steps__divider {
2558
- height: var(--oruga-steps-divider-height, 0.2em);
2559
- top: var(--oruga-steps-size, var(--oruga-base-font-size));
2560
- }
2561
- .o-steps .o-steps__marker {
2562
- height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
2563
- width: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
2564
- }
2565
- .o-steps .o-steps__title {
2566
- text-align: center;
2567
- z-index: 1;
2568
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2569
- padding: var(--oruga-steps-details-padding, 0.2em);
2570
- font-size: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 1.2);
2571
- height: var(--oruga-steps-details-title-font-weight, 600);
2572
- line-height: var(--oruga-steps-size, var(--oruga-base-font-size));
2573
- }
2574
- .o-steps .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2575
- left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2576
- }
2577
- .o-steps .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2578
- left: auto;
2579
- right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2580
- }
2581
- .o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2582
- left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2583
- }
2584
- .o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2585
- left: auto;
2586
- right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2587
- }
2588
- .o-steps--small {
2589
- font-size: var(--oruga-size-small, 0.75rem);
2590
- min-height: calc(var(--oruga-size-small, 0.75rem) * 2);
2591
- }
2592
- .o-steps--small .o-steps__divider {
2593
- height: var(--oruga-steps-divider-height, 0.2em);
2594
- top: var(--oruga-size-small, 0.75rem);
2595
- }
2596
- .o-steps--small .o-steps__marker {
2597
- height: calc(var(--oruga-size-small, 0.75rem) * 2);
2598
- width: calc(var(--oruga-size-small, 0.75rem) * 2);
2599
- }
2600
- .o-steps--small .o-steps__title {
2601
- text-align: center;
2602
- z-index: 1;
2603
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2604
- padding: var(--oruga-steps-details-padding, 0.2em);
2605
- font-size: calc(var(--oruga-size-small, 0.75rem) * 1.2);
2606
- height: var(--oruga-steps-details-title-font-weight, 600);
2607
- line-height: var(--oruga-size-small, 0.75rem);
2608
- }
2609
- .o-steps--small .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2610
- left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2611
- }
2612
- .o-steps--small .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2613
- left: auto;
2614
- right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2615
- }
2616
- .o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2617
- left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2618
- }
2619
- .o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2620
- left: auto;
2621
- right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2622
- }
2623
- .o-steps--medium {
2624
- font-size: var(--oruga-size-medium, 1.25rem);
2625
- min-height: calc(var(--oruga-size-medium, 1.25rem) * 2);
2626
- }
2627
- .o-steps--medium .o-steps__divider {
2628
- height: var(--oruga-steps-divider-height, 0.2em);
2629
- top: var(--oruga-size-medium, 1.25rem);
2630
- }
2631
- .o-steps--medium .o-steps__marker {
2632
- height: calc(var(--oruga-size-medium, 1.25rem) * 2);
2633
- width: calc(var(--oruga-size-medium, 1.25rem) * 2);
2634
- }
2635
- .o-steps--medium .o-steps__title {
2636
- text-align: center;
2637
- z-index: 1;
2638
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2639
- padding: var(--oruga-steps-details-padding, 0.2em);
2640
- font-size: calc(var(--oruga-size-medium, 1.25rem) * 1.2);
2641
- height: var(--oruga-steps-details-title-font-weight, 600);
2642
- line-height: var(--oruga-size-medium, 1.25rem);
2643
- }
2644
- .o-steps--medium .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2645
- left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2646
- }
2647
- .o-steps--medium .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2648
- left: auto;
2649
- right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2650
- }
2651
- .o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2652
- left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2653
- }
2654
- .o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2655
- left: auto;
2656
- right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2657
- }
2658
- .o-steps--large {
2659
- font-size: var(--oruga-size-large, 1.5rem);
2660
- min-height: calc(var(--oruga-size-large, 1.5rem) * 2);
2661
- }
2662
- .o-steps--large .o-steps__divider {
2663
- height: var(--oruga-steps-divider-height, 0.2em);
2664
- top: var(--oruga-size-large, 1.5rem);
2665
- }
2666
- .o-steps--large .o-steps__marker {
2667
- height: calc(var(--oruga-size-large, 1.5rem) * 2);
2668
- width: calc(var(--oruga-size-large, 1.5rem) * 2);
2669
- }
2670
- .o-steps--large .o-steps__title {
2671
- text-align: center;
2672
- z-index: 1;
2673
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2674
- padding: var(--oruga-steps-details-padding, 0.2em);
2675
- font-size: calc(var(--oruga-size-large, 1.5rem) * 1.2);
2676
- height: var(--oruga-steps-details-title-font-weight, 600);
2677
- line-height: var(--oruga-size-large, 1.5rem);
2678
- }
2679
- .o-steps--large .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2680
- left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2681
- }
2682
- .o-steps--large .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2683
- left: auto;
2684
- right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2685
- }
2686
- .o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2687
- left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2688
- }
2689
- .o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2690
- left: auto;
2691
- right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2692
- }
2693
- .o-steps__nav-item {
2694
- position: relative;
2695
- display: flex;
2696
- flex-grow: 1;
2697
- flex-basis: 1em;
2698
- justify-content: center;
2699
- list-style: none;
2700
- margin: 0;
2701
- padding: 0;
2702
- margin-top: 0;
2703
- line-height: var(--oruga-steps-item-line-height, var(--oruga-base-line-height));
2704
- }
2705
- .o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__marker {
2706
- background-color: var(--oruga-variant-invert-primary, #ffffff);
2707
- border-color: var(--oruga-variant-primary, #445e00);
2708
- color: var(--oruga-variant-primary, #445e00);
2709
- }
2710
- .o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__divider {
2711
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #445e00) 50%);
2712
- background-size: 200% 100%;
2713
- }
2714
- .o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__marker {
2715
- color: var(--oruga-variant-invert-primary, #ffffff);
2716
- background-color: var(--oruga-variant-primary, #445e00);
2717
- }
2718
- .o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__divider {
2719
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #445e00) 50%);
2720
- background-size: 200% 100%;
2721
- }
2722
- .o-steps__nav-item--secondary.o-steps__nav-item-active .o-steps__marker {
2723
- background-color: var(--oruga-variant-invert-secondary, #ffffff);
2724
- border-color: var(--oruga-variant-secondary, #6c757d);
2725
- color: var(--oruga-variant-secondary, #6c757d);
2726
- }
2727
- .o-steps__nav-item--secondary.o-steps__nav-item-active .o-steps__divider {
2728
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-secondary, #6c757d) 50%);
2729
- background-size: 200% 100%;
2730
- }
2731
- .o-steps__nav-item--secondary.o-steps__nav-item-previous .o-steps__marker {
2732
- color: var(--oruga-variant-invert-secondary, #ffffff);
2733
- background-color: var(--oruga-variant-secondary, #6c757d);
2734
- }
2735
- .o-steps__nav-item--secondary.o-steps__nav-item-previous .o-steps__divider {
2736
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-secondary, #6c757d) 50%);
2737
- background-size: 200% 100%;
2738
- }
2739
- .o-steps__nav-item--success.o-steps__nav-item-active .o-steps__marker {
2740
- background-color: var(--oruga-variant-invert-success, #ffffff);
2741
- border-color: var(--oruga-variant-success, #006724);
2742
- color: var(--oruga-variant-success, #006724);
2743
- }
2744
- .o-steps__nav-item--success.o-steps__nav-item-active .o-steps__divider {
2745
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #006724) 50%);
2746
- background-size: 200% 100%;
2747
- }
2748
- .o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__marker {
2749
- color: var(--oruga-variant-invert-success, #ffffff);
2750
- background-color: var(--oruga-variant-success, #006724);
2751
- }
2752
- .o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__divider {
2753
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #006724) 50%);
2754
- background-size: 200% 100%;
2755
- }
2756
- .o-steps__nav-item--info.o-steps__nav-item-active .o-steps__marker {
2757
- background-color: var(--oruga-variant-invert-info, #ffffff);
2758
- border-color: var(--oruga-variant-info, #005c98);
2759
- color: var(--oruga-variant-info, #005c98);
2760
- }
2761
- .o-steps__nav-item--info.o-steps__nav-item-active .o-steps__divider {
2762
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #005c98) 50%);
2763
- background-size: 200% 100%;
2764
- }
2765
- .o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__marker {
2766
- color: var(--oruga-variant-invert-info, #ffffff);
2767
- background-color: var(--oruga-variant-info, #005c98);
2768
- }
2769
- .o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__divider {
2770
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #005c98) 50%);
2771
- background-size: 200% 100%;
2772
- }
2773
- .o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__marker {
2774
- background-color: var(--oruga-variant-invert-warning, #000000);
2775
- border-color: var(--oruga-variant-warning, #f4c300);
2776
- color: var(--oruga-variant-warning, #f4c300);
2777
- }
2778
- .o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__divider {
2779
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #f4c300) 50%);
2780
- background-size: 200% 100%;
2781
- }
2782
- .o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__marker {
2783
- color: var(--oruga-variant-invert-warning, #000000);
2784
- background-color: var(--oruga-variant-warning, #f4c300);
2785
- }
2786
- .o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__divider {
2787
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #f4c300) 50%);
2788
- background-size: 200% 100%;
2789
- }
2790
- .o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__marker {
2791
- background-color: var(--oruga-variant-invert-danger, #ffffff);
2792
- border-color: var(--oruga-variant-danger, #b60000);
2793
- color: var(--oruga-variant-danger, #b60000);
2794
- }
2795
- .o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__divider {
2796
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #b60000) 50%);
2797
- background-size: 200% 100%;
2798
- }
2799
- .o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__marker {
2800
- color: var(--oruga-variant-invert-danger, #ffffff);
2801
- background-color: var(--oruga-variant-danger, #b60000);
2802
- }
2803
- .o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__divider {
2804
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #b60000) 50%);
2805
- background-size: 200% 100%;
2806
- }
2807
- .o-steps__divider {
2808
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color, var(--oruga-primary)) 50%);
2809
- background-size: 200% 100%;
2810
- background-position: right bottom;
2811
- content: " ";
2812
- display: block;
2813
- position: absolute;
2814
- bottom: 0;
2815
- left: -50%;
2816
- width: 100%;
2817
- }
2818
- .o-steps__content {
2819
- position: relative;
2820
- overflow: visible;
2821
- display: flex;
2822
- flex-direction: column;
2823
- padding: var(--oruga-steps-content-padding, 1rem);
2824
- }
2825
- .o-steps__content-transitioning {
2826
- overflow: hidden;
2827
- }
2828
- .o-steps--animated .o-steps__divider {
2829
- transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
2830
- }
2831
- .o-steps__link {
2832
- display: flex;
2833
- align-items: center;
2834
- justify-content: center;
2835
- flex-direction: column;
2836
- background: transparent;
2837
- border: transparent;
2838
- cursor: pointer;
2839
- text-decoration: none;
2840
- color: var(--oruga-steps-link-color, hsl(0, 0%, 29%));
2841
- }
2842
- .o-steps__link-label-right {
2843
- flex-direction: row;
2844
- }
2845
- .o-steps__link-label-left {
2846
- flex-direction: row-reverse;
2847
- }
2848
- .o-steps__link:hover {
2849
- text-decoration: none;
2850
- }
2851
- .o-steps__link:not(.o-steps__link-clickable) {
2852
- cursor: not-allowed;
2853
- }
2854
- .o-steps__marker {
2855
- align-items: center;
2856
- display: flex;
2857
- justify-content: center;
2858
- overflow: hidden;
2859
- z-index: 1;
2860
- font-weight: var(--oruga-steps-marker-font-weight, 700);
2861
- background: var(--oruga-steps-marker-background, var(--oruga-grey-light));
2862
- color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
2863
- border: var(--oruga-steps-marker-border, 0.2em solid #fff);
2864
- }
2865
- .o-steps__marker--rounded {
2866
- border-radius: var(--oruga-steps-marker-rounded-border-radius, var(--oruga-base-border-radius-rounded));
2867
- }
2868
- .o-steps__details {
2869
- text-align: center;
2870
- z-index: 1;
2871
- padding: var(--oruga-steps-details-padding, 0.2em);
2872
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2873
- }
2874
- .o-steps__nav-item-active .o-steps__link {
2875
- cursor: default;
2876
- }
2877
- .o-steps__nav-item-active .o-steps__marker {
2878
- background-color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
2879
- border-color: var(--oruga-steps-active-color, var(--oruga-primary));
2880
- color: var(--oruga-steps-active-color, var(--oruga-primary));
2881
- }
2882
- .o-steps__nav-item-active .o-steps__divider {
2883
- background-position: left bottom;
2884
- }
2885
- .o-steps__nav-item-previous .o-steps__marker {
2886
- color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
2887
- background-color: var(--oruga-steps-previous-color, var(--oruga-primary));
2888
- }
2889
- .o-steps__nav-item-previous .o-steps__divider {
2890
- background-position: left bottom;
2891
- }
2892
- .o-steps__item {
2893
- flex-shrink: 0;
2894
- flex-basis: auto;
2895
- }
2896
- .o-steps__wrapper-vertical {
2897
- display: flex;
2898
- flex-direction: row;
2899
- flex-wrap: wrap;
2900
- }
2901
- .o-steps__wrapper-vertical .o-steps {
2902
- height: 100%;
2903
- flex-direction: column;
2904
- }
2905
- .o-steps__wrapper-vertical .o-steps__divider {
2906
- height: 100%;
2907
- width: var(--oruga-steps-divider-height, 0.2em);
2908
- top: -50%;
2909
- left: calc(50% - 0.1em);
2910
- }
2911
- .o-steps__wrapper-vertical .o-steps__item-active .o-steps__divider,
2912
- .o-steps__wrapper-vertical .o-steps__item-previous .o-steps__divider {
2913
- background-position: right top;
2914
- }
2915
- .o-steps__wrapper-vertical .o-steps__nav-item {
2916
- width: 100%;
2917
- display: flex;
2918
- align-items: center;
2919
- justify-content: center;
2920
- padding: var(--oruga-steps-vertical-padding, 1em 0);
2921
- }
2922
- .o-steps__wrapper-vertical .o-steps__nav-item--primary .o-steps__divider {
2923
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-primary, #445e00) 50%);
2924
- background-size: 100% 200%;
2925
- background-position: left bottom;
2926
- }
2927
- .o-steps__wrapper-vertical .o-steps__nav-item--secondary .o-steps__divider {
2928
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-secondary, #6c757d) 50%);
2929
- background-size: 100% 200%;
2930
- background-position: left bottom;
2931
- }
2932
- .o-steps__wrapper-vertical .o-steps__nav-item--success .o-steps__divider {
2933
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-success, #006724) 50%);
2934
- background-size: 100% 200%;
2935
- background-position: left bottom;
2936
- }
2937
- .o-steps__wrapper-vertical .o-steps__nav-item--info .o-steps__divider {
2938
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-info, #005c98) 50%);
2939
- background-size: 100% 200%;
2940
- background-position: left bottom;
2941
- }
2942
- .o-steps__wrapper-vertical .o-steps__nav-item--warning .o-steps__divider {
2943
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-warning, #f4c300) 50%);
2944
- background-size: 100% 200%;
2945
- background-position: left bottom;
2946
- }
2947
- .o-steps__wrapper-vertical .o-steps__nav-item--danger .o-steps__divider {
2948
- background: linear-gradient(to left, var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%, var(--oruga-steps-divider-color-danger, #b60000) 50%);
2949
- background-size: 100% 200%;
2950
- background-position: left bottom;
2951
- }
2952
- .o-steps__wrapper-vertical .o-steps__content {
2953
- flex-grow: 1;
2954
- flex-basis: 70%;
2955
- }
2956
- .o-steps__wrapper-vertical .o-steps__navigation {
2957
- flex-basis: 100%;
2958
- }
2959
- .o-steps__wrapper-vertical.o-steps__wrapper-position-right {
2960
- flex-direction: row-reverse;
2961
- }
2962
- .o-steps--mobile .o-steps__title {
2963
- display: none;
2964
- padding: 0;
2965
- }
2966
- .o-steps--mobile .o-steps__divider {
2967
- height: var(--oruga-steps-divider-height, 0.2em);
2968
- top: var(--oruga-steps-divider-top, var(--oruga-base-font-size));
2969
- }
2970
- .o-steps--mobile .o-steps__divider .o-steps--small {
2971
- top: var(--oruga-size-small, 0.75rem);
2972
- }
2973
- .o-steps--mobile .o-steps__divider .o-steps--medium {
2974
- top: var(--oruga-size-medium, 1.25rem);
2975
- }
2976
- .o-steps--mobile .o-steps__divider .o-steps--large {
2977
- top: var(--oruga-size-large, 1.5rem);
2978
- }
2979
-
2980
- /* @docs */
2981
- /* @docs */
2982
- .o-switch {
2983
- -webkit-touch-callout: none;
2984
- -webkit-user-select: none;
2985
- -moz-user-select: none;
2986
- -ms-user-select: none;
2987
- user-select: none;
2988
- cursor: pointer;
2989
- display: inline-flex;
2990
- align-items: center;
2991
- position: relative;
2992
- border-radius: 50rem;
2993
- }
2994
- .o-switch--small {
2995
- font-size: var(--oruga-font-size-name, 0.75rem);
2996
- }
2997
- .o-switch--medium {
2998
- font-size: var(--oruga-font-size-name, 1.25rem);
2999
- }
3000
- .o-switch--large {
3001
- font-size: var(--oruga-font-size-name, 1.5rem);
3002
- }
3003
- .o-switch--primary {
3004
- --oruga-focus: rgba(68, 94, 0, 0.25);
3005
- }
3006
- .o-switch--primary .o-switch__check--checked {
3007
- background: var(--oruga-variant-primary, #445e00);
3008
- }
3009
- .o-switch--primary-passive {
3010
- --oruga-focus: rgba(68, 94, 0, 0.25);
3011
- }
3012
- .o-switch--primary-passive .o-switch__check:not(.o-switch__check--checked) {
3013
- background: var(--oruga-variant-primary, #445e00);
3014
- }
3015
- .o-switch--secondary {
3016
- --oruga-focus: rgba(108, 117, 125, 0.25);
3017
- }
3018
- .o-switch--secondary .o-switch__check--checked {
3019
- background: var(--oruga-variant-secondary, #6c757d);
3020
- }
3021
- .o-switch--secondary-passive {
3022
- --oruga-focus: rgba(108, 117, 125, 0.25);
3023
- }
3024
- .o-switch--secondary-passive .o-switch__check:not(.o-switch__check--checked) {
3025
- background: var(--oruga-variant-secondary, #6c757d);
3026
- }
3027
- .o-switch--success {
3028
- --oruga-focus: rgba(0, 103, 36, 0.25);
3029
- }
3030
- .o-switch--success .o-switch__check--checked {
3031
- background: var(--oruga-variant-success, #006724);
3032
- }
3033
- .o-switch--success-passive {
3034
- --oruga-focus: rgba(0, 103, 36, 0.25);
3035
- }
3036
- .o-switch--success-passive .o-switch__check:not(.o-switch__check--checked) {
3037
- background: var(--oruga-variant-success, #006724);
3038
- }
3039
- .o-switch--info {
3040
- --oruga-focus: rgba(0, 92, 152, 0.25);
3041
- }
3042
- .o-switch--info .o-switch__check--checked {
3043
- background: var(--oruga-variant-info, #005c98);
3044
- }
3045
- .o-switch--info-passive {
3046
- --oruga-focus: rgba(0, 92, 152, 0.25);
3047
- }
3048
- .o-switch--info-passive .o-switch__check:not(.o-switch__check--checked) {
3049
- background: var(--oruga-variant-info, #005c98);
3050
- }
3051
- .o-switch--warning {
3052
- --oruga-focus: rgba(244, 195, 0, 0.25);
3053
- }
3054
- .o-switch--warning .o-switch__check--checked {
3055
- background: var(--oruga-variant-warning, #f4c300);
3056
- }
3057
- .o-switch--warning-passive {
3058
- --oruga-focus: rgba(244, 195, 0, 0.25);
3059
- }
3060
- .o-switch--warning-passive .o-switch__check:not(.o-switch__check--checked) {
3061
- background: var(--oruga-variant-warning, #f4c300);
3062
- }
3063
- .o-switch--danger {
3064
- --oruga-focus: rgba(182, 0, 0, 0.25);
3065
- }
3066
- .o-switch--danger .o-switch__check--checked {
3067
- background: var(--oruga-variant-danger, #b60000);
3068
- }
3069
- .o-switch--danger-passive {
3070
- --oruga-focus: rgba(182, 0, 0, 0.25);
3071
- }
3072
- .o-switch--danger-passive .o-switch__check:not(.o-switch__check--checked) {
3073
- background: var(--oruga-variant-danger, #b60000);
3074
- }
3075
- .o-switch__label {
3076
- margin-left: var(--oruga-switch-margin-label, 0.5em);
3077
- }
3078
- .o-switch--left {
3079
- flex-direction: row-reverse;
3080
- }
3081
- .o-switch--left .o-switch__label {
3082
- margin-left: 0;
3083
- margin-right: var(--oruga-switch-margin-label, 0.5em);
3084
- }
3085
- .o-switch__check-switch {
3086
- content: "";
3087
- display: block;
3088
- height: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
3089
- width: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
3090
- background: var(--oruga-switch-action-background, #f5f5f5);
3091
- box-shadow: var(--oruga-switch-box-shadow, 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05));
3092
- transition: transform var(--oruga-transition-duration) var(--oruga-transition-timing);
3093
- will-change: transform;
3094
- transform-origin: left;
3095
- }
3096
- .o-switch__check {
3097
- display: flex;
3098
- align-items: center;
3099
- flex-shrink: 0;
3100
- width: var(--oruga-switch-width, 2.75em);
3101
- height: calc(var(--oruga-switch-width, 2.75em) * 0.5 + var(--oruga-switch-padding, 0.2em));
3102
- padding: var(--oruga-switch-padding, 0.2em);
3103
- background: var(--oruga-switch-background, var(--oruga-grey-light));
3104
- border-radius: var(--oruga-switch-border-radius, var(--oruga-base-border-radius));
3105
- transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
3106
- }
3107
- .o-switch__check--checked {
3108
- background: var(--oruga-switch-active-background-color, var(--oruga-primary));
3109
- }
3110
- .o-switch__check--checked .o-switch__check-switch {
3111
- transform: translate3d(100%, 0, 0);
3112
- }
3113
- .o-switch__input {
3114
- position: absolute;
3115
- left: 0;
3116
- opacity: 0;
3117
- z-index: -1;
3118
- }
3119
- .o-switch--rounded {
3120
- border-radius: var(--oruga-switch-rounded-border-radius, var(--oruga-base-border-radius-rounded));
3121
- }
3122
- .o-switch--disabled {
3123
- opacity: var(--oruga-switch-disabled-opacity, var(--oruga-base-disabled-opacity));
3124
- }
3125
- .o-switch:focus .o-switch__check, .o-switch:focus-within .o-switch__check {
3126
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
3127
- }
3128
-
3129
- /* @docs */
3130
- /* @docs */
3131
- .o-table {
3132
- display: table;
3133
- width: 100%;
3134
- border-collapse: separate;
3135
- border-spacing: 0;
3136
- border: var(--oruga-table-boder, 1px solid transparent);
3137
- border-radius: var(--oruga-table-border-radius, var(--oruga-base-border-radius));
3138
- background-color: var(--oruga-table-background-color, #fff);
3139
- color: var(--oruga-table-color, black);
3140
- }
3141
- .o-table__root {
3142
- position: relative;
3143
- }
3144
- .o-table__wrapper {
3145
- transition: opacity 300ms ease-out;
3146
- position: relative;
3147
- }
3148
- .o-table__wrapper--sticky-header {
3149
- height: var(--oruga-table-sticky-header-height, 300px);
3150
- overflow-y: auto;
3151
- }
3152
- .o-table__wrapper--sticky-header th {
3153
- position: -webkit-sticky;
3154
- position: sticky;
3155
- left: 0;
3156
- top: 0;
3157
- background: var(--oruga-table-background-color, #fff);
3158
- z-index: calc(var(--oruga-table-sticky-zindex, 1) + 1);
3159
- }
3160
- .o-table__wrapper--scrollable {
3161
- -webkit-overflow-scrolling: touch;
3162
- overflow-x: auto;
3163
- max-width: 100%;
3164
- }
3165
- .o-table__wrapper--mobile {
3166
- overflow-x: auto;
3167
- }
3168
- .o-table__wrapper--mobile .o-table__mobile-sort {
3169
- display: block;
3170
- }
3171
- .o-table__wrapper--mobile .o-table {
3172
- background-color: transparent;
3173
- }
3174
- .o-table__wrapper--mobile thead tr {
3175
- box-shadow: none;
3176
- border-width: 0;
3177
- }
3178
- .o-table__wrapper--mobile thead tr th {
3179
- display: none;
3180
- }
3181
- .o-table__wrapper--mobile thead tr .o-table-th-checkbox {
3182
- display: block;
3183
- width: 100%;
3184
- text-align: right;
3185
- border: 0;
3186
- }
3187
- .o-table__wrapper--mobile tfoot th {
3188
- border: 0;
3189
- display: inherit;
3190
- }
3191
- .o-table__wrapper--mobile tr {
3192
- box-shadow: var(--oruga-table-card-box-shadow, 0 2px 3px rgba(var(--oruga-black), 0.1), 0 0 0 1px rgba(var(--oruga-black), 0.1));
3193
- max-width: 100%;
3194
- position: relative;
3195
- display: block;
3196
- }
3197
- .o-table__wrapper--mobile tr td {
3198
- border: 0;
3199
- display: inherit;
3200
- }
3201
- .o-table__wrapper--mobile tr td:last-child {
3202
- border-bottom: 0;
3203
- }
3204
- .o-table__wrapper--mobile tr:not(:last-child) {
3205
- margin: var(--oruga-table-card-margin, 0 0 1rem 0);
3206
- }
3207
- .o-table__wrapper--mobile tr:not(.o-table__tr--selected) {
3208
- background: inherit;
3209
- background: #fff;
3210
- }
3211
- .o-table__wrapper--mobile tr:not(.o-table__tr--selected):hover {
3212
- background-color: inherit;
3213
- background-color: #fff;
3214
- }
3215
- .o-table__wrapper--mobile tr.o-table--detailed {
3216
- margin: var(--oruga-table-card-detail-margin, -1rem 0 0 0);
3217
- }
3218
- .o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td {
3219
- display: flex;
3220
- width: auto;
3221
- justify-content: space-between;
3222
- text-align: right;
3223
- border-bottom: var(--oruga-table-background, #f5f5f5 1px solid);
3224
- }
3225
- .o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td:before {
3226
- content: attr(data-label);
3227
- font-weight: var(--oruga-table-card-cell-font-weight, 600);
3228
- padding-right: var(--oruga-table-card-cell-padding, 0 0.5em 0 0);
3229
- text-align: var(--oruga-table-card-cell-text-align, left);
3230
- }
3231
- .o-table__mobile-sort {
3232
- display: none;
3233
- }
3234
- .o-table__th {
3235
- vertical-align: top;
3236
- text-align: left;
3237
- position: relative;
3238
- font-weight: var(--oruga-table-th-font-weight, 600);
3239
- color: var(--oruga-table-th-color, #363636);
3240
- border-bottom: var(--oruga-table-th-border, 2px solid var(--oruga-grey-lighter));
3241
- padding: var(--oruga-table-th-padding, 0.5em 0.75em);
3242
- }
3243
- .o-table__th--centered {
3244
- text-align: center;
3245
- }
3246
- .o-table__th--right {
3247
- text-align: right;
3248
- }
3249
- .o-table__th__sort-icon {
3250
- position: absolute;
3251
- right: 0;
3252
- }
3253
- .o-table__th-checkbox {
3254
- width: var(--oruga-table-th-checkbox-width, 40px);
3255
- }
3256
- .o-table__th-current-sort {
3257
- border-color: var(--oruga-table-current-sort-border-color, var(--oruga-grey));
3258
- font-weight: var(--oruga-table-current-sort-font-weight, 700);
3259
- }
3260
- .o-table__th--sortable {
3261
- cursor: pointer;
3262
- }
3263
- .o-table__th--sortable:hover {
3264
- border-color: var(--oruga-table-current-sort-hover-border-color, var(--oruga-grey));
3265
- }
3266
- .o-table__th--sticky {
3267
- position: -webkit-sticky;
3268
- position: sticky;
3269
- left: 0;
3270
- top: 0;
3271
- z-index: var(--oruga-table-sticky-zindex, 1);
3272
- background: var(--oruga-table-background-color, #fff);
3273
- }
3274
- .o-table__th--unselectable {
3275
- -webkit-touch-callout: none;
3276
- -webkit-user-select: none;
3277
- -moz-user-select: none;
3278
- -ms-user-select: none;
3279
- user-select: none;
3280
- }
3281
- .o-table__th--detailed {
3282
- width: var(--oruga-table-th-detail-width, 14px);
3283
- }
3284
- .o-table__td {
3285
- vertical-align: top;
3286
- text-align: left;
3287
- border-bottom: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
3288
- padding: var(--oruga-table-td-padding, 0.5em 0.75em);
3289
- }
3290
- .o-table__td--sticky {
3291
- position: -webkit-sticky;
3292
- position: sticky;
3293
- left: 0;
3294
- z-index: var(--oruga-table-sticky-zindex, 1);
3295
- background: var(--oruga-table-background-color, #fff);
3296
- }
3297
- .o-table__td--right {
3298
- text-align: right;
3299
- }
3300
- .o-table__td--centered {
3301
- text-align: center;
3302
- }
3303
- .o-table__td-chevron {
3304
- vertical-align: middle;
3305
- width: var(--oruga-table-detail-chevron-width, 40px);
3306
- color: var(--oruga-table-detail-chevron-color, var(--oruga-primary));
3307
- }
3308
- .o-table:focus {
3309
- border-color: var(--oruga-table-focus-border-color, var(--oruga-primary));
3310
- box-shadow: var(--oruga-table-focus-box-shadow, 0 0 0 0.125em rgba(var(--oruga-primary), 0.25));
3311
- }
3312
- .o-table--bordered tr:last-child td,
3313
- .o-table--bordered tr:last-child th {
3314
- border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
3315
- }
3316
- .o-table--bordered td,
3317
- .o-table--bordered th {
3318
- border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
3319
- }
3320
- .o-table--striped tbody tr:not(.o-table__tr--selected):nth-child(2n) {
3321
- background-color: var(--oruga-table-striped-background-color, #fafafa);
3322
- }
3323
- .o-table--narrowed td,
3324
- .o-table--narrowed th {
3325
- padding: var(--oruga-table-narrow-padding, 0.25em 0.5em);
3326
- }
3327
- .o-table--hoverable tbody tr:not(.o-table__tr--selected):hover {
3328
- background-color: var(--oruga-table-hoverable-background-color, #fafafa);
3329
- }
3330
- .o-table__detail {
3331
- box-shadow: var(--oruga-table-detail-box-shadow, inset 0 1px 3px var(--oruga-grey));
3332
- background: var(--oruga-table-detail-background, #fafafa);
3333
- }
3334
- .o-table__detail td {
3335
- padding: var(--oruga-table-detail-padding, 1rem);
3336
- }
3337
- .o-table__tr--selected {
3338
- background-color: var(--oruga-primary);
3339
- color: var(--oruga-primary-invert);
3340
- }
3341
- .o-table__tr--selected-primary {
3342
- background-color: #445e00;
3343
- color: #ffffff;
3344
- }
3345
- .o-table__tr--selected-secondary {
3346
- background-color: #6c757d;
3347
- color: #ffffff;
3348
- }
3349
- .o-table__tr--selected-success {
3350
- background-color: #006724;
3351
- color: #ffffff;
3352
- }
3353
- .o-table__tr--selected-info {
3354
- background-color: #005c98;
3355
- color: #ffffff;
3356
- }
3357
- .o-table__tr--selected-warning {
3358
- background-color: #f4c300;
3359
- color: #000000;
3360
- }
3361
- .o-table__tr--selected-danger {
3362
- background-color: #b60000;
3363
- color: #ffffff;
3364
- }
3365
- .o-table__pagination {
3366
- align-items: center;
3367
- justify-content: space-between;
3368
- display: flex;
3369
- }
3370
- .o-table__pagination > div {
3371
- flex-basis: auto;
3372
- flex-grow: 0;
3373
- flex-shrink: 0;
3374
- }
3375
- .o-table__pagination > div:first-child {
3376
- align-items: center;
3377
- justify-content: flex-start;
3378
- }
3379
- .o-table__pagination > div:last-child {
3380
- align-items: center;
3381
- justify-content: flex-end;
3382
- }
3383
- .o-table__pagination > div:last-child > div {
3384
- align-items: center;
3385
- display: flex;
3386
- flex-basis: auto;
3387
- flex-grow: 0;
3388
- flex-shrink: 0;
3389
- justify-content: center;
3390
- }
3391
-
3392
- /* @docs */
3393
- /* @docs */
3394
- .o-tabs--fullwidth {
3395
- width: 100%;
3396
- }
3397
- .o-tabs--fullwidth .o-tabs__nav-item-wrapper {
3398
- flex-grow: 1;
3399
- flex-shrink: 0;
3400
- }
3401
- .o-tabs--fullwidth .o-tabs__nav-item-default,
3402
- .o-tabs--fullwidth .o-tabs__nav-item-boxed,
3403
- .o-tabs--fullwidth .o-tabs__nav-item-toggle {
3404
- height: 100%;
3405
- }
3406
- .o-tabs--vertical {
3407
- display: flex;
3408
- flex-direction: row;
3409
- }
3410
- .o-tabs--vertical .o-tabs__nav {
3411
- flex-direction: column;
3412
- align-items: stretch;
3413
- flex-grow: 0;
3414
- border-bottom: none;
3415
- }
3416
- .o-tabs--vertical .o-tabs__nav-item-boxed {
3417
- border-bottom-color: transparent;
3418
- border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3419
- border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) 0 0 var(--oruga-base-border-radius));
3420
- }
3421
- .o-tabs--vertical .o-tabs__nav-item-boxed--active {
3422
- border-right-color: transparent;
3423
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3424
- }
3425
- .o-tabs--right {
3426
- flex-direction: row-reverse;
3427
- }
3428
- .o-tabs--right .o-tabs__nav-item-boxed {
3429
- border-bottom-color: transparent;
3430
- border-right-color: transparent;
3431
- border-left-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3432
- border-radius: var(--oruga-tabs-border-bottom-color, 0 var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0);
3433
- }
3434
- .o-tabs--right .o-tabs__nav-item-boxed--active {
3435
- border-left-color: transparent;
3436
- border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3437
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3438
- }
3439
- .o-tabs__nav {
3440
- -webkit-touch-callout: none;
3441
- -webkit-user-select: none;
3442
- -moz-user-select: none;
3443
- -ms-user-select: none;
3444
- user-select: none;
3445
- margin: 0;
3446
- padding: 0;
3447
- align-items: center;
3448
- display: flex;
3449
- flex-grow: 1;
3450
- flex-shrink: 0;
3451
- justify-content: flex-start;
3452
- padding-bottom: var(--oruga-tabs-border-bottom-width, 1px);
3453
- font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
3454
- }
3455
- .o-tabs__nav--small {
3456
- font-size: var(--oruga-tabs-font-size-small, 0.75rem);
3457
- }
3458
- .o-tabs__nav--medium {
3459
- font-size: var(--oruga-tabs-font-size-medium, 1.25rem);
3460
- }
3461
- .o-tabs__nav--large {
3462
- font-size: var(--oruga-tabs-font-size-large, 1.5rem);
3463
- }
3464
- .o-tabs__nav--centered {
3465
- justify-content: center;
3466
- }
3467
- .o-tabs__nav--right {
3468
- justify-content: flex-end;
3469
- }
3470
- .o-tabs__nav-item-icon {
3471
- margin-right: var(--oruga-tabs-icon-margin, 0.5em);
3472
- }
3473
- .o-tabs__nav-item:focus, .o-tabs__nav-item:focus-within {
3474
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
3475
- outline: 0;
3476
- border-radius: var(--oruga-base-border-radius);
3477
- }
3478
- .o-tabs__nav-item-default {
3479
- -moz-appearance: none;
3480
- -webkit-appearance: none;
3481
- width: 100%;
3482
- margin: 0;
3483
- border: 1px solid transparent;
3484
- background-color: transparent;
3485
- align-items: center;
3486
- line-height: var(--oruga-base-line-height);
3487
- display: flex;
3488
- justify-content: center;
3489
- margin-bottom: -1px;
3490
- vertical-align: top;
3491
- cursor: pointer;
3492
- text-decoration: none;
3493
- font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
3494
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3495
- border-bottom-style: var(--oruga-tabs-border-bottom-style, solid);
3496
- border-bottom-width: var(--oruga-tabs-border-bottom-width, 1px);
3497
- color: var(--oruga-tabs-link-color, hsl(0, 0%, 29%));
3498
- padding: var(--oruga-tabs-link-padding, 0.5em 1em);
3499
- }
3500
- .o-tabs__nav-item-default--active {
3501
- border-bottom-color: var(--oruga-tabs-link-active-border-bottom-color, var(--oruga-primary));
3502
- color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
3503
- }
3504
- .o-tabs__nav-item-default--disabled {
3505
- pointer-events: none;
3506
- cursor: not-allowed;
3507
- opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
3508
- }
3509
- .o-tabs__nav-item-default:hover:not(.o-tabs__nav-item-default--active) {
3510
- background-color: var(--oruga-tabs-link-hover-background-color, hsl(0, 0%, 96%));
3511
- border-bottom-color: var(--oruga-tabs-link-hover-border-bottom-color, hsl(0, 0%, 86%));
3512
- }
3513
- .o-tabs__nav-item-boxed {
3514
- -moz-appearance: none;
3515
- -webkit-appearance: none;
3516
- width: 100%;
3517
- margin: 0;
3518
- border: 1px solid transparent;
3519
- background-color: transparent;
3520
- align-items: center;
3521
- line-height: var(--oruga-base-line-height);
3522
- display: flex;
3523
- justify-content: center;
3524
- margin-bottom: -1px;
3525
- vertical-align: top;
3526
- cursor: pointer;
3527
- text-decoration: none;
3528
- font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
3529
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3530
- border-bottom-style: var(--oruga-tabs-border-bottom-style, solid);
3531
- border-bottom-width: var(--oruga-tabs-border-bottom-width, 1px);
3532
- color: var(--oruga-tabs-link-color, hsl(0, 0%, 29%));
3533
- padding: var(--oruga-tabs-link-padding, 0.5em 1em);
3534
- border-bottom-color: transparent;
3535
- border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0 0);
3536
- }
3537
- .o-tabs__nav-item-boxed--active {
3538
- color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
3539
- background-color: var(--oruga-tabs-boxed-link-active-background-color, hsl(0, 0%, 100%));
3540
- border-color: var(--oruga-tabs-boxed-link-active-border-color, hsl(0, 0%, 86%));
3541
- border-bottom-color: var(--oruga-tabs-boxed-link-active-border-bottom-color, transparent);
3542
- }
3543
- .o-tabs__nav-item-boxed--disabled {
3544
- pointer-events: none;
3545
- cursor: not-allowed;
3546
- opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
3547
- }
3548
- .o-tabs__nav-item-boxed:hover:not(.o-tabs__nav-item-boxed--active) {
3549
- background-color: var(--oruga-tabs-boxed-link-hover-background-color, hsl(0, 0%, 96%));
3550
- }
3551
- .o-tabs__nav-item-toggle {
3552
- -moz-appearance: none;
3553
- -webkit-appearance: none;
3554
- width: 100%;
3555
- margin: 0;
3556
- border: 1px solid transparent;
3557
- background-color: transparent;
3558
- align-items: center;
3559
- line-height: var(--oruga-base-line-height);
3560
- display: flex;
3561
- justify-content: center;
3562
- margin-bottom: -1px;
3563
- vertical-align: top;
3564
- cursor: pointer;
3565
- text-decoration: none;
3566
- font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
3567
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3568
- border-bottom-style: var(--oruga-tabs-border-bottom-style, solid);
3569
- border-bottom-width: var(--oruga-tabs-border-bottom-width, 1px);
3570
- color: var(--oruga-tabs-link-color, hsl(0, 0%, 29%));
3571
- padding: var(--oruga-tabs-link-padding, 0.5em 1em);
3572
- position: relative;
3573
- border-color: var(--oruga-tabs-toggle-link-border-color, hsl(0, 0%, 86%));
3574
- border-style: var(--oruga-tabs-toggle-link-border-style, solid);
3575
- border-width: var(--oruga-tabs-toggle-link-border-width, 1px);
3576
- margin-bottom: 0;
3577
- }
3578
- .o-tabs__nav-item-toggle--active {
3579
- background-color: var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));
3580
- border-color: var(--oruga-tabs-toggle-link-active-border-color, var(--oruga-primary));
3581
- color: var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert));
3582
- }
3583
- .o-tabs__nav-item-toggle--disabled {
3584
- pointer-events: none;
3585
- cursor: not-allowed;
3586
- opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
3587
- }
3588
- .o-tabs__nav-item-toggle:hover:not(.o-tabs__nav-item-toggle--active) {
3589
- background-color: var(--oruga-tabs-toggle-link-hover-background-color, hsl(0, 0%, 96%));
3590
- border-color: var(--oruga-tabs-toggle-link-hover-border-color, hsl(0, 0%, 71%));
3591
- }
3592
- .o-tabs__content {
3593
- position: relative;
3594
- overflow: visible;
3595
- display: flex;
3596
- flex-direction: column;
3597
- flex-grow: 1;
3598
- padding: var(--oruga-tabs-content-padding, 1rem);
3599
- }
3600
- .o-tabs__content--transitioning {
3601
- overflow: hidden;
3602
- }
3603
- .o-tabs:not(:last-child) {
3604
- margin-bottom: var(--oruga-tabs-margin-bottom, 1.5rem);
3605
- }
3606
-
3607
- /* @docs */
3608
- /* @docs */
3609
- .o-taginput {
3610
- display: flex;
3611
- }
3612
- .o-taginput__container {
3613
- display: flex;
3614
- flex-wrap: wrap;
3615
- box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
3616
- background-color: var(--oruga-input-background-color, #ffffff);
3617
- border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
3618
- border-style: var(--oruga-input-border-style, solid);
3619
- border-width: var(--oruga-input-border-width, 1px);
3620
- border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
3621
- color: var(--oruga-input-color, #363636);
3622
- font-size: var(--oruga-base-font-size, 1rem);
3623
- line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
3624
- margin: var(--oruga-input-margin, 0);
3625
- width: var(--oruga-taginput-width, inherit);
3626
- }
3627
- .o-taginput__container--small {
3628
- font-size: var(--oruga-taginput-font-size-small, 0.75rem);
3629
- }
3630
- .o-taginput__container--medium {
3631
- font-size: var(--oruga-taginput-font-size-medium, 1.25rem);
3632
- }
3633
- .o-taginput__container--large {
3634
- font-size: var(--oruga-taginput-font-size-large, 1.5rem);
3635
- }
3636
- .o-taginput__autocomplete {
3637
- flex-grow: 1;
3638
- flex-shrink: 1;
3639
- width: auto;
3640
- }
3641
- .o-taginput__input {
3642
- border: none;
3643
- box-shadow: none;
3644
- width: 100%;
3645
- }
3646
- .o-taginput__item {
3647
- display: inline-flex;
3648
- margin: var(--oruga-taginput-item-margin, 0.275em);
3649
- padding: var(--oruga-taginput-item-padding, 0 0.75em 0 0.75em);
3650
- color: var(--oruga-taginput-item-color, var(--oruga-primary-invert));
3651
- background-color: var(--oruga-taginput-item-background-color, var(--oruga-primary));
3652
- border-radius: var(--oruga-taginput-item-border-radius, var(--oruga-base-border-radius));
3653
- }
3654
- .o-taginput__item--primary {
3655
- --oruga-focus: rgba(68, 94, 0, 0.25);
3656
- background-color: var(--oruga-variant-primary, #445e00);
3657
- color: var(--oruga-variant-invert-primary, #ffffff);
3658
- }
3659
- .o-taginput__item--secondary {
3660
- --oruga-focus: rgba(108, 117, 125, 0.25);
3661
- background-color: var(--oruga-variant-secondary, #6c757d);
3662
- color: var(--oruga-variant-invert-secondary, #ffffff);
3663
- }
3664
- .o-taginput__item--success {
3665
- --oruga-focus: rgba(0, 103, 36, 0.25);
3666
- background-color: var(--oruga-variant-success, #006724);
3667
- color: var(--oruga-variant-invert-success, #ffffff);
3668
- }
3669
- .o-taginput__item--info {
3670
- --oruga-focus: rgba(0, 92, 152, 0.25);
3671
- background-color: var(--oruga-variant-info, #005c98);
3672
- color: var(--oruga-variant-invert-info, #ffffff);
3673
- }
3674
- .o-taginput__item--warning {
3675
- --oruga-focus: rgba(244, 195, 0, 0.25);
3676
- background-color: var(--oruga-variant-warning, #f4c300);
3677
- color: var(--oruga-variant-invert-warning, #000000);
3678
- }
3679
- .o-taginput__item--danger {
3680
- --oruga-focus: rgba(182, 0, 0, 0.25);
3681
- background-color: var(--oruga-variant-danger, #b60000);
3682
- color: var(--oruga-variant-invert-danger, #ffffff);
3683
- }
3684
- .o-taginput__item:focus, .o-taginput__item:focus-within {
3685
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
3686
- outline: 0;
3687
- }
3688
- .o-taginput__counter {
3689
- display: block;
3690
- float: right;
3691
- font-size: var(--oruga-taginput-counter-font-size, 0.75rem);
3692
- margin: var(--oruga-taginput-counter-margin, 0.25rem 0 0 0.5rem);
3693
- }
3694
- .o-taginput--expanded {
3695
- width: 100%;
3696
- flex-grow: 1;
3697
- flex-shrink: 1;
3698
- }
3699
-
3700
- /* @docs */
3701
- /* @docs */
3702
- .o-tpck {
3703
- font-size: var(--oruga-timepicker-font-size, var(--oruga-base-font-size));
3704
- }
3705
- .o-tpck--small {
3706
- font-size: var(--oruga-timepicker-font-size-small, 0.75rem);
3707
- }
3708
- .o-tpck--medium {
3709
- font-size: var(--oruga-timepicker-font-size-medium, 1.25rem);
3710
- }
3711
- .o-tpck--large {
3712
- font-size: var(--oruga-timepicker-font-size-large, 1.5rem);
3713
- }
3714
- .o-tpck__dropdown {
3715
- width: 100%;
3716
- }
3717
- .o-tpck__box {
3718
- display: flex;
3719
- justify-content: center;
3720
- align-items: center;
3721
- line-height: var(--oruga-timepicker-box-line-height, var(--oruga-base-line-height));
3722
- padding: var(--oruga-timepicker-box-padding, 0.375rem 1rem);
3723
- }
3724
- .o-tpck__select {
3725
- -moz-appearance: none;
3726
- -webkit-appearance: none;
3727
- display: inline-block;
3728
- position: relative;
3729
- vertical-align: top;
3730
- cursor: pointer;
3731
- justify-content: flex-start;
3732
- align-items: center;
3733
- border: 0;
3734
- font-size: inherit;
3735
- font-weight: var(--oruga-timepicker-select-font-weight, 600);
3736
- line-height: var(--oruga-timepicker-select-line-height, var(--oruga-base-line-height));
3737
- color: var(--oruga-timepicker-select-color, #363636);
3738
- padding: var(--oruga-timepicker-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
3739
- }
3740
- .o-tpck__select-placeholder {
3741
- opacity: var(--oruga-timepicker-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
3742
- }
3743
- .o-tpck__separator {
3744
- font-weight: var(--oruga-timepicker-separator-font-weight, 600);
3745
- }
3746
- .o-tpck__footer {
3747
- padding: var(--oruga-timepicker-header-padding, 0 0.5rem);
3748
- margin: var(--oruga-timepicker-header-margin, 0.875rem 0 0 0);
3749
- }
3750
-
3751
- /* @docs */
3752
- /* @docs */
3753
- .o-tip {
3754
- position: relative;
3755
- display: inline-flex;
3756
- }
3757
- .o-tip__arrow {
3758
- position: absolute;
3759
- content: "";
3760
- pointer-events: none;
3761
- z-index: var(--oruga-tooltip-content-zindex, 38);
3762
- color: var(--oruga-tooltip-background-color, var(--oruga-primary));
3763
- }
3764
- .o-tip__arrow--primary {
3765
- color: var(--oruga-variant-primary, #445e00);
3766
- }
3767
- .o-tip__arrow--secondary {
3768
- color: var(--oruga-variant-secondary, #6c757d);
3769
- }
3770
- .o-tip__arrow--success {
3771
- color: var(--oruga-variant-success, #006724);
3772
- }
3773
- .o-tip__arrow--info {
3774
- color: var(--oruga-variant-info, #005c98);
3775
- }
3776
- .o-tip__arrow--warning {
3777
- color: var(--oruga-variant-warning, #f4c300);
3778
- }
3779
- .o-tip__arrow--danger {
3780
- color: var(--oruga-variant-danger, #b60000);
3781
- }
3782
- .o-tip__arrow--bottom {
3783
- top: auto;
3784
- right: auto;
3785
- bottom: 100%;
3786
- left: 50%;
3787
- transform: translateX(-50%);
3788
- border-bottom-style: solid;
3789
- border-right-style: solid;
3790
- border-right-color: transparent;
3791
- border-left-style: solid;
3792
- border-left-color: transparent;
3793
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3794
- border-right-width: var(--oruga-tooltip-arrow-size, 5px);
3795
- border-left-width: var(--oruga-tooltip-arrow-size, 5px);
3796
- }
3797
- .o-tip__arrow--top {
3798
- top: 100%;
3799
- right: auto;
3800
- bottom: auto;
3801
- left: 50%;
3802
- transform: translateX(-50%);
3803
- border-top-style: solid;
3804
- border-right-style: solid;
3805
- border-right-color: transparent;
3806
- border-left-style: solid;
3807
- border-left-color: transparent;
3808
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3809
- border-right-width: var(--oruga-tooltip-arrow-size, 5px);
3810
- border-left-width: var(--oruga-tooltip-arrow-size, 5px);
3811
- }
3812
- .o-tip__arrow--left {
3813
- top: 50%;
3814
- right: auto;
3815
- bottom: auto;
3816
- left: 100%;
3817
- transform: translateY(-50%);
3818
- border-left-style: solid;
3819
- border-top-style: solid;
3820
- border-top-color: transparent;
3821
- border-bottom-style: solid;
3822
- border-bottom-color: transparent;
3823
- border-left-width: var(--oruga-tooltip-arrow-size, 5px);
3824
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3825
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3826
- }
3827
- .o-tip__arrow--right {
3828
- top: 50%;
3829
- right: 100%;
3830
- bottom: auto;
3831
- left: auto;
3832
- transform: translateY(-50%);
3833
- border-right-style: solid;
3834
- border-top-style: solid;
3835
- border-top-color: transparent;
3836
- border-bottom-style: solid;
3837
- border-bottom-color: transparent;
3838
- border-right-width: var(--oruga-tooltip-arrow-size, 5px);
3839
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3840
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3841
- }
3842
- .o-tip__arrow--top-right {
3843
- top: 100%;
3844
- right: auto;
3845
- bottom: auto;
3846
- left: 50%;
3847
- transform: translateX(-50%);
3848
- border-top-style: solid;
3849
- border-right-style: solid;
3850
- border-right-color: transparent;
3851
- border-left-style: solid;
3852
- border-left-color: transparent;
3853
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3854
- border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3855
- border-left-width: 0;
3856
- }
3857
- .o-tip__arrow--top-left {
3858
- top: 100%;
3859
- right: auto;
3860
- bottom: auto;
3861
- left: 50%;
3862
- transform: translateX(-50%);
3863
- border-top-style: solid;
3864
- border-right-style: solid;
3865
- border-right-color: transparent;
3866
- border-left-style: solid;
3867
- border-left-color: transparent;
3868
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3869
- border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3870
- border-right-width: 0;
3871
- }
3872
- .o-tip__arrow--bottom-left {
3873
- top: auto;
3874
- right: auto;
3875
- bottom: 100%;
3876
- left: 50%;
3877
- transform: translateX(-50%);
3878
- border-bottom-style: solid;
3879
- border-right-style: solid;
3880
- border-right-color: transparent;
3881
- border-left-style: solid;
3882
- border-left-color: transparent;
3883
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3884
- border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3885
- border-right-width: 0;
3886
- }
3887
- .o-tip__arrow--bottom-right {
3888
- top: auto;
3889
- right: auto;
3890
- bottom: 100%;
3891
- left: 50%;
3892
- transform: translateX(-50%);
3893
- border-bottom-style: solid;
3894
- border-right-style: solid;
3895
- border-right-color: transparent;
3896
- border-left-style: solid;
3897
- border-left-color: transparent;
3898
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3899
- border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3900
- border-left-width: 0;
3901
- }
3902
- .o-tip__content {
3903
- position: absolute;
3904
- white-space: nowrap;
3905
- max-width: var(--oruga-tooltip-content-max-width, 300px);
3906
- padding: var(--oruga-tooltip-content-padding, 0.35rem 0.75rem);
3907
- border-radius: var(--oruga-tooltip-content-radius-large, 6px);
3908
- font-size: var(--oruga-tooltip-content-font-size, 0.85rem);
3909
- font-weight: var(--oruga-tooltip-content-weight-normal, 400);
3910
- box-shadow: var(--oruga-tooltip-content-box-shadow, 0px 1px 2px 1px rgba(0, 1, 0, 0.2));
3911
- z-index: var(--oruga-tooltip-content-zindex, 38);
3912
- background-color: var(--oruga-tooltip-background-color, var(--oruga-primary));
3913
- color: var(--oruga-tooltip-color, var(--oruga-primary-invert));
3914
- }
3915
- .o-tip__content--primary {
3916
- background: var(--oruga-variant-primary, #445e00);
3917
- color: var(--oruga-variant-invert-primary, #ffffff);
3918
- }
3919
- .o-tip__content--secondary {
3920
- background: var(--oruga-variant-secondary, #6c757d);
3921
- color: var(--oruga-variant-invert-secondary, #ffffff);
3922
- }
3923
- .o-tip__content--success {
3924
- background: var(--oruga-variant-success, #006724);
3925
- color: var(--oruga-variant-invert-success, #ffffff);
3926
- }
3927
- .o-tip__content--info {
3928
- background: var(--oruga-variant-info, #005c98);
3929
- color: var(--oruga-variant-invert-info, #ffffff);
3930
- }
3931
- .o-tip__content--warning {
3932
- background: var(--oruga-variant-warning, #f4c300);
3933
- color: var(--oruga-variant-invert-warning, #000000);
3934
- }
3935
- .o-tip__content--danger {
3936
- background: var(--oruga-variant-danger, #b60000);
3937
- color: var(--oruga-variant-invert-danger, #ffffff);
3938
- }
3939
- .o-tip__content--top {
3940
- top: auto;
3941
- right: auto;
3942
- bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3943
- left: 50%;
3944
- transform: translateX(-50%);
3945
- }
3946
- .o-tip__content--bottom {
3947
- top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3948
- right: auto;
3949
- bottom: auto;
3950
- left: 50%;
3951
- transform: translateX(-50%);
3952
- }
3953
- .o-tip__content--right {
3954
- top: 50%;
3955
- right: auto;
3956
- bottom: auto;
3957
- left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3958
- transform: translateY(-50%);
3959
- }
3960
- .o-tip__content--left {
3961
- top: 50%;
3962
- right: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3963
- bottom: auto;
3964
- left: auto;
3965
- transform: translateY(-50%);
3966
- }
3967
- .o-tip__content--top-right {
3968
- left: auto;
3969
- top: auto;
3970
- bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3971
- transform: translateX(50%);
3972
- }
3973
- .o-tip__content--top-left {
3974
- right: auto;
3975
- top: auto;
3976
- bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3977
- transform: translateX(-50%);
3978
- }
3979
- .o-tip__content--bottom-right {
3980
- left: auto;
3981
- bottom: auto;
3982
- top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3983
- transform: translateX(50%);
3984
- }
3985
- .o-tip__content--bottom-left {
3986
- left: auto;
3987
- bottom: auto;
3988
- top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3989
- transform: translateX(-50%);
3990
- }
3991
- .o-tip__content--always {
3992
- opacity: 1;
3993
- visibility: visible;
3994
- }
3995
- .o-tip__content--multiline {
3996
- text-align: center;
3997
- white-space: normal;
3998
- width: var(--oruga-tooltip-content-multiline-width, 300px);
3999
- }
4000
- .o-tip--teleport .o-tip__content--top, .o-tip--teleport .o-tip__content--top-left, .o-tip--teleport .o-tip__content--top-right {
4001
- margin-top: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
4002
- }
4003
- .o-tip--teleport .o-tip__content--bottom, .o-tip--teleport .o-tip__content--bottom-left, .o-tip--teleport .o-tip__content--bottom-right {
4004
- margin-top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
4005
- }
4006
- .o-tip--teleport .o-tip__content--right {
4007
- margin-left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
4008
- }
4009
- .o-tip--teleport .o-tip__content--left {
4010
- margin-left: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
4011
- }
4012
- .o-tip__trigger {
4013
- width: 100%;
4014
- }
4015
-
4016
- /* @docs */
4017
- /* @docs */
4018
- .o-upl {
4019
- position: relative;
4020
- display: inline-flex;
4021
- }
4022
- .o-upl--disabled {
4023
- opacity: var(--oruga-upload-draggable-disabled-opacity, var(--oruga-base-disabled-opacity));
4024
- cursor: not-allowed;
4025
- }
4026
- .o-upl--expanded {
4027
- width: 100%;
4028
- }
4029
- .o-upl__draggable {
4030
- cursor: pointer;
4031
- width: 100%;
4032
- padding: var(--oruga-upload-draggable-padding, 0.25em);
4033
- border: var(--oruga-upload-draggable-border, 1px dashed var(--oruga-grey-light));
4034
- border-radius: var(--oruga-upload-draggable-border-radius, var(--oruga-base-border-radius));
4035
- }
4036
- .o-upl__draggable--hovered {
4037
- border-color: var(--oruga-upload-draggable-hover-border-color, var(--oruga-grey));
4038
- }
4039
- .o-upl__draggable--hovered-primary {
4040
- border-color: var(--oruga-variant-primary, #445e00);
4041
- }
4042
- .o-upl__draggable--hovered-secondary {
4043
- border-color: var(--oruga-variant-secondary, #6c757d);
4044
- }
4045
- .o-upl__draggable--hovered-success {
4046
- border-color: var(--oruga-variant-success, #006724);
4047
- }
4048
- .o-upl__draggable--hovered-info {
4049
- border-color: var(--oruga-variant-info, #005c98);
4050
- }
4051
- .o-upl__draggable--hovered-warning {
4052
- border-color: var(--oruga-variant-warning, #f4c300);
4053
- }
4054
- .o-upl__draggable--hovered-danger {
4055
- border-color: var(--oruga-variant-danger, #b60000);
4056
- }
4057
- .o-upl input[type=file] {
4058
- position: absolute;
4059
- top: 0;
4060
- left: 0;
4061
- width: 100%;
4062
- height: 100%;
4063
- opacity: 0;
4064
- cursor: pointer;
4065
- z-index: -1;
4066
- }
1
+ /*! Oruga Default Theme v0.5.0 | MIT License | github.com/oruga-ui/theme-oruga */
2
+ @charset "UTF-8";@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes append-animate{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease-out}.fade-enter,.fade-enter-from,.fade-leave-to{opacity:0}.zoom-in-enter-active,.zoom-in-leave-active{transition:opacity .15s ease-out}.zoom-in-enter-active .animation-content,.zoom-in-leave-active .animation-content{transition:transform .15s ease-out}.zoom-in-enter,.zoom-in-enter-from,.zoom-in-leave-active{opacity:0}.zoom-in-enter .animation-content,.zoom-in-enter-from .animation-content,.zoom-in-leave-active .animation-content{transform:scale(.95)}.zoom-out-enter-active,.zoom-out-leave-active{transition:opacity .15s ease-out}.zoom-out-enter-active .animation-content,.zoom-out-leave-active .animation-content{transition:transform .15s ease-out}.zoom-out-enter,.zoom-out-enter-from,.zoom-out-leave-active{opacity:0}.zoom-out-enter .animation-content,.zoom-out-enter-from .animation-content,.zoom-out-leave-active .animation-content{transform:scale(1.05)}.slide-next-enter-active,.slide-next-leave-active,.slide-prev-enter-active,.slide-prev-leave-active{transition:transform .3s cubic-bezier(.785,.135,.15,.86)}.slide-prev-leave-to,.slide-next-enter,.slide-next-enter-from{transform:translate3d(-100%,0,0);position:absolute;width:100%}.slide-prev-enter,.slide-prev-enter-from,.slide-next-leave-to{transform:translate3d(100%,0,0);position:absolute;width:100%}.slide-down-enter-active,.slide-down-leave-active,.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s cubic-bezier(.785,.135,.15,.86)}.slide-down-enter,.slide-up-leave-to,.slide-down-enter-from{transform:translate3d(0,-100%,0);position:absolute;height:100%}.slide-up-enter,.slide-up-enter-from,.slide-down-leave-to{transform:translate3d(0,100%,0);position:absolute;height:100%}.slide-enter-active{transition:.15s ease-out}.slide-leave-active{transition:.15s ease-out;transition-timing-function:cubic-bezier(0,1,.5,1)}.slide-leave,.slide-enter-to,.slide-leave-from{max-height:100px;overflow:hidden}.slide-enter,.slide-enter-from,.slide-leave-to{overflow:hidden;max-height:0}:root{--oruga-primary: #445e00;--oruga-primary-invert: #ffffff;--oruga-secondary: #6c757d;--oruga-secondary-invert: #ffffff;--oruga-success: #006724;--oruga-success-invert: #ffffff;--oruga-info: #005c98;--oruga-info-invert: #ffffff;--oruga-warning: #f4c300;--oruga-warning-invert: #000000;--oruga-danger: #b60000;--oruga-danger-invert: #ffffff;--oruga-white: #ffffff;--oruga-black: #000000;--oruga-grey: #7a7a7a;--oruga-grey-light: #b5b5b5;--oruga-grey-lighter: #dbdbdb;--oruga-grey-dark: #4a4a4a;--oruga-focus: rgba(68, 94, 0, .25);--oruga-size-small: .75rem;--oruga-size-medium: 1.25rem;--oruga-size-large: 1.5rem;--oruga-base-font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif;--oruga-base-font-size: 1rem;--oruga-base-font-weight: 400;--oruga-base-border-radius: 4px;--oruga-base-border-radius-rounded: 9999px;--oruga-base-line-height: 1.5;--oruga-base-disabled-opacity: .5;--oruga-transition-duration: .15s;--oruga-transition-timing: ease-out}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--oruga-base-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif);font-size:var(--oruga-base-font-size, 1rem);font-weight:var(--oruga-base-font-weight, 400);line-height:var(--oruga-base-line-height, 1.5)}.o-noscroll{position:fixed;width:100%;bottom:0;overflow-x:hidden;overflow-y:scroll}.o-clipped{overflow:hidden}.o-acp__item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.o-acp__item--hover{background-color:var(--oruga-autocomplete-item-hover-background-color, #f5f5f5)}@keyframes spinAround{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.o-btn{position:relative;display:inline-flex;cursor:pointer;text-align:center;white-space:nowrap;align-items:center;justify-content:center;vertical-align:top;text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--oruga-button-background-color, transparent);color:var(--oruga-button-color, var(--oruga-black));padding:var(--oruga-button-padding, calc(.25em - 1px) .75em);border:var(--oruga-button-border, 1px solid var(--oruga-grey-lighter));border-radius:var(--oruga-button-border-radius, var(--oruga-base-border-radius));box-shadow:var(--oruga-button-box-shadow, none);font-size:var(--oruga-base-font-size, 1rem);font-weight:var(--oruga-button-font-weight, 400);line-height:var(--oruga-button-line-height, var(--oruga-base-line-height));margin:var(--oruga-button-margin, 0);height:var(--oruga-button-height, 2.25em)}.o-btn__wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;margin-left:-.1875em;margin-right:-.1875em}.o-btn__wrapper>*{margin-left:.1875em;margin-right:.1875em}.o-btn__label,.o-btn--expanded{width:100%}.o-btn--rounded{border-radius:var(--oruga-button-rounded-border-radius, var(--oruga-base-border-radius-rounded))}.o-btn--disabled{opacity:var(--oruga-button-disabled-opacity, var(--oruga-base-disabled-opacity));cursor:not-allowed;pointer-events:none}.o-btn--small{font-size:var(--oruga-button-font-size-small, .75rem)}.o-btn--medium{font-size:var(--oruga-button-font-size-medium, 1.25rem)}.o-btn--large{font-size:var(--oruga-button-font-size-large, 1.5rem)}.o-btn--primary{--oruga-focus: rgba(68, 94, 0, .25);border-color:transparent;background-color:var(--oruga-variant-primary, #445e00);color:var(--oruga-variant-invert-primary, #ffffff)}.o-btn--primary:hover{filter:brightness(97.5%)}.o-btn--secondary{--oruga-focus: rgba(108, 117, 125, .25);border-color:transparent;background-color:var(--oruga-variant-secondary, #6c757d);color:var(--oruga-variant-invert-secondary, #ffffff)}.o-btn--secondary:hover{filter:brightness(97.5%)}.o-btn--success{--oruga-focus: rgba(0, 103, 36, .25);border-color:transparent;background-color:var(--oruga-variant-success, #006724);color:var(--oruga-variant-invert-success, #ffffff)}.o-btn--success:hover{filter:brightness(97.5%)}.o-btn--info{--oruga-focus: rgba(0, 92, 152, .25);border-color:transparent;background-color:var(--oruga-variant-info, #005c98);color:var(--oruga-variant-invert-info, #ffffff)}.o-btn--info:hover{filter:brightness(97.5%)}.o-btn--warning{--oruga-focus: rgba(244, 195, 0, .25);border-color:transparent;background-color:var(--oruga-variant-warning, #f4c300);color:var(--oruga-variant-invert-warning, #000000)}.o-btn--warning:hover{filter:brightness(97.5%)}.o-btn--danger{--oruga-focus: rgba(182, 0, 0, .25);border-color:transparent;background-color:var(--oruga-variant-danger, #b60000);color:var(--oruga-variant-invert-danger, #ffffff)}.o-btn--danger:hover{filter:brightness(97.5%)}.o-btn--outlined:focus,.o-btn--outlined:hover{background-color:var(--oruga-button-border-color, var(--oruga-grey-lighter));color:var(--oruga-button-color, var(--oruga-black))}.o-btn--outlined-primary{--oruga-focus: rgba(68, 94, 0, .25);background-color:var(--oruga-button-outlined-background-color, transparent);border-color:var(--oruga-variant-primary, #445e00);color:var(--oruga-variant-primary, #445e00)}.o-btn--outlined-primary:focus,.o-btn--outlined-primary:hover{border-color:transparent;background-color:var(--oruga-variant-primary, #445e00);color:var(--oruga-variant-invert-primary, #ffffff)}.o-btn--outlined-secondary{--oruga-focus: rgba(108, 117, 125, .25);background-color:var(--oruga-button-outlined-background-color, transparent);border-color:var(--oruga-variant-secondary, #6c757d);color:var(--oruga-variant-secondary, #6c757d)}.o-btn--outlined-secondary:focus,.o-btn--outlined-secondary:hover{border-color:transparent;background-color:var(--oruga-variant-secondary, #6c757d);color:var(--oruga-variant-invert-secondary, #ffffff)}.o-btn--outlined-success{--oruga-focus: rgba(0, 103, 36, .25);background-color:var(--oruga-button-outlined-background-color, transparent);border-color:var(--oruga-variant-success, #006724);color:var(--oruga-variant-success, #006724)}.o-btn--outlined-success:focus,.o-btn--outlined-success:hover{border-color:transparent;background-color:var(--oruga-variant-success, #006724);color:var(--oruga-variant-invert-success, #ffffff)}.o-btn--outlined-info{--oruga-focus: rgba(0, 92, 152, .25);background-color:var(--oruga-button-outlined-background-color, transparent);border-color:var(--oruga-variant-info, #005c98);color:var(--oruga-variant-info, #005c98)}.o-btn--outlined-info:focus,.o-btn--outlined-info:hover{border-color:transparent;background-color:var(--oruga-variant-info, #005c98);color:var(--oruga-variant-invert-info, #ffffff)}.o-btn--outlined-warning{--oruga-focus: rgba(244, 195, 0, .25);background-color:var(--oruga-button-outlined-background-color, transparent);border-color:var(--oruga-variant-warning, #f4c300);color:var(--oruga-variant-warning, #f4c300)}.o-btn--outlined-warning:focus,.o-btn--outlined-warning:hover{border-color:transparent;background-color:var(--oruga-variant-warning, #f4c300);color:var(--oruga-variant-invert-warning, #000000)}.o-btn--outlined-danger{--oruga-focus: rgba(182, 0, 0, .25);background-color:var(--oruga-button-outlined-background-color, transparent);border-color:var(--oruga-variant-danger, #b60000);color:var(--oruga-variant-danger, #b60000)}.o-btn--outlined-danger:focus,.o-btn--outlined-danger:hover{border-color:transparent;background-color:var(--oruga-variant-danger, #b60000);color:var(--oruga-variant-invert-danger, #ffffff)}.o-btn--inverted{background-color:var(--oruga-button-color, var(--oruga-black));border-color:var(--oruga-button-color, var(--oruga-black));color:var(--oruga-button-border-color, var(--oruga-grey-lighter))}.o-btn--inverted:hover{filter:brightness(95%)}.o-btn--inverted-primary{--oruga-focus: rgba(68, 94, 0, .25);background-color:var(--oruga-variant-invert-primary, #ffffff);border-color:var(--oruga-variant-invert-primary, #ffffff);color:var(--oruga-variant-primary, #445e00)}.o-btn--inverted-primary:focus,.o-btn--inverted-primary:hover{filter:brightness(95%)}.o-btn--inverted-secondary{--oruga-focus: rgba(108, 117, 125, .25);background-color:var(--oruga-variant-invert-secondary, #ffffff);border-color:var(--oruga-variant-invert-secondary, #ffffff);color:var(--oruga-variant-secondary, #6c757d)}.o-btn--inverted-secondary:focus,.o-btn--inverted-secondary:hover{filter:brightness(95%)}.o-btn--inverted-success{--oruga-focus: rgba(0, 103, 36, .25);background-color:var(--oruga-variant-invert-success, #ffffff);border-color:var(--oruga-variant-invert-success, #ffffff);color:var(--oruga-variant-success, #006724)}.o-btn--inverted-success:focus,.o-btn--inverted-success:hover{filter:brightness(95%)}.o-btn--inverted-info{--oruga-focus: rgba(0, 92, 152, .25);background-color:var(--oruga-variant-invert-info, #ffffff);border-color:var(--oruga-variant-invert-info, #ffffff);color:var(--oruga-variant-info, #005c98)}.o-btn--inverted-info:focus,.o-btn--inverted-info:hover{filter:brightness(95%)}.o-btn--inverted-warning{--oruga-focus: rgba(244, 195, 0, .25);background-color:var(--oruga-variant-invert-warning, #000000);border-color:var(--oruga-variant-invert-warning, #000000);color:var(--oruga-variant-warning, #f4c300)}.o-btn--inverted-warning:focus,.o-btn--inverted-warning:hover{filter:brightness(95%)}.o-btn--inverted-danger{--oruga-focus: rgba(182, 0, 0, .25);background-color:var(--oruga-variant-invert-danger, #ffffff);border-color:var(--oruga-variant-invert-danger, #ffffff);color:var(--oruga-variant-danger, #b60000)}.o-btn--inverted-danger:focus,.o-btn--inverted-danger:hover{filter:brightness(95%)}.o-btn:focus,.o-btn:focus-within{box-shadow:0 0 0 .25rem var(--oruga-focus);outline:0}.o-btn--loading{color:transparent!important;pointer-events:none}.o-btn--loading:after{-webkit-animation:spinAround .5s infinite linear;left:calc(50% - .5em);top:calc(50% - .5em);position:absolute!important;border:2px solid #dbdbdb;border-radius:9999px;border-right-color:transparent;border-top-color:transparent;content:"";display:block;height:1em;width:1em}.o-car{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;overflow:hidden;width:100%}.o-car__overlay{bottom:0;left:0;right:0;top:0;align-items:center;flex-direction:column;justify-content:center;display:flex;max-height:100vh;position:fixed;background-color:var(--oruga-carousel-overlay-background, hsla(0, 0%, 4%, .86));z-index:var(--oruga-carousel-overlay-zindex, 40)}.o-car__wrapper{position:relative;width:100%}.o-car__items{display:flex;width:100%}.o-car__items:not(.o-car__items--dragging){transition:var(--oruga-carousel-items-transition, all var(--oruga-transition-duration) var(--oruga-transition-timing) 0s)}.o-car__item{border:var(--oruga-carousel-item-border, 2px solid transparent);flex-shrink:0}.o-car__item--clickable{cursor:pointer}.o-car__indicators{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--oruga-carousel-indicators-padding, .5rem);background:var(--oruga-carousel-indicators-background, rgba(var(--oruga-white), .5))}.o-car__indicators--inside{position:absolute}.o-car__indicators--inside--bottom{bottom:0}.o-car__indicators--inside--top{top:0}.o-car__indicator:not(:last-child){margin:var(--oruga-carousel-indicator-margin, 0 .5rem 0 0)}.o-car__indicator__item{display:block;border:var(--oruga-carousel-indicator-border, 1px solid var(--oruga-primary));background:var(--oruga-carousel-indicator-background, var(--oruga-white));transition:var(--oruga-carousel-indicator-transition, var(--oruga-transition-duration) var(--oruga-transition-timing))}.o-car__indicator__item--active,.o-car__indicator__item :hover{background:var(--oruga-carousel-indicator-active-background, var(--oruga-primary));border:var(--oruga-carousel-indicator-active-border, 1px solid var(--oruga-primary))}.o-car__indicator__item--boxes{width:var(--oruga-carousel-indicator-size, 10px);height:var(--oruga-carousel-indicator-size, 10px)}.o-car__indicator__item--dots{border-radius:var(--oruga-carousel-indicator-dots-border-radius, var(--oruga-base-border-radius));width:var(--oruga-carousel-indicator-size, 10px);height:var(--oruga-carousel-indicator-size, 10px)}.o-car__indicator__item--lines{width:var(--oruga-carousel-indicator-lines-width, 25px);height:var(--oruga-carousel-indicator-lines-height, 5px)}.o-car__arrow__icon{cursor:pointer;background:var(--oruga-carousel-arrow-background, var(--oruga-white));color:var(--oruga-carousel-arrow-color, var(--oruga-primary));width:var(--oruga-carousel-arrow-size, 1.5rem);height:var(--oruga-carousel-arrow-size, 1.5rem);border-radius:var(--oruga-carousel-arrow-border-radius, var(--oruga-base-border-radius-rounded));border:var(--oruga-carousel-arrow-border, 1px solid var(--oruga-white));transition:var(--oruga-carousel-arrow-transition, var(--oruga-transition-duration) var(--oruga-transition-timing))}.o-car__arrow__icon-prev,.o-car__arrow__icon-next{position:absolute;top:var(--oruga-carousel-arrow-top, 50%);transform:translateY(var(--oruga-carousel-arrow-top, -50%));z-index:1}.o-car__arrow__icon-prev{left:var(--oruga-carousel-arrow-icon-spaced, 1.5rem)}.o-car__arrow__icon-next{right:var(--oruga-carousel-arrow-icon-spaced, 1.5rem)}.o-chk{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;align-items:center;cursor:pointer;position:relative;line-height:var(--oruga-checkbox-line-height, 1.5);margin-right:var(--oruga-checkbox-margin-sibiling, .5em)}.o-chk__input{width:var(--oruga-checkbox-size, 1rem);height:var(--oruga-checkbox-size, 1rem);margin:0;outline:none;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-shrink:0;cursor:pointer;box-shadow:var(--oruga-checkbox-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, .1));background-color:var(--oruga-checkbox-background-color, var(--oruga-primary));background-position:center;background-size:contain;background-repeat:no-repeat;transition:background var(--oruga-transition-duration) var(--oruga-transition-timing);border-radius:var(--oruga-checkbox-border-radius, var(--oruga-base-border-radius));border-width:var(--oruga-checkbox-border-width, 2px);border-color:var(--oruga-checkbox-border-color, var(--oruga-primary));border-style:var(--oruga-checkbox-border-style, solid)}.o-chk__input--checked{background-color:var(--oruga-checkbox-active-background-color, var(--oruga-primary));border-color:var(--oruga-checkbox-active-background-color, var(--oruga-primary));background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk__input--indeterminate{background-color:var(--oruga-checkbox-active-background-color, var(--oruga-primary));border-color:var(--oruga-checkbox-active-background-color, var(--oruga-primary));background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk__label{padding:var(--oruga-checkbox-label-padding, 0 0 0 .5em)}.o-chk--disabled{opacity:var(--oruga-checkbox-disabled-opacity, var(--oruga-base-disabled-opacity))}.o-chk--small{font-size:var(--oruga-checkbox-font-size-small, .75rem)}.o-chk--small .o-chk__input{width:var(--oruga-checkbox-font-size-small, .75rem);height:var(--oruga-checkbox-font-size-small, .75rem)}.o-chk--medium{font-size:var(--oruga-checkbox-font-size-medium, 1.25rem)}.o-chk--medium .o-chk__input{width:var(--oruga-checkbox-font-size-medium, 1.25rem);height:var(--oruga-checkbox-font-size-medium, 1.25rem)}.o-chk--large{font-size:var(--oruga-checkbox-font-size-large, 1.5rem)}.o-chk--large .o-chk__input{width:var(--oruga-checkbox-font-size-large, 1.5rem);height:var(--oruga-checkbox-font-size-large, 1.5rem)}.o-chk--primary{--oruga-focus: rgba(68, 94, 0, .25)}.o-chk--primary .o-chk__input{border-color:var(--oruga-variant-primary, #445e00);background-color:var(--oruga-variant-primary, #445e00)}.o-chk--primary .o-chk__input--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--primary .o-chk__input--indeterminate{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--secondary{--oruga-focus: rgba(108, 117, 125, .25)}.o-chk--secondary .o-chk__input{border-color:var(--oruga-variant-secondary, #6c757d);background-color:var(--oruga-variant-secondary, #6c757d)}.o-chk--secondary .o-chk__input--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--secondary .o-chk__input--indeterminate{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--success{--oruga-focus: rgba(0, 103, 36, .25)}.o-chk--success .o-chk__input{border-color:var(--oruga-variant-success, #006724);background-color:var(--oruga-variant-success, #006724)}.o-chk--success .o-chk__input--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--success .o-chk__input--indeterminate{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--info{--oruga-focus: rgba(0, 92, 152, .25)}.o-chk--info .o-chk__input{border-color:var(--oruga-variant-info, #005c98);background-color:var(--oruga-variant-info, #005c98)}.o-chk--info .o-chk__input--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--info .o-chk__input--indeterminate{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--warning{--oruga-focus: rgba(244, 195, 0, .25)}.o-chk--warning .o-chk__input{border-color:var(--oruga-variant-warning, #f4c300);background-color:var(--oruga-variant-warning, #f4c300)}.o-chk--warning .o-chk__input--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23000000' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--warning .o-chk__input--indeterminate{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23000000' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--danger{--oruga-focus: rgba(182, 0, 0, .25)}.o-chk--danger .o-chk__input{border-color:var(--oruga-variant-danger, #b60000);background-color:var(--oruga-variant-danger, #b60000)}.o-chk--danger .o-chk__input--checked{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 234 225' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(3.13817,0,0,3.13817,-69.2796,-49.5156)'%3E%3Cpath style='fill:%23ffffff' d='M22.504,26.219L28.637,32.386L39.494,18.284L37.348,16.379L28,27.725L24.46,24.196L22.504,26.219Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk--danger .o-chk__input--indeterminate{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 417 417' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(4.16667,0,0,4.16667,0,0)'%3E%3Cg transform='matrix(6.96176,0,0,20.5682,-118.661,-806.753)'%3E%3Cpath style='fill:%23ffffff' d='M31.265,41.654C31.265,41.324 30.474,41.057 29.5,41.057L18.953,41.057C17.979,41.057 17.188,41.324 17.188,41.654C17.188,41.984 17.979,42.252 18.953,42.252L29.5,42.252C30.474,42.252 31.265,41.984 31.265,41.654Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.o-chk:focus .o-chk__input,.o-chk:focus-within .o-chk__input{box-shadow:0 0 0 .25rem var(--oruga-focus)}.o-clps{width:100%}.o-clps__trigger{cursor:pointer;display:inline-block}.o-clps__content{display:inherit}.o-dpck{font-size:var(--oruga-datepicker-font-size, var(--oruga-base-font-size))}.o-dpck--small{font-size:var(--oruga-datepicker-font-size-small, .75rem)}.o-dpck--medium{font-size:var(--oruga-datepicker-font-size-medium, 1.25rem)}.o-dpck--large{font-size:var(--oruga-datepicker-font-size-large, 1.5rem)}.o-dpck__dropdown{width:100%}.o-dpck__box{padding:var(--oruga-datepicker-box-padding, .5rem 1rem)}.o-dpck__header{padding:var(--oruga-datepicker-header-padding, .5rem 0);margin:var(--oruga-datepicker-header-margin, 0 0 .5rem 0);border-bottom:var(--oruga-datepicker-header-border-bottom, 1px solid var(--oruga-grey-lighter))}.o-dpck__header__buttons{align-items:center;display:flex;justify-content:center;text-align:center}.o-dpck__header__buttons--small{font-size:var(--oruga-datepicker-font-size-small, .75rem)}.o-dpck__header__buttons--medium{font-size:var(--oruga-datepicker-font-size-medium, 1.25rem)}.o-dpck__header__buttons--large{font-size:var(--oruga-datepicker-font-size-large, 1.5rem)}.o-dpck__header__previous{order:1}.o-dpck__header__next{order:3}.o-dpck__header__previous,.o-dpck__header__next{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;align-items:center;box-shadow:none;display:inline-flex;position:relative;vertical-align:top;line-height:var(--oruga-datepicker-btn-line-height, var(--oruga-base-line-height));background-color:var(--oruga-datepicker-btn-background-color, transparent);border:var(--oruga-datepicker-btn-border, 1px solid transparent);border-radius:var(--oruga-datepicker-btn-border-radius, var(--oruga-base-border-radius));border-color:var(--oruga-datepicker-btn-border-color, var(--oruga-grey-lighter));color:var(--oruga-datepicker-btn-color, #363636);min-width:var(--oruga-datepicker-btn-min-width, 2.25em);height:var(--oruga-datepicker-btn-height, 2.25em);padding:var(--oruga-datepicker-btn-padding, .5em .5em);margin:var(--oruga-datepicker-btn-margin, .25rem)}.o-dpck__header__previous:hover,.o-dpck__header__next:hover{text-decoration:none;border-color:var(--oruga-datepicker-btn-hover-border-color, var(--oruga-grey-light));color:var(--oruga-datepicker-btn-hover-color, #363636)}.o-dpck__header__list{order:2;align-items:center;display:flex;justify-content:center;text-align:center;list-style:none;flex-wrap:wrap;margin:0;padding:0;margin-left:-.125rem;margin-right:-.125rem}.o-dpck__header__list>*{margin-left:.125rem;margin-right:.125rem}.o-dpck__footer{padding:var(--oruga-datepicker-header-padding, .5rem .5rem 0 .5rem);margin:var(--oruga-datepicker-header-margin, .5rem 0);border-top:var(--oruga-datepicker-header-border-top, 1px solid var(--oruga-grey-lighter))}.o-dpck__table,.o-dpck__month{display:table;margin:0 auto}.o-dpck__table__head,.o-dpck__month__head{display:table-header-group;padding:var(--oruga-datepicker-table-head-padding, 0 0 .875rem 0);margin:var(--oruga-datepicker-table-head-margin, 0 0 .875rem 0);border-bottom:var(--oruga-datepicker-table-head-border-bottom, 1px solid var(--oruga-grey-lighter))}.o-dpck__table__body,.o-dpck__month__body{display:table-row-group}.o-dpck__table__row,.o-dpck__month__row{display:table-row}.o-dpck__table__head-cell,.o-dpck__month__head-cell{padding:var(--oruga-datepicker-table-head-item-padding, var(--oruga-grey));font-weight:var(--oruga-datepicker-table-head-item-font-weight, 600)}.o-dpck__table__cell,.o-dpck__month__cell{text-align:center;vertical-align:middle;display:table-cell;text-decoration:none;border-radius:var(--oruga-datepicker-item-border-radius, var(--oruga-base-border-radius));padding:var(--oruga-datepicker-item-padding, .5rem .75rem)}.o-dpck__table__cell--unselectable,.o-dpck__month__cell--unselectable{color:var(--oruga-datepicker-item-disabled-color, var(--oruga-grey-light))}.o-dpck__table__cell--today,.o-dpck__month__cell--today{border:var(--oruga-datepicker-item-today-border, solid 1px rgba(var(--oruga-primary), .5))}.o-dpck__table__cell--selectable,.o-dpck__month__cell--selectable{cursor:pointer;color:var(--oruga-datepicker-item-selectable-color, var(--oruga-grey-dark))}.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered{background-color:var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));color:var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));border-bottom-right-radius:var(--oruga-datepicker-item-selected-border-radius, 0);border-top-right-radius:var(--oruga-datepicker-item-selected-border-radius, 0)}.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered{background-color:var(--oruga-datepicker-item-hovered-within-background-color, rgb(from var(--oruga-grey) r g b/50%));color:var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));border-radius:var(--oruga-datepicker-item-selected-border-radius, 0)}.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered{background-color:var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));color:var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));border-bottom-left-radius:var(--oruga-datepicker-item-selected-border-radius, 0);border-top-left-radius:var(--oruga-datepicker-item-selected-border-radius, 0)}.o-dpck__table__cell--selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__month__cell--selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));color:var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert))}.o-dpck__table__cell--first-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__month__cell--first-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));color:var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));border-bottom-right-radius:var(--oruga-datepicker-item-selected-border-radius, 0);border-top-right-radius:var(--oruga-datepicker-item-selected-border-radius, 0)}.o-dpck__table__cell--within-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__month__cell--within-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-within-background-color, rgb(from var(--oruga-primary) r g b/50%));border-radius:var(--oruga-datepicker-item-selected-border-radius, 0)}.o-dpck__table__cell--last-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered),.o-dpck__month__cell--last-selected:not(.o-dpck__table__cell--first-hovered,.o-dpck__month__cell--first-hovered):not(.o-dpck__table__cell--within-hovered,.o-dpck__month__cell--within-hovered):not(.o-dpck__table__cell--last-hovered,.o-dpck__month__cell--last-hovered){background-color:var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));color:var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));border-bottom-left-radius:var(--oruga-datepicker-item-selected-border-radius, 0);border-top-left-radius:var(--oruga-datepicker-item-selected-border-radius, 0)}.o-dpck__table__cell--nearby:not(.o-dpck__table__cell--selected,.o-dpck__month__cell--selected),.o-dpck__month__cell--nearby:not(.o-dpck__table__cell--selected,.o-dpck__month__cell--selected){color:var(--oruga-datepicker-item-nearby-color, var(--oruga-grey-light))}.o-dpck__table__cell--invisible,.o-dpck__month__cell--invisible{visibility:hidden}.o-dpck__table__cell--events,.o-dpck__month__cell--events{position:relative;padding:var(--oruga-datepicker-events-item-padding, .3rem .75rem .75rem)}.o-dpck__table__events,.o-dpck__month__events{display:flex;justify-content:center;position:absolute;width:100%;left:0;bottom:15%}.o-dpck__table__event,.o-dpck__month__event{background-color:var(--oruga-datepicker-event-background-color, var(--oruga-grey-light))}.o-dpck__table__event--primary,.o-dpck__month__event--primary{background-color:#445e00;background-color:var(--oruga-variant-primary, #445e00)}.o-dpck__table__event--secondary,.o-dpck__month__event--secondary{background-color:#6c757d;background-color:var(--oruga-variant-secondary, #6c757d)}.o-dpck__table__event--success,.o-dpck__month__event--success{background-color:#006724;background-color:var(--oruga-variant-success, #006724)}.o-dpck__table__event--info,.o-dpck__month__event--info{background-color:#005c98;background-color:var(--oruga-variant-info, #005c98)}.o-dpck__table__event--warning,.o-dpck__month__event--warning{background-color:#f4c300;background-color:var(--oruga-variant-warning, #f4c300)}.o-dpck__table__event--danger,.o-dpck__month__event--danger{background-color:#b60000;background-color:var(--oruga-variant-danger, #b60000)}.o-dpck__table__event--dots,.o-dpck__month__event--dots{border-radius:50%;margin:var(--oruga-datepicker-event-dots-margin, 0 .1em);height:var(--oruga-datepicker-event-dots-size, .35em);width:var(--oruga-datepicker-event-dots-size, .35em)}.o-dpck__table__event--bars,.o-dpck__month__event--bars{height:var(--oruga-datepicker-event-bars-height, .25em);width:100%}.o-dpck__month__table{display:inline-flex;flex-wrap:wrap;flex-direction:row;width:17rem}.o-dpck__month__cell{display:flex;align-items:center;justify-content:center;width:33.33%;height:2.5rem}.o-dpck--expanded{width:100%;flex-grow:1}.o-dpck--mobile .o-dpck__header__previous{order:1;flex-grow:1;flex-shrink:1}.o-dpck--mobile .o-dpck__header__next{order:3;flex-grow:1;flex-shrink:1}.o-dpck--mobile .o-dpck__header__list{order:2;flex-grow:1;flex-shrink:1}.o-dpck--mobile .o-drop__menu{padding:0}.o-dtpck__time{display:flex;justify-content:center;align-items:center;--oruga-dropdown-menu-box-shadow: 0,0,0,0}.o-drop{display:inline-flex;position:relative;vertical-align:top}.o-drop__overlay{position:fixed;bottom:0;left:0;right:0;top:0;cursor:pointer;display:none;background-color:var(--oruga-dropdown-mobile-overlay-color, rgba(0, 0, 0, .86));z-index:var(--oruga-dropdown-mobile-overlay-zindex, 55)}.o-drop__trigger{width:100%}.o-drop__menu{position:absolute;display:block;min-width:var(--oruga-dropdown-menu-width, 12rem);z-index:var(--oruga-dropdown-menu-zindex, 50);background-color:var(--oruga-dropdown-menu-background, #ffffff);border-radius:var(--oruga-dropdown-menu-border-radius, var(--oruga-base-border-radius));box-shadow:var(--oruga-dropdown-menu-box-shadow, 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02));padding:var(--oruga-dropdown-menu-padding, .5rem 0 .5rem 0);margin:var(--oruga-dropdown-menu-margin, 0)}.o-drop__menu--bottom{left:50%;right:auto;top:calc(100% + var(--oruga-dropdown-menu-spacer, 0px));bottom:auto;transform:translate(-50%)}.o-drop__menu--top{left:50%;right:auto;top:auto;bottom:calc(100% + var(--oruga-dropdown-menu-spacer, 0px));transform:translate(-50%)}.o-drop__menu--left{right:calc(100% + var(--oruga-dropdown-menu-spacer, 0px));left:auto;top:50%;bottom:auto;transform:translateY(-50%)}.o-drop__menu--right{right:auto;left:calc(100% + var(--oruga-dropdown-menu-spacer, 0px));top:50%;bottom:auto;transform:translateY(-50%)}.o-drop__menu--top-right{right:0;left:auto;top:auto;bottom:calc(100% + var(--oruga-dropdown-menu-spacer, 0px))}.o-drop__menu--top-left{right:auto;left:0;top:auto;bottom:calc(100% + var(--oruga-dropdown-menu-spacer, 0px))}.o-drop__menu--bottom-right{right:0;left:auto;top:calc(100% + var(--oruga-dropdown-menu-spacer, 0px));bottom:auto}.o-drop__menu--bottom-left{right:auto;left:0;top:calc(100% + var(--oruga-dropdown-menu-spacer, 0px));bottom:auto}.o-drop__item{display:block;position:relative;color:var(--oruga-dropdown-item-color, #000000);font-size:var(--oruga-dropdown-item-font-size, var(--oruga-base-font-size));font-weight:var(--oruga-dropdown-item-font-weight, 400);line-height:var(--oruga-dropdown-item-line-height, var(--oruga-base-line-height));padding:var(--oruga-dropdown-item-padding, .375rem 1rem)}.o-drop__item--disabled{opacity:var(--oruga-dropdown-item-disabled-opacity, var(--oruga-base-disabled-opacity));pointer-events:none}.o-drop__item--active{background-color:var(--oruga-dropdown-item-active-background-color, var(--oruga-primary));color:var(--oruga-dropdown-item-active-color, var(--oruga-primary-invert))}.o-drop__item--clickable{cursor:pointer}.o-drop__item--clickable:not(.o-drop__item--active):hover{background-color:var(--oruga-dropdown-item-hover-background-color, #f5f5f5);color:var(--oruga-dropdown-item-hover-color, #000000)}.o-drop--inline{display:inline}.o-drop--inline .o-drop__menu{position:static;display:inline-block;padding:0}.o-drop--expanded,.o-drop--expanded .o-drop__menu{width:100%}.o-drop--disabled,.o-acp__item-group-title,.o-acp__item--empty{opacity:var(--oruga-dropdown-disabled-opacity, var(--oruga-base-disabled-opacity));pointer-events:none}.o-drop--modal:not(.o-drop--inline):not(.o-drop--hoverable)>.o-drop__menu{position:fixed;top:25%;left:50%;bottom:auto;right:auto;transform:translate3d(-50%,-25%,0);overflow-y:auto;width:var(--oruga-dropdown-mobile-width, calc(100vw - 40px) );max-width:var(--oruga-dropdown-mobile-max-width, 460px);max-height:var(--oruga-dropdown-mobile-max-height, calc(100vh - 120px) );z-index:var(--oruga-dropdown-mobile-zindex, 60)}.o-drop--modal:not(.o-drop--inline):not(.o-drop--hoverable)>.o-drop__overlay{display:block}.o-drop--teleport{width:unset}.o-field{flex-grow:1}.o-field:not(:last-child){margin-bottom:var(--oruga-field-margin-bottom, .75rem)}.o-field__label{display:block;color:var(--oruga-field-label-color, #363636);font-size:var(--oruga-base-font-size, 1rem);font-weight:var(--oruga-field-label-font-weight, 600)}.o-field__label-small{font-size:var(--oruga-field-font-size-small, .75rem)}.o-field__label-medium{font-size:var(--oruga-field-font-size-medium, 1.25rem)}.o-field__label-large{font-size:var(--oruga-field-font-size-large, 1.5rem)}.o-field__message{display:block;font-size:var(--oruga-field-message-font-size, .75rem);margin-top:var(--oruga-field-message-margin-top, .25rem)}.o-field__message-primary{color:var(--oruga-variant-primary, #445e00)}.o-field__message-secondary{color:var(--oruga-variant-secondary, #6c757d)}.o-field__message-success{color:var(--oruga-variant-success, #006724)}.o-field__message-info{color:var(--oruga-variant-info, #005c98)}.o-field__message-warning{color:var(--oruga-variant-warning, #f4c300)}.o-field__message-danger{color:var(--oruga-variant-danger, #b60000)}.o-field--addons{display:flex;justify-content:flex-start}.o-field--addons>button:first-child,.o-field--addons>*:first-child:not(:only-child) button,.o-field--addons>input:first-child,.o-field--addons>*:first-child:not(:only-child) input,.o-field--addons>select:first-child,.o-field--addons>*:first-child:not(:only-child) select{border-bottom-right-radius:0;border-top-right-radius:0}.o-field--addons>button:last-child,.o-field--addons>*:last-child:not(:only-child) button,.o-field--addons>input:last-child,.o-field--addons>*:last-child:not(:only-child) input,.o-field--addons>select:last-child,.o-field--addons>*:last-child:not(:only-child) select{border-bottom-left-radius:0;border-top-left-radius:0}.o-field--addons>*:not(:first-child):not(:last-child) button,.o-field--addons>button:not(:first-child):not(:last-child),.o-field--addons>*:not(:first-child):not(:last-child) input,.o-field--addons>input:not(:first-child):not(:last-child),.o-field--addons>*:not(:first-child):not(:last-child) select,.o-field--addons>select:not(:first-child):not(:last-child){border-radius:0}.o-field--grouped{display:flex;margin-left:-.37rem;margin-right:-.37rem}.o-field--grouped>*{margin-left:.37rem;margin-right:.37rem}.o-field--grouped-multiline{flex-wrap:wrap}.o-field--grouped-multiline:last-child{margin-bottom:var(--oruga-field-margin-bottom, .75rem)}.o-field__horizontal-body{display:flex;flex-basis:0;flex-grow:5;flex-shrink:1;margin-left:-.37rem;margin-right:-.37rem}.o-field__horizontal-body>*{margin-left:.37rem;margin-right:.37rem}.o-field--horizontal{display:flex}.o-field__horizontal-label{flex-basis:0;flex-grow:1;flex-shrink:0;margin:0 1.5rem 0 0;text-align:right}.o-field--mobile.o-field--horizontal,.o-field--mobile .o-field__horizontal-label,.o-field--mobile .o-field__horizontal-body{display:block;text-align:inherit}@keyframes icon-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.o-icon{align-items:center;display:inline-flex;justify-content:center;transition:transform .15s ease-out,opacity .3s ease-out}.o-icon--small{font-size:var(--oruga-icon-font-size-small, .75rem)}.o-icon--medium{font-size:var(--oruga-icon-font-size-medium, 1.25rem)}.o-icon--large{font-size:var(--oruga-icon-font-size-large, 1.5rem)}.o-icon--primary{color:var(--oruga-variant-primary, #445e00)}.o-icon--secondary{color:var(--oruga-variant-secondary, #6c757d)}.o-icon--success{color:var(--oruga-variant-success, #006724)}.o-icon--info{color:var(--oruga-variant-info, #005c98)}.o-icon--warning{color:var(--oruga-variant-warning, #f4c300)}.o-icon--danger{color:var(--oruga-variant-danger, #b60000)}.o-icon--clickable{pointer-events:auto;cursor:pointer}.o-icon--spin{animation-name:icon-spin;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--oruga-icon-spin-duration, 2s)}.o-input{-moz-appearance:none;-webkit-appearance:none;display:inline-flex;position:relative;vertical-align:top;box-shadow:var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, .1));background-color:var(--oruga-input-background-color, #ffffff);border-color:var(--oruga-input-border-color, var(--oruga-grey-lighter));border-style:var(--oruga-input-border-style, solid);border-width:var(--oruga-input-border-width, 1px);border-radius:var(--oruga-input-border-radius, var(--oruga-base-border-radius));color:var(--oruga-input-color, #363636);font-size:var(--oruga-base-font-size, 1rem);height:var(--oruga-input-height, 2.25em);line-height:var(--oruga-input-line-height, var(--oruga-base-line-height));padding:var(--oruga-input-padding, calc(.25em - 1px) calc(1em - 1px) );margin:var(--oruga-input-margin, 0)}.o-input__wrapper{display:inline-block;position:relative}.o-input__wrapper--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-input__wrapper--expanded .o-input{width:100%}.o-input__textarea{display:block;max-width:100%;min-width:100%;height:auto;resize:vertical;padding:var(--oruga-input-textarea-padding, .625em)}.o-input__textarea:not([rows]){max-height:var(--oruga-input-textarea-max-height, 600px);min-height:var(--oruga-input-textarea-min-height, 120px)}.o-input__counter{display:block;float:right;font-size:var(--oruga-input-counter-font-size, .75rem);margin:var(--oruga-input-counter-margin, .25rem 0 0 .5rem)}.o-input__icon-left,.o-input__icon-right{position:absolute;top:0;height:100%;width:var(--oruga-input-height, 2.25em);z-index:var(--oruga-input-icon-zindex, 4)}.o-input__icon-right{right:0}.o-input__icon-left{left:0}.o-input--iconspace-left{padding-left:var(--oruga-input-height, 2.25em)}.o-input--iconspace-right{padding-right:var(--oruga-input-height, 2.25em)}.o-input--rounded{border-radius:var(--oruga-input-rounded-border-radius, var(--oruga-base-border-radius-rounded))}.o-input--small{font-size:var(--oruga-input-font-size-small, .75rem)}.o-input--medium{font-size:var(--oruga-input-font-size-medium, 1.25rem)}.o-input--large{font-size:var(--oruga-input-font-size-large, 1.5rem)}.o-input--primary{--oruga-focus: rgba(68, 94, 0, .25);border-color:var(--oruga-variant-primary, #445e00)}.o-input--secondary{--oruga-focus: rgba(108, 117, 125, .25);border-color:var(--oruga-variant-secondary, #6c757d)}.o-input--success{--oruga-focus: rgba(0, 103, 36, .25);border-color:var(--oruga-variant-success, #006724)}.o-input--info{--oruga-focus: rgba(0, 92, 152, .25);border-color:var(--oruga-variant-info, #005c98)}.o-input--warning{--oruga-focus: rgba(244, 195, 0, .25);border-color:var(--oruga-variant-warning, #f4c300)}.o-input--danger{--oruga-focus: rgba(182, 0, 0, .25);border-color:var(--oruga-variant-danger, #b60000)}.o-input:focus,.o-input:focus-within{box-shadow:0 0 0 .25rem var(--oruga-focus)}.o-load{position:absolute;bottom:0;left:0;right:0;top:0;align-items:center;display:flex;justify-content:center;overflow:hidden;z-index:var(--oruga-loading-zindex, 29)}.o-load--fullpage{position:fixed;z-index:var(--oruga-loading-fullpage-zindex, 999)}.o-load__overlay{position:absolute;bottom:0;left:0;right:0;top:0;background:var(--oruga-loading-overlay-legacy, #7f7f7f);background:var(--oruga-loading-overlay, rgba(255, 255, 255, .5))}.o-menu--small{font-size:var(--oruga-menu-font-size-small, .75rem)}.o-menu--medium{font-size:var(--oruga-menu-font-size-medium, 1.25rem)}.o-menu--large{font-size:var(--oruga-menu-font-size-large, 1.5rem)}.o-menu__list,.o-menu__item{list-style:none}.o-menu__list{line-height:var(--oruga-menu-list-line-height, 1.25em)}.o-menu__item__submenu{border-left:var(--oruga-menu-list-border-left, 1px solid var(--oruga-primary));padding-left:var(--oruga-menu-nested-list-padding-left, .75em);margin:var(--oruga-menu-nested-list-margin, .75em)}.o-menu__label{text-transform:uppercase;color:var(--oruga-menu-label-color, #7a7a7a);font-size:var(--oruga-menu-label-font-size, .75em)}.o-menu__label:not(:first-child){margin-top:var(--oruga-menu-label-spacing, 1em)}.o-menu__label:not(:last-child){margin-bottom:var(--oruga-menu-label-spacing, 1em)}.o-menu__item__button{display:block;list-style:none;color:var(--oruga-menu-item-color, var(--oruga-grey-dark));padding:var(--oruga-menu-item-padding, .5em .75em);font-size:var(--oruga-menu-item-size, 1rem);border-radius:var(--oruga-menu-list-border-radius, var(--oruga-base-border-radius))}.o-menu__item__button:hover:not(.o-menu__item__button--active):not(.o-menu__item__button--disabled){color:var(--oruga-menu-item-hover-color, var(--oruga-black));background-color:var(--oruga-menu-item-hover-background-color, var(--oruga-grey-light))}.o-menu__item__button--icon .o-icon{margin-right:var(--oruga-menu-icon-spacer, .5rem)}.o-menu__item__button--active{color:var(--oruga-menu-item-active-color, var(--oruga-primary-invert));background-color:var(--oruga-menu-item-active-background-color, var(--oruga-primary))}.o-menu__item__button--disabled{color:var(--oruga-menu-item-disabled-color, var(--oruga-grey-light))}.o-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:fixed;bottom:0;left:0;right:0;top:0;z-index:var(--oruga-modal-zindex, 40)}.o-modal__overlay{bottom:0;left:0;position:absolute;right:0;top:0;background-color:var(--oruga-modal-overlay-background-color, hsla(0, 0%, 4%, .86))}.o-modal__content{overflow:auto;position:relative;margin:var(--oruga-modal-content-margin, 0 auto);max-height:var(--oruga-modal-content-max-height, calc(100vh - 160px) );background-color:var(--oruga-modal-content-background-color, var(--oruga-white));border-radius:var(--oruga-modal-content-border-radius, var(--oruga-base-border-radius))}.o-modal__content--full-screen{width:100%;height:100%;max-height:100vh;margin:0;background-color:var(--oruga-modal-content-fullscreen-background-color, #f5f5f5)}.o-modal__close{background:none;position:fixed;border:none;display:inline-block;vertical-align:top;border-radius:var(--oruga-modal-close-border-radius, var(--oruga-base-border-radius-rounded));right:var(--oruga-modal-close-right, 20px);top:var(--oruga-modal-close-top, 20px);height:var(--oruga-modal-close-size, 32px);width:var(--oruga-modal-close-size, 32px);color:var(--oruga-modal-close-color, var(--oruga-white))}.o-modal--mobile .o-modal__content{width:100%}.o-notification{position:relative;transform-origin:50% 0;background-color:var(--oruga-notification-background-color, var(--oruga-primary));color:var(--oruga-notification-color, var(--oruga-white));border-radius:var(--oruga-notification-border-radius, 4px);padding:var(--oruga-notification-padding, 1.75em 1.75em);margin-bottom:var(--oruga-notification-margin-bottom, 1.5rem)}.o-notification__content{flex-basis:auto;flex-grow:1;flex-shrink:1;text-align:inherit;overflow-y:hidden;overflow-x:auto}.o-notification__wrapper{align-items:flex-start;display:flex;text-align:inherit;padding-top:0;border:0}.o-notification__icon{flex-basis:auto;flex-grow:0;flex-shrink:0;margin-right:var(--oruga-notification-icon-margin-right, 1rem)}.o-notification__close{position:absolute;border:none;cursor:pointer;pointer-events:auto;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;vertical-align:top;background-color:var(--oruga-notification-close-background-color, hsla(0, 0%, 4%, .2));border-radius:var(--oruga-notification-close-border-radius, var(--oruga-base-border-radius-rounded));right:var(--oruga-notification-close-right, .5rem);top:var(--oruga-notification-close-top, .5rem);height:var(--oruga-notification-close-size, 20px);width:var(--oruga-notification-close-size, 20px);color:var(--oruga-notification-close-color, var(--oruga-white))}.o-notification--primary{border-color:transparent;background-color:var(--oruga-variant-primary, #445e00);color:var(--oruga-variant-invert-primary, #ffffff)}.o-notification--primary:hover{filter:brightness(97.5%)}.o-notification--secondary{border-color:transparent;background-color:var(--oruga-variant-secondary, #6c757d);color:var(--oruga-variant-invert-secondary, #ffffff)}.o-notification--secondary:hover{filter:brightness(97.5%)}.o-notification--success{border-color:transparent;background-color:var(--oruga-variant-success, #006724);color:var(--oruga-variant-invert-success, #ffffff)}.o-notification--success:hover{filter:brightness(97.5%)}.o-notification--info{border-color:transparent;background-color:var(--oruga-variant-info, #005c98);color:var(--oruga-variant-invert-info, #ffffff)}.o-notification--info:hover{filter:brightness(97.5%)}.o-notification--warning{border-color:transparent;background-color:var(--oruga-variant-warning, #f4c300);color:var(--oruga-variant-invert-warning, #000000)}.o-notification--warning:hover{filter:brightness(97.5%)}.o-notification--danger{border-color:transparent;background-color:var(--oruga-variant-danger, #b60000);color:var(--oruga-variant-invert-danger, #ffffff)}.o-notification--danger:hover{filter:brightness(97.5%)}.o-notices{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;padding:var(--oruga-notification-notices-padding, 2em);z-index:var(--oruga-notification-notices-zindex, 1000)}.o-notices .o-notification{pointer-events:stroke;max-width:600px;animation:var(--oruga-notification-animantion, append-animate .3s linear)}.o-notices .o-notification--top,.o-notices .o-notification--bottom{align-self:center}.o-notices .o-notification--top-right,.o-notices .o-notification--bottom-right{align-self:flex-end}.o-notices .o-notification--top-left,.o-notices .o-notification--bottom-left{align-self:flex-start}.o-notices--top{flex-direction:column}.o-notices--bottom{flex-direction:column-reverse}.o-notices--bottom .o-notification{margin-bottom:0}.o-notices--bottom .o-notification:not(:first-child){margin-bottom:1.5rem}.o-notices__custom-container{position:absolute}.o-pag{align-items:center;display:flex;text-align:center;justify-content:space-between;font-size:var(--oruga-base-font-size, 1rem);margin:var(--oruga-pagination-margin, -.25rem)}.o-pag--small{font-size:var(--oruga-pagination-font-size-small, .75rem)}.o-pag--medium{font-size:var(--oruga-pagination-font-size-medium, 1.25rem)}.o-pag--large{font-size:var(--oruga-pagination-font-size-large, 1.5rem)}.o-pag__btn{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-appearance:none;-webkit-appearance:none;align-items:center;box-shadow:none;display:inline-flex;position:relative;vertical-align:top;justify-content:center;text-align:center;text-decoration:none;cursor:pointer;line-height:var(--oruga-pagination-link-line-height, var(--oruga-base-line-height));border:var(--oruga-pagination-link-border, 1px solid transparent);border-radius:var(--oruga-pagination-link-border-radius, var(--oruga-base-border-radius));border-color:var(--oruga-pagination-link-border-color, var(--oruga-grey-lighter));color:var(--oruga-pagination-link-color, #363636);min-width:var(--oruga-pagination-link-min-width, 2.25em);height:var(--oruga-pagination-link-height, 2.25em);padding:var(--oruga-pagination-link-padding, .5em .5em);margin:var(--oruga-pagination-link-margin, .25rem)}.o-pag__btn:hover{text-decoration:none;border-color:var(--oruga-pagination-link-hover-border-color, var(--oruga-grey-light))}.o-pag__btn--rounded{border-radius:var(--oruga-pagination-rounded-border-radius, var(--oruga-base-border-radius-rounded))}.o-pag__btn--disabled{pointer-events:none;opacity:var(--oruga-pagination-disabled-opacity, var(--oruga-base-disabled-opacity))}.o-pag__btn--current{pointer-events:none;background-color:var(--oruga-pagination-link-current-background-color, var(--oruga-primary));border-color:var(--oruga-pagination-link-current-border-color, var(--oruga-primary));color:var(--oruga-pagination-link-current-color, #fff)}.o-pag__ellipsis{justify-content:center;text-align:center;pointer-events:none;margin:var(--oruga-pagination-link-margin, .25rem);color:var(--oruga-pagination-ellipsis-color, var(--oruga-grey-light))}.o-pag__btn-next{order:3}.o-pag__btn-previous{order:2}.o-pag__list{align-items:center;display:flex;text-align:center;list-style:none;flex-wrap:wrap;margin:0;padding:0;flex-grow:1;flex-shrink:1;justify-content:flex-start;order:1}.o-pag--simple{justify-content:normal}.o-pag--centered{justify-content:center}.o-pag--centered .o-pag__btn-previous{order:1}.o-pag--centered .o-pag__btn-next{order:3}.o-pag--centered .o-pag__list{justify-content:center;order:2}.o-pag--right{justify-content:flex-end}.o-pag--right .o-pag__btn-previous{order:1}.o-pag--right .o-pag__btn-next{order:2}.o-pag--right .o-pag__list{justify-content:flex-end;order:2}.o-pag--mobile{justify-content:flex-start;flex-wrap:wrap}.o-pag--mobile .o-pag__btn{flex-grow:1;flex-shrink:1}.o-pag--mobile .o-pag__btn-previous,.o-pag--mobile .o-pag__btn-next{flex-grow:1;flex-shrink:1;order:0}.o-pag--mobile .o-pag__ellipsis{flex-grow:1;flex-shrink:1}.o-pag--mobile .o-pag__list{order:0}.o-radio{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;align-items:center;cursor:pointer;line-height:var(--oruga-radio-line-height, 1.25);margin-right:var(--oruga-radio-margin-sibiling, .5em)}.o-radio__input{font-size:var(--oruga-radio-font-size, inherit);width:var(--oruga-radio-size, 1rem);height:var(--oruga-radio-size, 1rem);margin:0;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;cursor:pointer;box-shadow:var(--oruga-radio-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, .1));border-radius:50%;background:var(--oruga-radio-active-background-color, #445e00);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23000' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-image:none;background-position:center;background-size:contain;background-repeat:no-repeat;transition:background var(--oruga-transition-duration) var(--oruga-transition-timing)}.o-radio__input--checked{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23e11919' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3Ccircle cx='256' cy='256' r='144'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' fill='%23e11919' stroke='%23000' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M483 260c0-123-100-223-223-223S37 137 37 260s100 223 223 223S483 383 483 260Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:64px'%3E%3C/path%3E%3Ccircle cx='256' cy='256' r='144'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.o-radio__label{padding:var(--oruga-radio-label-padding, 0 0 0 .5em)}.o-radio--disabled{opacity:var(--oruga-radio-disabled-opacity, var(--oruga-base-disabled-opacity))}.o-radio--small{--oruga-radio-font-size: .75rem;--oruga-radio-size: .75rem}.o-radio--medium{--oruga-radio-font-size: 1.25rem;--oruga-radio-size: 1.25rem}.o-radio--large{--oruga-radio-font-size: 1.5rem;--oruga-radio-size: 1.5rem}.o-radio--primary{--oruga-focus: rgba(68, 94, 0, .25);--oruga-radio-active-background-color: #445e00}.o-radio--secondary{--oruga-focus: rgba(108, 117, 125, .25);--oruga-radio-active-background-color: #6c757d}.o-radio--success{--oruga-focus: rgba(0, 103, 36, .25);--oruga-radio-active-background-color: #006724}.o-radio--info{--oruga-focus: rgba(0, 92, 152, .25);--oruga-radio-active-background-color: #005c98}.o-radio--warning{--oruga-focus: rgba(244, 195, 0, .25);--oruga-radio-active-background-color: #f4c300}.o-radio--danger{--oruga-focus: rgba(182, 0, 0, .25);--oruga-radio-active-background-color: #b60000}.o-radio:focus .o-radio__input,.o-radio:focus-within .o-radio__input{box-shadow:0 0 0 .25rem var(--oruga-focus)}.o-ctrl-sel{display:inline-flex;position:relative}.o-ctrl-sel--expanded{width:100%;flex-grow:1}.o-ctrl-sel--expanded .o-sel{width:100%}.o-sel{-moz-appearance:none;-webkit-appearance:none;display:inline-block;position:relative;vertical-align:top;cursor:pointer;justify-content:flex-start;align-items:center;box-shadow:var(--oruga-select-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, .1));background-color:var(--oruga-select-background-color, #fff);border-color:var(--oruga-select-border-color, var(--oruga-grey-lighter));border-width:var(--oruga-select-border-width, 1px);border-style:var(--oruga-select-border-style, solid);border-radius:var(--oruga-select-border-radius, var(--oruga-base-border-radius));color:var(--oruga-select-color, #363636);font-size:var(--oruga-base-font-size, 1rem);height:var(--oruga-select-height, 2.25em);line-height:var(--oruga-select-line-height, var(--oruga-base-line-height));padding:var(--oruga-select-padding, calc(.25em - 1px) calc(1em - 1px) );margin:var(--oruga-select-margin, 0)}.o-sel-arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:serif='http://www.serif.com/' width='100%25' height='100%25' viewBox='0 0 100 100' version='1.1' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cg transform='matrix(5.70052,0,0,5.70052,-1329.79,-547.054)'%3E%3Cpath d='M233.451,101.749L235.617,99.422L242.013,105.565L248.463,99.422L250.642,101.749L242.013,110.052L233.451,101.749Z' style='fill:%23363636;stroke:white;stroke-width:0.18px;'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:var(--oruga-select-arrow-size, 1rem);background-position:calc(100% - var(--oruga-select-arrow-size, 1rem) * .5) center;padding-right:calc(var(--oruga-select-arrow-size, 1rem) * 2)}.o-sel-iconspace-left{padding-left:var(--oruga-select-height, 2.25em)}.o-sel-iconspace-right{padding-right:var(--oruga-select-height, 2.25em)}.o-sel--small{font-size:var(--oruga-select-font-size-small, .75rem)}.o-sel--medium{font-size:var(--oruga-select-font-size-medium, 1.25rem)}.o-sel--large{font-size:var(--oruga-select-font-size-large, 1.5rem)}.o-sel--primary{--oruga-focus: rgba(68, 94, 0, .25);border-color:var(--oruga-variant-primary, #445e00)}.o-sel--secondary{--oruga-focus: rgba(108, 117, 125, .25);border-color:var(--oruga-variant-secondary, #6c757d)}.o-sel--success{--oruga-focus: rgba(0, 103, 36, .25);border-color:var(--oruga-variant-success, #006724)}.o-sel--info{--oruga-focus: rgba(0, 92, 152, .25);border-color:var(--oruga-variant-info, #005c98)}.o-sel--warning{--oruga-focus: rgba(244, 195, 0, .25);border-color:var(--oruga-variant-warning, #f4c300)}.o-sel--danger{--oruga-focus: rgba(182, 0, 0, .25);border-color:var(--oruga-variant-danger, #b60000)}.o-sel--rounded{border-radius:var(--oruga-select-rounded-border-radius, var(--oruga-base-border-radius-rounded))}.o-sel--multiple{height:auto;padding:0}.o-sel--placeholder{opacity:var(--oruga-select-placeholder-opacity, var(--oruga-base-disabled-opacity))}.o-sel__icon-left,.o-sel__icon-right{position:absolute;top:0;height:100%;width:var(--oruga-select-height, 2.25em);z-index:var(--oruga-select-icon-zindex, 4)}.o-sel__icon-right{right:0}.o-sel__icon-left{left:0}.o-sel[disabled]{cursor:inherit}.o-sel:focus,.o-sel:focus-within{box-shadow:0 0 0 .25rem var(--oruga-focus)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.o-sklt{display:inline-flex;flex-direction:column;vertical-align:middle;width:100%}.o-sklt__item{width:100%;background:var(--oruga-skeleton-background, linear-gradient(90deg, #dbdbdb 25%, rgba(219, 219, 219, .5) 50%, #dbdbdb 75%));margin:var(--oruga-skeleton-margin, .5rem 0 0 0);line-height:var(--oruga-skeleton-font-size, 1rem)}.o-sklt__item--small{line-height:var(--oruga-skeleton-font-size-small, .75rem)}.o-sklt__item--medium{line-height:var(--oruga-skeleton-font-size-medium, 1.25rem)}.o-sklt__item--large{line-height:var(--oruga-skeleton-font-size-large, 1.5rem)}.o-sklt__item--rounded{border-radius:var(--oruga-skeleton-border-radius, var(--oruga-base-border-radius))}.o-sklt__item--animated{background-size:400% 100%;animation-name:skeleton-loading;animation-iteration-count:infinite;animation-duration:var(--oruga-skeleton-duration, 1.5s)}.o-sklt__item:after{content:" "}.o-sklt--centered{align-items:center}.o-sklt--right{align-items:flex-end;margin:var(--oruga-skeleton-margin, .5rem 0 0 0)}.o-side{position:fixed;top:0;left:0;height:100%;width:100%;display:none}.o-side__content{position:absolute;background-color:var(--oruga-sidebar-content-background-color, var(--oruga-grey-lighter));border-radius:var(--oruga-sidebar-border-radius, var(--oruga-base-border-radius));box-shadow:var(--oruga-sidebar-box-shadow, 5px 0px 13px 3px rgba(var(--oruga-black), .1))}.o-side__content--primary{background-color:var(--oruga-variant-primary),#445e00}.o-side__content--secondary{background-color:var(--oruga-variant-secondary),#6c757d}.o-side__content--success{background-color:var(--oruga-variant-success),#006724}.o-side__content--info{background-color:var(--oruga-variant-info),#005c98}.o-side__content--warning{background-color:var(--oruga-variant-warning),#f4c300}.o-side__content--danger{background-color:var(--oruga-variant-danger),#b60000}.o-side__content--right,.o-side__content--left{transition:width var(--oruga-transition-duration) var(--oruga-transition-timing);width:var(--oruga-sidebar-width, 260px)}.o-side__content--top,.o-side__content--bottom{transition:height var(--oruga-transition-duration) var(--oruga-transition-timing);height:var(--oruga-sidebar-width, 260px)}.o-side__content--right{left:auto;right:0;border-left:var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, .175))}.o-side__content--left{left:0;right:auto;border-right:var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, .175))}.o-side__content--top{top:0;bottom:auto;border-bottom:var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, .175))}.o-side__content--bottom{top:auto;bottom:0;border-top:var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, .175))}.o-side__content--reduced{width:var(--oruga-sidebar-reduced-width, 80px)}.o-side__content--reduced-expand:hover{transition:width var(--oruga-transition-duration) var(--oruga-transition-timing);width:var(--oruga-sidebar-width, 260px)}.o-side__content--fullwidth{width:100%;max-width:100%}.o-side__content--fullheight{height:100%;max-height:100%}.o-side__overlay{position:absolute;bottom:0;left:0;right:0;top:0;background:var(--oruga-sidebar-overlay, hsla(0, 0%, 4%, .86))}.o-side--active{display:block}.o-side--inline{position:relative}.o-side--inline .o-side__overlay{position:absolute}.o-side--inline .o-side__content{position:relative}.o-side:not(.o-side--inline){z-index:var(--oruga-sidebar-zindex, 100)}.o-slide{width:100%;margin:var(--oruga-slider-margin, 1em 0);background:var(--oruga-slider-background, transparent)}.o-slide__thumb{box-shadow:var(--oruga-slider-thumb-shadow, none);border:var(--oruga-slider-thumb-border, 1px solid var(--oruga-grey-light));border-radius:var(--oruga-slider-thumb-radius, var(--oruga-base-border-radius));background:var(--oruga-slider-thumb-background, var(--oruga-white))}.o-slide__thumb:focus{transform:var(--oruga-slider-thumb-transform, scale(1.25))}.o-slide__thumb--rounded{border-radius:var(--oruga-slider-rounded-borded-radius, var(--oruga-base-border-radius-rounded))}.o-slide__thumb--dragging{cursor:grabbing;filter:brightness(.8)}.o-slide__track{display:flex;align-items:center;position:relative;cursor:pointer;background:var(--oruga-slider-track-background, var(--oruga-grey-lighter));border-radius:var(--oruga-slider-track-border-radius, var(--oruga-base-border-radius))}.o-slide__fill{position:absolute;height:100%;box-shadow:var(--oruga-slider-track-shadow, 0px 0px 0px var(--oruga-grey));background:var(--oruga-slider-fill-background, var(--oruga-primary));border-radius:var(--oruga-slider-track-radius, var(--oruga-base-border-radius));border:var(--oruga-slider-track-border, 0px solid var(--oruga-grey));top:50%;transform:translateY(-50%)}.o-slide__fill--primary{background:var(--oruga-variant-primary, #445e00)}.o-slide__fill--primary+.o-slide__thumb-wrapper{--oruga-focus: rgba(68, 94, 0, .25)}.o-slide__fill--secondary{background:var(--oruga-variant-secondary, #6c757d)}.o-slide__fill--secondary+.o-slide__thumb-wrapper{--oruga-focus: rgba(108, 117, 125, .25)}.o-slide__fill--success{background:var(--oruga-variant-success, #006724)}.o-slide__fill--success+.o-slide__thumb-wrapper{--oruga-focus: rgba(0, 103, 36, .25)}.o-slide__fill--info{background:var(--oruga-variant-info, #005c98)}.o-slide__fill--info+.o-slide__thumb-wrapper{--oruga-focus: rgba(0, 92, 152, .25)}.o-slide__fill--warning{background:var(--oruga-variant-warning, #f4c300)}.o-slide__fill--warning+.o-slide__thumb-wrapper{--oruga-focus: rgba(244, 195, 0, .25)}.o-slide__fill--danger{background:var(--oruga-variant-danger, #b60000)}.o-slide__fill--danger+.o-slide__thumb-wrapper{--oruga-focus: rgba(182, 0, 0, .25)}.o-slide .o-slide__track{height:var(--oruga-slider-track-height, calc(var(--oruga-base-font-size) / 2))}.o-slide .o-slide__thumb{height:var(--oruga-slider-thumb-size, var(--oruga-base-font-size));width:var(--oruga-slider-thumb-size, var(--oruga-base-font-size))}.o-slide .o-slide__tick{height:var(--oruga-slider-tick-height, calc(var(--oruga-base-font-size) / 2 * .5))}.o-slide .o-slide__tick-label{font-size:var(--oruga-slider-mark-size, .75rem);top:calc(var(--oruga-slider-tick-label-top, calc(var(--oruga-base-font-size) / 2)) * .5 + 2px);position:absolute;left:50%;transform:translate(-50%)}.o-slide--small .o-slide__track{height:var(--oruga-slider-track-height-small, .375rem)}.o-slide--small .o-slide__thumb{height:var(--oruga-slider-thumb-size-small, .75rem);width:var(--oruga-slider-thumb-size-small, .75rem)}.o-slide--small .o-slide__tick{height:var(--oruga-slider-tick-height-small, .1875rem)}.o-slide--small .o-slide__tick-label{font-size:var(--oruga-slider-mark-size-small, .75rem);top:calc(var(--oruga-slider-tick-label-top-small, .375rem) * .5 + 2px);position:absolute;left:50%;transform:translate(-50%)}.o-slide--medium .o-slide__track{height:var(--oruga-slider-track-height-medium, .625rem)}.o-slide--medium .o-slide__thumb{height:var(--oruga-slider-thumb-size-medium, 1.25rem);width:var(--oruga-slider-thumb-size-medium, 1.25rem)}.o-slide--medium .o-slide__tick{height:var(--oruga-slider-tick-height-medium, .3125rem)}.o-slide--medium .o-slide__tick-label{font-size:var(--oruga-slider-mark-size-medium, .75rem);top:calc(var(--oruga-slider-tick-label-top-medium, .625rem) * .5 + 2px);position:absolute;left:50%;transform:translate(-50%)}.o-slide--large .o-slide__track{height:var(--oruga-slider-track-height-large, .75rem)}.o-slide--large .o-slide__thumb{height:var(--oruga-slider-thumb-size-large, 1.5rem);width:var(--oruga-slider-thumb-size-large, 1.5rem)}.o-slide--large .o-slide__tick{height:var(--oruga-slider-tick-height-large, .375rem)}.o-slide--large .o-slide__tick-label{font-size:var(--oruga-slider-mark-size-large, .75rem);top:calc(var(--oruga-slider-tick-label-top-large, .75rem) * .5 + 2px);position:absolute;left:50%;transform:translate(-50%)}.o-slide__tick{position:absolute;transform:translate(-50%,-50%);top:50%;width:var(--oruga-slider-tick-width, 3px);background:var(--oruga-slider-tick-background, var(--oruga-primary));border-radius:var(--oruga-slider-tick-radius, var(--oruga-base-border-radius))}.o-slide__tick--hidden{background:transparent}.o-slide__thumb-wrapper{display:inline-flex;align-items:center;position:absolute;cursor:grab;transform:translate(-50%,-50%);top:50%;flex-direction:column}.o-slide--disabled{cursor:not-allowed;pointer-events:none;opacity:var(--oruga-slider-track-disabled, .5)}.o-slide:active .o-slide__thumb,.o-slide:focus .o-slide__thumb,.o-slide:focus-within .o-slide__thumb{box-shadow:0 0 0 .25rem var(--oruga-focus)}.o-steps{font-size:var(--oruga-steps-size, var(--oruga-base-font-size));min-height:calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2)}.o-steps .o-steps__divider{height:var(--oruga-steps-divider-height, .2em);top:var(--oruga-steps-size, var(--oruga-base-font-size))}.o-steps .o-steps__marker{height:calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);width:calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2)}.o-steps .o-steps__step-label{font-size:calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 1.2);line-height:var(--oruga-steps-size, var(--oruga-base-font-size))}.o-steps--small{font-size:var(--oruga-size-small, .75rem);min-height:calc(var(--oruga-size-small, .75rem) * 2)}.o-steps--small .o-steps__divider{height:var(--oruga-steps-divider-height, .2em);top:var(--oruga-size-small, .75rem)}.o-steps--small .o-steps__marker{height:calc(var(--oruga-size-small, .75rem) * 2);width:calc(var(--oruga-size-small, .75rem) * 2)}.o-steps--small .o-steps__step-label{font-size:calc(var(--oruga-size-small, .75rem) * 1.2);line-height:var(--oruga-size-small, .75rem)}.o-steps--medium{font-size:var(--oruga-size-medium, 1.25rem);min-height:calc(var(--oruga-size-medium, 1.25rem) * 2)}.o-steps--medium .o-steps__divider{height:var(--oruga-steps-divider-height, .2em);top:var(--oruga-size-medium, 1.25rem)}.o-steps--medium .o-steps__marker{height:calc(var(--oruga-size-medium, 1.25rem) * 2);width:calc(var(--oruga-size-medium, 1.25rem) * 2)}.o-steps--medium .o-steps__step-label{font-size:calc(var(--oruga-size-medium, 1.25rem) * 1.2);line-height:var(--oruga-size-medium, 1.25rem)}.o-steps--large{font-size:var(--oruga-size-large, 1.5rem);min-height:calc(var(--oruga-size-large, 1.5rem) * 2)}.o-steps--large .o-steps__divider{height:var(--oruga-steps-divider-height, .2em);top:var(--oruga-size-large, 1.5rem)}.o-steps--large .o-steps__marker{height:calc(var(--oruga-size-large, 1.5rem) * 2);width:calc(var(--oruga-size-large, 1.5rem) * 2)}.o-steps--large .o-steps__step-label{font-size:calc(var(--oruga-size-large, 1.5rem) * 1.2);line-height:var(--oruga-size-large, 1.5rem)}.o-steps__nav{display:flex;flex-wrap:wrap;margin:0;padding:0}.o-steps__nav-item{position:relative;display:flex;flex-grow:1;flex-basis:1em;justify-content:center;list-style:none;margin:0;padding:0;line-height:var(--oruga-steps-item-line-height, var(--oruga-base-line-height))}.o-steps__nav-item--primary.o-steps__nav-item--active .o-steps__marker{background-color:var(--oruga-variant-invert-primary, #ffffff);border-color:var(--oruga-variant-primary, #445e00);color:var(--oruga-variant-primary, #445e00)}.o-steps__nav-item--primary.o-steps__nav-item--active .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-primary, #445e00) 50%);background-size:200% 100%}.o-steps__nav-item--primary.o-steps__nav-item--previous .o-steps__marker{color:var(--oruga-variant-invert-primary, #ffffff);background-color:var(--oruga-variant-primary, #445e00)}.o-steps__nav-item--primary.o-steps__nav-item--previous .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-primary, #445e00) 50%);background-size:200% 100%}.o-steps__nav-item--secondary.o-steps__nav-item--active .o-steps__marker{background-color:var(--oruga-variant-invert-secondary, #ffffff);border-color:var(--oruga-variant-secondary, #6c757d);color:var(--oruga-variant-secondary, #6c757d)}.o-steps__nav-item--secondary.o-steps__nav-item--active .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-secondary, #6c757d) 50%);background-size:200% 100%}.o-steps__nav-item--secondary.o-steps__nav-item--previous .o-steps__marker{color:var(--oruga-variant-invert-secondary, #ffffff);background-color:var(--oruga-variant-secondary, #6c757d)}.o-steps__nav-item--secondary.o-steps__nav-item--previous .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-secondary, #6c757d) 50%);background-size:200% 100%}.o-steps__nav-item--success.o-steps__nav-item--active .o-steps__marker{background-color:var(--oruga-variant-invert-success, #ffffff);border-color:var(--oruga-variant-success, #006724);color:var(--oruga-variant-success, #006724)}.o-steps__nav-item--success.o-steps__nav-item--active .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-success, #006724) 50%);background-size:200% 100%}.o-steps__nav-item--success.o-steps__nav-item--previous .o-steps__marker{color:var(--oruga-variant-invert-success, #ffffff);background-color:var(--oruga-variant-success, #006724)}.o-steps__nav-item--success.o-steps__nav-item--previous .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-success, #006724) 50%);background-size:200% 100%}.o-steps__nav-item--info.o-steps__nav-item--active .o-steps__marker{background-color:var(--oruga-variant-invert-info, #ffffff);border-color:var(--oruga-variant-info, #005c98);color:var(--oruga-variant-info, #005c98)}.o-steps__nav-item--info.o-steps__nav-item--active .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-info, #005c98) 50%);background-size:200% 100%}.o-steps__nav-item--info.o-steps__nav-item--previous .o-steps__marker{color:var(--oruga-variant-invert-info, #ffffff);background-color:var(--oruga-variant-info, #005c98)}.o-steps__nav-item--info.o-steps__nav-item--previous .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-info, #005c98) 50%);background-size:200% 100%}.o-steps__nav-item--warning.o-steps__nav-item--active .o-steps__marker{background-color:var(--oruga-variant-invert-warning, #000000);border-color:var(--oruga-variant-warning, #f4c300);color:var(--oruga-variant-warning, #f4c300)}.o-steps__nav-item--warning.o-steps__nav-item--active .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-warning, #f4c300) 50%);background-size:200% 100%}.o-steps__nav-item--warning.o-steps__nav-item--previous .o-steps__marker{color:var(--oruga-variant-invert-warning, #000000);background-color:var(--oruga-variant-warning, #f4c300)}.o-steps__nav-item--warning.o-steps__nav-item--previous .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-warning, #f4c300) 50%);background-size:200% 100%}.o-steps__nav-item--danger.o-steps__nav-item--active .o-steps__marker{background-color:var(--oruga-variant-invert-danger, #ffffff);border-color:var(--oruga-variant-danger, #b60000);color:var(--oruga-variant-danger, #b60000)}.o-steps__nav-item--danger.o-steps__nav-item--active .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-danger, #b60000) 50%);background-size:200% 100%}.o-steps__nav-item--danger.o-steps__nav-item--previous .o-steps__marker{color:var(--oruga-variant-invert-danger, #ffffff);background-color:var(--oruga-variant-danger, #b60000)}.o-steps__nav-item--danger.o-steps__nav-item--previous .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-danger, #b60000) 50%);background-size:200% 100%}.o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color, var(--oruga-primary)) 50%);background-size:200% 100%;background-position:right bottom;content:" ";display:block;position:absolute;bottom:0;left:-50%;width:100%}.o-steps__content{position:relative;overflow:visible;display:flex;flex-direction:column;margin-top:var(--oruga-steps-content-spacer, 1rem)}.o-steps__content-transitioning{overflow:hidden}.o-steps__content:not(:has(.o-steps__panel:empty)){padding:var(--oruga-steps-content-padding, 1rem)}.o-steps--animated .o-steps__divider{transition:background var(--oruga-transition-duration) var(--oruga-transition-timing)}.o-steps__step{display:flex;align-items:center;justify-content:center;flex-direction:column;background:transparent;border:transparent;cursor:pointer;text-decoration:none;color:var(--oruga-steps-link-color, hsl(0, 0%, 29%))}.o-steps__step-label-right{flex-direction:row}.o-steps__step-label-left{flex-direction:row-reverse}.o-steps__step:hover{text-decoration:none}.o-steps__step:not(.o-steps__step-clickable){cursor:not-allowed}.o-steps__step-label{text-align:center;z-index:1;background-color:var(--oruga-steps-title-background-color, hsl(0, 0%, 100%));padding:var(--oruga-steps-title-padding, .2em);font-weight:var(--oruga-steps-title-font-weight, 500)}.o-steps__marker{align-items:center;display:flex;justify-content:center;overflow:hidden;z-index:1;font-weight:var(--oruga-steps-marker-font-weight, 700);background:var(--oruga-steps-marker-background, var(--oruga-grey-light));color:var(--oruga-steps-marker-color, var(--oruga-primary-invert));border:var(--oruga-steps-marker-border, .2em solid #fff)}.o-steps__marker--rounded{border-radius:var(--oruga-steps-marker-rounded-border-radius, var(--oruga-base-border-radius-rounded))}.o-steps__nav-item--active .o-steps__link{cursor:default}.o-steps__nav-item--active .o-steps__marker{background-color:var(--oruga-steps-marker-color, var(--oruga-primary-invert));border-color:var(--oruga-steps-active-color, var(--oruga-primary));color:var(--oruga-steps-active-color, var(--oruga-primary))}.o-steps__nav-item--active .o-steps__divider{background-position:left bottom}.o-steps__nav-item--previous .o-steps__marker{color:var(--oruga-steps-marker-color, var(--oruga-primary-invert));background-color:var(--oruga-steps-previous-color, var(--oruga-primary))}.o-steps__nav-item--previous .o-steps__divider{background-position:left bottom}.o-steps__item{flex-shrink:0;flex-basis:auto}.o-steps--vertical,.o-steps--mobile{display:flex;flex-direction:row;flex-wrap:wrap}.o-steps--vertical .o-steps__nav,.o-steps--mobile .o-steps__nav{height:100%;flex-direction:column}.o-steps--vertical .o-steps__nav-item,.o-steps--mobile .o-steps__nav-item{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--oruga-steps-vertical-padding, 1em 0)}.o-steps--vertical .o-steps__nav-item--primary .o-steps__divider,.o-steps--mobile .o-steps__nav-item--primary .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-primary, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-primary, #445e00) 50%);background-size:100% 200%;background-position:left bottom}.o-steps--vertical .o-steps__nav-item--secondary .o-steps__divider,.o-steps--mobile .o-steps__nav-item--secondary .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-secondary, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-secondary, #6c757d) 50%);background-size:100% 200%;background-position:left bottom}.o-steps--vertical .o-steps__nav-item--success .o-steps__divider,.o-steps--mobile .o-steps__nav-item--success .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-success, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-success, #006724) 50%);background-size:100% 200%;background-position:left bottom}.o-steps--vertical .o-steps__nav-item--info .o-steps__divider,.o-steps--mobile .o-steps__nav-item--info .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-info, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-info, #005c98) 50%);background-size:100% 200%;background-position:left bottom}.o-steps--vertical .o-steps__nav-item--warning .o-steps__divider,.o-steps--mobile .o-steps__nav-item--warning .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-warning, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-warning, #f4c300) 50%);background-size:100% 200%;background-position:left bottom}.o-steps--vertical .o-steps__nav-item--danger .o-steps__divider,.o-steps--mobile .o-steps__nav-item--danger .o-steps__divider{background:linear-gradient(to left,var(--oruga-steps-divider-color-bg-danger, var(--oruga-grey-lighter)) 50%,var(--oruga-steps-divider-color-danger, #b60000) 50%);background-size:100% 200%;background-position:left bottom}.o-steps--vertical .o-steps__divider,.o-steps--mobile .o-steps__divider{height:100%;width:var(--oruga-steps-divider-height, .2em);top:-50%;left:calc(50% - .1em)}.o-steps--vertical .o-steps__item--active .o-steps__divider,.o-steps--mobile .o-steps__item--active .o-steps__divider,.o-steps--vertical .o-steps__item--previous .o-steps__divider,.o-steps--mobile .o-steps__item--previous .o-steps__divider{background-position:right top}.o-steps--vertical .o-steps__content,.o-steps--mobile .o-steps__content{flex-grow:1;flex-basis:70%}.o-steps--vertical .o-steps__navigation,.o-steps--mobile .o-steps__navigation{flex-basis:100%}.o-steps--vertical.o-steps-position-right,.o-steps-position-right.o-steps--mobile{flex-direction:row-reverse}.o-steps--mobile .o-steps__step-label{display:none;padding:0}.o-switch{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center;position:relative;border-radius:50rem}.o-switch--small{font-size:var(--oruga-font-size-name, .75rem)}.o-switch--medium{font-size:var(--oruga-font-size-name, 1.25rem)}.o-switch--large{font-size:var(--oruga-font-size-name, 1.5rem)}.o-switch--primary{--oruga-focus: rgba(68, 94, 0, .25)}.o-switch--primary .o-switch__check--checked{background:var(--oruga-variant-primary, #445e00)}.o-switch--primary-passive{--oruga-focus: rgba(68, 94, 0, .25)}.o-switch--primary-passive .o-switch__check:not(.o-switch__check--checked){background:var(--oruga-variant-primary, #445e00)}.o-switch--secondary{--oruga-focus: rgba(108, 117, 125, .25)}.o-switch--secondary .o-switch__check--checked{background:var(--oruga-variant-secondary, #6c757d)}.o-switch--secondary-passive{--oruga-focus: rgba(108, 117, 125, .25)}.o-switch--secondary-passive .o-switch__check:not(.o-switch__check--checked){background:var(--oruga-variant-secondary, #6c757d)}.o-switch--success{--oruga-focus: rgba(0, 103, 36, .25)}.o-switch--success .o-switch__check--checked{background:var(--oruga-variant-success, #006724)}.o-switch--success-passive{--oruga-focus: rgba(0, 103, 36, .25)}.o-switch--success-passive .o-switch__check:not(.o-switch__check--checked){background:var(--oruga-variant-success, #006724)}.o-switch--info{--oruga-focus: rgba(0, 92, 152, .25)}.o-switch--info .o-switch__check--checked{background:var(--oruga-variant-info, #005c98)}.o-switch--info-passive{--oruga-focus: rgba(0, 92, 152, .25)}.o-switch--info-passive .o-switch__check:not(.o-switch__check--checked){background:var(--oruga-variant-info, #005c98)}.o-switch--warning{--oruga-focus: rgba(244, 195, 0, .25)}.o-switch--warning .o-switch__check--checked{background:var(--oruga-variant-warning, #f4c300)}.o-switch--warning-passive{--oruga-focus: rgba(244, 195, 0, .25)}.o-switch--warning-passive .o-switch__check:not(.o-switch__check--checked){background:var(--oruga-variant-warning, #f4c300)}.o-switch--danger{--oruga-focus: rgba(182, 0, 0, .25)}.o-switch--danger .o-switch__check--checked{background:var(--oruga-variant-danger, #b60000)}.o-switch--danger-passive{--oruga-focus: rgba(182, 0, 0, .25)}.o-switch--danger-passive .o-switch__check:not(.o-switch__check--checked){background:var(--oruga-variant-danger, #b60000)}.o-switch__label{margin-left:var(--oruga-switch-margin-label, .5em)}.o-switch--left{flex-direction:row-reverse}.o-switch--left .o-switch__label{margin-left:0;margin-right:var(--oruga-switch-margin-label, .5em)}.o-switch__check-switch{content:"";display:block;height:calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, .2em) * 2) * .5);width:calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, .2em) * 2) * .5);background:var(--oruga-switch-action-background, #f5f5f5);box-shadow:var(--oruga-switch-box-shadow, 0 3px 1px 0 rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 3px 3px 0 rgba(0, 0, 0, .05));transition:transform var(--oruga-transition-duration) var(--oruga-transition-timing);will-change:transform;transform-origin:left}.o-switch__check{display:flex;align-items:center;flex-shrink:0;width:var(--oruga-switch-width, 2.75em);height:calc(var(--oruga-switch-width, 2.75em) * .5 + var(--oruga-switch-padding, .2em));padding:var(--oruga-switch-padding, .2em);background:var(--oruga-switch-background, var(--oruga-grey-light));border-radius:var(--oruga-switch-border-radius, var(--oruga-base-border-radius));transition:background var(--oruga-transition-duration) var(--oruga-transition-timing)}.o-switch__check--checked{background:var(--oruga-switch-active-background-color, var(--oruga-primary))}.o-switch__check--checked .o-switch__check-switch{transform:translate3d(100%,0,0)}.o-switch__input{position:absolute;left:0;opacity:0;z-index:-1}.o-switch--rounded{border-radius:var(--oruga-switch-rounded-border-radius, var(--oruga-base-border-radius-rounded))}.o-switch--disabled{opacity:var(--oruga-switch-disabled-opacity, var(--oruga-base-disabled-opacity))}.o-switch:focus .o-switch__check,.o-switch:focus-within .o-switch__check{box-shadow:0 0 0 .25rem var(--oruga-focus)}.o-table{display:table;width:100%;border-collapse:separate;border-spacing:0;border:var(--oruga-table-boder, 1px solid transparent);border-radius:var(--oruga-table-border-radius, var(--oruga-base-border-radius));background-color:var(--oruga-table-background-color, #fff);color:var(--oruga-table-color, black)}.o-table__root{position:relative}.o-table__wrapper{transition:opacity .3s ease-out;position:relative}.o-table__wrapper--sticky-header{height:var(--oruga-table-sticky-header-height, 300px);overflow-y:auto}.o-table__wrapper--sticky-header th{position:-webkit-sticky;position:sticky;left:0;top:0;background:var(--oruga-table-background-color, #fff);z-index:calc(var(--oruga-table-sticky-zindex, 1) + 1)}.o-table__wrapper--scrollable{-webkit-overflow-scrolling:touch;overflow-x:auto;max-width:100%}.o-table__wrapper--mobile{overflow-x:auto}.o-table__wrapper--mobile .o-table__mobile-sort{display:block}.o-table__wrapper--mobile .o-table{background-color:transparent}.o-table__wrapper--mobile thead tr{box-shadow:none;border-width:0}.o-table__wrapper--mobile thead tr th{display:none}.o-table__wrapper--mobile thead tr .o-table-th-checkbox{display:block;width:100%;text-align:right;border:0}.o-table__wrapper--mobile tfoot th{border:0;display:inherit}.o-table__wrapper--mobile tr{box-shadow:var(--oruga-table-card-box-shadow, 0 2px 3px rgba(var(--oruga-black), .1), 0 0 0 1px rgba(var(--oruga-black), .1));max-width:100%;position:relative;display:block}.o-table__wrapper--mobile tr td{border:0;display:inherit}.o-table__wrapper--mobile tr td:last-child{border-bottom:0}.o-table__wrapper--mobile tr:not(:last-child){margin:var(--oruga-table-card-margin, 0 0 1rem 0)}.o-table__wrapper--mobile tr:not(.o-table__tr--selected){background:inherit;background:#fff}.o-table__wrapper--mobile tr:not(.o-table__tr--selected):hover{background-color:inherit;background-color:#fff}.o-table__wrapper--mobile tr.o-table--detailed{margin:var(--oruga-table-card-detail-margin, -1rem 0 0 0)}.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td{display:flex;width:auto;justify-content:space-between;text-align:right;border-bottom:var(--oruga-table-background, #f5f5f5 1px solid)}.o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td:before{content:attr(data-label);font-weight:var(--oruga-table-card-cell-font-weight, 600);padding-right:var(--oruga-table-card-cell-padding, 0 .5em 0 0);text-align:var(--oruga-table-card-cell-text-align, left)}.o-table__mobile-sort{display:none}.o-table__th{vertical-align:top;text-align:left;position:relative;font-weight:var(--oruga-table-th-font-weight, 600);color:var(--oruga-table-th-color, #363636);border-bottom:var(--oruga-table-th-border, 2px solid var(--oruga-grey-lighter));padding:var(--oruga-table-th-padding, .5em .75em)}.o-table__th--centered{text-align:center}.o-table__th--right{text-align:right}.o-table__th__sort-icon{position:absolute;right:0}.o-table__th-checkbox{width:var(--oruga-table-th-checkbox-width, 40px)}.o-table__th-current-sort{border-color:var(--oruga-table-current-sort-border-color, var(--oruga-grey));font-weight:var(--oruga-table-current-sort-font-weight, 700)}.o-table__th--sortable{cursor:pointer}.o-table__th--sortable:hover{border-color:var(--oruga-table-current-sort-hover-border-color, var(--oruga-grey))}.o-table__th--sticky{position:-webkit-sticky;position:sticky;left:0;top:0;z-index:var(--oruga-table-sticky-zindex, 1);background:var(--oruga-table-background-color, #fff)}.o-table__th--unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.o-table__th--detailed{width:var(--oruga-table-th-detail-width, 14px)}.o-table__td{vertical-align:top;text-align:left;border-bottom:var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));padding:var(--oruga-table-td-padding, .5em .75em)}.o-table__td--sticky{position:-webkit-sticky;position:sticky;left:0;z-index:var(--oruga-table-sticky-zindex, 1);background:var(--oruga-table-background-color, #fff)}.o-table__td--right{text-align:right}.o-table__td--centered{text-align:center}.o-table__td-chevron{vertical-align:middle;width:var(--oruga-table-detail-chevron-width, 40px);color:var(--oruga-table-detail-chevron-color, var(--oruga-primary))}.o-table:focus{border-color:var(--oruga-table-focus-border-color, var(--oruga-primary));box-shadow:var(--oruga-table-focus-box-shadow, 0 0 0 .125em rgba(var(--oruga-primary), .25))}.o-table--bordered tr:last-child td,.o-table--bordered tr:last-child th{border:var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter))}.o-table--bordered td,.o-table--bordered th{border:var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter))}.o-table--striped tbody tr:not(.o-table__tr--selected):nth-child(2n){background-color:var(--oruga-table-striped-background-color, #fafafa)}.o-table--narrowed td,.o-table--narrowed th{padding:var(--oruga-table-narrow-padding, .25em .5em)}.o-table--hoverable tbody tr:not(.o-table__tr--selected):hover{background-color:var(--oruga-table-hoverable-background-color, #fafafa)}.o-table__detail{box-shadow:var(--oruga-table-detail-box-shadow, inset 0 1px 3px var(--oruga-grey));background:var(--oruga-table-detail-background, #fafafa)}.o-table__detail td{padding:var(--oruga-table-detail-padding, 1rem)}.o-table__tr--selected{background-color:var(--oruga-primary);color:var(--oruga-primary-invert)}.o-table__tr--selected-primary{background-color:#445e00;color:#fff}.o-table__tr--selected-secondary{background-color:#6c757d;color:#fff}.o-table__tr--selected-success{background-color:#006724;color:#fff}.o-table__tr--selected-info{background-color:#005c98;color:#fff}.o-table__tr--selected-warning{background-color:#f4c300;color:#000}.o-table__tr--selected-danger{background-color:#b60000;color:#fff}.o-table__pagination{align-items:center;justify-content:space-between;display:flex}.o-table__pagination>div{flex-basis:auto;flex-grow:0;flex-shrink:0}.o-table__pagination>div:first-child{align-items:center;justify-content:flex-start}.o-table__pagination>div:last-child{align-items:center;justify-content:flex-end}.o-table__pagination>div:last-child>div{align-items:center;display:flex;flex-basis:auto;flex-grow:0;flex-shrink:0;justify-content:center}.o-tabs--expanded{width:100%}.o-tabs--expanded .o-tabs__tab--default,.o-tabs--expanded .o-tabs__tab--boxed,.o-tabs--expanded .o-tabs__tab--toggle{height:100%}.o-tabs--expanded .o-tabs__nav-item{flex-grow:1;flex-shrink:0}.o-tabs__nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;align-items:center;display:flex;flex-grow:1;flex-shrink:0;justify-content:flex-start;padding-bottom:var(--oruga-tabs-border-bottom-width, 1px);font-size:var(--oruga-tabs-font-size, var(--oruga-base-font-size))}.o-tabs__nav--small{font-size:var(--oruga-tabs-font-size-small, .75rem)}.o-tabs__nav--medium{font-size:var(--oruga-tabs-font-size-medium, 1.25rem)}.o-tabs__nav--large{font-size:var(--oruga-tabs-font-size-large, 1.5rem)}.o-tabs__nav--centered{justify-content:center}.o-tabs__nav--right{justify-content:flex-end}.o-tabs__tab{-moz-appearance:none;-webkit-appearance:none;width:100%;margin:0 0 -1px;border:1px solid transparent;background-color:transparent;align-items:center;line-height:var(--oruga-base-line-height);display:flex;justify-content:center;vertical-align:top;cursor:pointer;text-decoration:none;font-size:var(--oruga-tabs-font-size, var(--oruga-base-font-size));border-bottom-color:var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));border-bottom-style:var(--oruga-tabs-border-bottom-style, solid);border-bottom-width:var(--oruga-tabs-border-bottom-width, 1px);color:var(--oruga-tabs-link-color, hsl(0, 0%, 29%));padding:var(--oruga-tabs-link-padding, .5em 1em)}.o-tabs__tab-icon{margin-right:var(--oruga-tabs-icon-margin, .5em)}.o-tabs__tab:focus,.o-tabs__tab:focus-within{box-shadow:0 0 0 .25rem var(--oruga-focus);outline:0;border-radius:var(--oruga-base-border-radius)}.o-tabs__tab--default.o-tabs__tab--active{border-bottom-color:var(--oruga-tabs-link-active-border-bottom-color, var(--oruga-primary));color:var(--oruga-tabs-link-active-color, var(--oruga-primary))}.o-tabs__tab--default.o-tabs__tab--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity))}.o-tabs__tab--default:hover:not(.o-tabs__tab--active){background-color:var(--oruga-tabs-link-hover-background-color, hsl(0, 0%, 96%));border-bottom-color:var(--oruga-tabs-link-hover-border-bottom-color, hsl(0, 0%, 86%))}.o-tabs__tab--boxed{border-radius:var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0 0)}.o-tabs__tab--boxed.o-tabs__tab--active{color:var(--oruga-tabs-link-active-color, var(--oruga-primary));background-color:var(--oruga-tabs-boxed-link-active-background-color, hsl(0, 0%, 100%));border-color:var(--oruga-tabs-boxed-link-active-border-color, hsl(0, 0%, 86%));border-bottom-color:var(--oruga-tabs-boxed-link-active-border-bottom-color, transparent)}.o-tabs__tab--boxed.o-tabs__tab--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity))}.o-tabs__tab--boxed:hover:not(.o-tabs__tab--active){background-color:var(--oruga-tabs-boxed-link-hover-background-color, hsl(0, 0%, 96%))}.o-tabs__tab--toggle{border-color:var(--oruga-tabs-toggle-link-border-color, hsl(0, 0%, 86%));border-style:var(--oruga-tabs-toggle-link-border-style, solid);border-width:var(--oruga-tabs-toggle-link-border-width, 1px)}.o-tabs__tab--toggle.o-tabs__tab--active{background-color:var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));border-color:var(--oruga-tabs-toggle-link-active-border-color, var(--oruga-primary));color:var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert))}.o-tabs__tab--toggle.o-tabs__tab--disabled{pointer-events:none;cursor:not-allowed;opacity:var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity))}.o-tabs__tab--toggle:hover:not(.o-tabs_tab--active){background-color:var(--oruga-tabs-toggle-link-hover-background-color, hsl(0, 0%, 96%));border-color:var(--oruga-tabs-toggle-link-hover-border-color, hsl(0, 0%, 71%))}.o-tabs__tab--pills{border-radius:var(--oruga-tabs-boxed-link-radius, var(--oruga-base-border-radius));border-color:transparent}.o-tabs__tab--pills.o-tabs__tab--active{background-color:var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));color:var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert))}.o-tabs--vertical{display:flex;flex-direction:row}.o-tabs--vertical .o-tabs__nav{flex-direction:column;align-items:stretch;flex-grow:0;border-bottom:none}.o-tabs--vertical .o-tabs__tab---default{border-radius:0}.o-tabs--vertical .o-tabs__tab--boxed{border-bottom-color:transparent;border-right-color:var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));border-radius:var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) 0 0 var(--oruga-base-border-radius))}.o-tabs--vertical .o-tabs__tab--boxed.o-tabs__tab--active{border-right-color:transparent;border-bottom-color:var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter))}.o-tabs--right{flex-direction:row-reverse}.o-tabs--right .o-tabs__tab--boxed{border-bottom-color:transparent;border-right-color:transparent;border-left-color:var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));border-radius:var(--oruga-tabs-border-bottom-color, 0 var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0)}.o-tabs--right .o-tabs__tab--boxed.o-tabs__tab--active{border-left-color:transparent;border-right-color:var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));border-bottom-color:var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter))}.o-tabs__content{position:relative;overflow:visible;display:flex;flex-direction:column;flex-grow:1}.o-tabs__content--transitioning{overflow:hidden}.o-tabs__content:not(:has(.o-tabs__panel:empty)){padding:var(--oruga-tabs-content-padding, 1rem)}.o-tabs:not(:last-child){margin-bottom:var(--oruga-tabs-margin-bottom, 1.5rem)}.o-taginput{display:flex}.o-taginput__container{display:flex;flex-wrap:wrap;box-shadow:var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, .1));background-color:var(--oruga-input-background-color, #ffffff);border-color:var(--oruga-input-border-color, var(--oruga-grey-lighter));border-style:var(--oruga-input-border-style, solid);border-width:var(--oruga-input-border-width, 1px);border-radius:var(--oruga-input-border-radius, var(--oruga-base-border-radius));color:var(--oruga-input-color, #363636);font-size:var(--oruga-base-font-size, 1rem);line-height:var(--oruga-input-line-height, var(--oruga-base-line-height));margin:var(--oruga-input-margin, 0);width:var(--oruga-taginput-width, inherit)}.o-taginput__container--small{font-size:var(--oruga-taginput-font-size-small, .75rem)}.o-taginput__container--medium{font-size:var(--oruga-taginput-font-size-medium, 1.25rem)}.o-taginput__container--large{font-size:var(--oruga-taginput-font-size-large, 1.5rem)}.o-taginput__autocomplete{flex-grow:1;flex-shrink:1;width:auto}.o-taginput__input{border:none;box-shadow:none;width:100%}.o-taginput__item{display:inline-flex;margin:var(--oruga-taginput-item-margin, .275em);padding:var(--oruga-taginput-item-padding, 0 .75em 0 .75em);color:var(--oruga-taginput-item-color, var(--oruga-primary-invert));background-color:var(--oruga-taginput-item-background-color, var(--oruga-primary));border-radius:var(--oruga-taginput-item-border-radius, var(--oruga-base-border-radius))}.o-taginput__item--primary{--oruga-focus: rgba(68, 94, 0, .25);background-color:var(--oruga-variant-primary, #445e00);color:var(--oruga-variant-invert-primary, #ffffff)}.o-taginput__item--secondary{--oruga-focus: rgba(108, 117, 125, .25);background-color:var(--oruga-variant-secondary, #6c757d);color:var(--oruga-variant-invert-secondary, #ffffff)}.o-taginput__item--success{--oruga-focus: rgba(0, 103, 36, .25);background-color:var(--oruga-variant-success, #006724);color:var(--oruga-variant-invert-success, #ffffff)}.o-taginput__item--info{--oruga-focus: rgba(0, 92, 152, .25);background-color:var(--oruga-variant-info, #005c98);color:var(--oruga-variant-invert-info, #ffffff)}.o-taginput__item--warning{--oruga-focus: rgba(244, 195, 0, .25);background-color:var(--oruga-variant-warning, #f4c300);color:var(--oruga-variant-invert-warning, #000000)}.o-taginput__item--danger{--oruga-focus: rgba(182, 0, 0, .25);background-color:var(--oruga-variant-danger, #b60000);color:var(--oruga-variant-invert-danger, #ffffff)}.o-taginput__item:focus,.o-taginput__item:focus-within{box-shadow:0 0 0 .25rem var(--oruga-focus);outline:0}.o-taginput__counter{display:block;float:right;font-size:var(--oruga-taginput-counter-font-size, .75rem);margin:var(--oruga-taginput-counter-margin, .25rem 0 0 .5rem)}.o-taginput--expanded{width:100%;flex-grow:1;flex-shrink:1}.o-tpck{font-size:var(--oruga-timepicker-font-size, var(--oruga-base-font-size))}.o-tpck--small{font-size:var(--oruga-timepicker-font-size-small, .75rem)}.o-tpck--medium{font-size:var(--oruga-timepicker-font-size-medium, 1.25rem)}.o-tpck--large{font-size:var(--oruga-timepicker-font-size-large, 1.5rem)}.o-tpck__dropdown{width:100%}.o-tpck__box{display:flex;justify-content:center;align-items:center;line-height:var(--oruga-timepicker-box-line-height, var(--oruga-base-line-height));padding:var(--oruga-timepicker-box-padding, .375rem 1rem)}.o-tpck__select{-moz-appearance:none;-webkit-appearance:none;display:inline-block;position:relative;vertical-align:top;cursor:pointer;justify-content:flex-start;align-items:center;border:0;font-size:inherit;font-weight:var(--oruga-timepicker-select-font-weight, 600);line-height:var(--oruga-timepicker-select-line-height, var(--oruga-base-line-height));color:var(--oruga-timepicker-select-color, #363636);padding:var(--oruga-timepicker-select-padding, calc(.25em - 1px) calc(1em - 1px) )}.o-tpck__select-placeholder{opacity:var(--oruga-timepicker-select-placeholder-opacity, var(--oruga-base-disabled-opacity))}.o-tpck__separator{font-weight:var(--oruga-timepicker-separator-font-weight, 600)}.o-tpck__footer{padding:var(--oruga-timepicker-header-padding, 0 .5rem);margin:var(--oruga-timepicker-header-margin, .875rem 0 0 0)}.o-tip{position:relative;display:inline-flex}.o-tip__arrow{position:absolute;content:"";pointer-events:none;z-index:var(--oruga-tooltip-content-zindex, 38);color:var(--oruga-tooltip-background-color, var(--oruga-primary))}.o-tip__arrow--primary{color:var(--oruga-variant-primary, #445e00)}.o-tip__arrow--secondary{color:var(--oruga-variant-secondary, #6c757d)}.o-tip__arrow--success{color:var(--oruga-variant-success, #006724)}.o-tip__arrow--info{color:var(--oruga-variant-info, #005c98)}.o-tip__arrow--warning{color:var(--oruga-variant-warning, #f4c300)}.o-tip__arrow--danger{color:var(--oruga-variant-danger, #b60000)}.o-tip__arrow--bottom{top:auto;right:auto;bottom:100%;left:50%;transform:translate(-50%);border-bottom-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-bottom-width:var(--oruga-tooltip-arrow-size, 5px);border-right-width:var(--oruga-tooltip-arrow-size, 5px);border-left-width:var(--oruga-tooltip-arrow-size, 5px)}.o-tip__arrow--top{top:100%;right:auto;bottom:auto;left:50%;transform:translate(-50%);border-top-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size, 5px);border-right-width:var(--oruga-tooltip-arrow-size, 5px);border-left-width:var(--oruga-tooltip-arrow-size, 5px)}.o-tip__arrow--left{top:50%;right:auto;bottom:auto;left:100%;transform:translateY(-50%);border-left-style:solid;border-top-style:solid;border-top-color:transparent;border-bottom-style:solid;border-bottom-color:transparent;border-left-width:var(--oruga-tooltip-arrow-size, 5px);border-top-width:var(--oruga-tooltip-arrow-size, 5px);border-bottom-width:var(--oruga-tooltip-arrow-size, 5px)}.o-tip__arrow--right{top:50%;right:100%;bottom:auto;left:auto;transform:translateY(-50%);border-right-style:solid;border-top-style:solid;border-top-color:transparent;border-bottom-style:solid;border-bottom-color:transparent;border-right-width:var(--oruga-tooltip-arrow-size, 5px);border-top-width:var(--oruga-tooltip-arrow-size, 5px);border-bottom-width:var(--oruga-tooltip-arrow-size, 5px)}.o-tip__arrow--top-right{top:100%;right:auto;bottom:auto;left:50%;transform:translate(-50%);border-top-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size, 5px);border-right-width:calc(var(--oruga-tooltip-arrow-size, 5px) * 2);border-left-width:0}.o-tip__arrow--top-left{top:100%;right:auto;bottom:auto;left:50%;transform:translate(-50%);border-top-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-top-width:var(--oruga-tooltip-arrow-size, 5px);border-left-width:calc(var(--oruga-tooltip-arrow-size, 5px) * 2);border-right-width:0}.o-tip__arrow--bottom-left{top:auto;right:auto;bottom:100%;left:50%;transform:translate(-50%);border-bottom-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-bottom-width:var(--oruga-tooltip-arrow-size, 5px);border-left-width:calc(var(--oruga-tooltip-arrow-size, 5px) * 2);border-right-width:0}.o-tip__arrow--bottom-right{top:auto;right:auto;bottom:100%;left:50%;transform:translate(-50%);border-bottom-style:solid;border-right-style:solid;border-right-color:transparent;border-left-style:solid;border-left-color:transparent;border-bottom-width:var(--oruga-tooltip-arrow-size, 5px);border-right-width:calc(var(--oruga-tooltip-arrow-size, 5px) * 2);border-left-width:0}.o-tip__content{position:absolute;white-space:nowrap;max-width:var(--oruga-tooltip-content-max-width, 300px);padding:var(--oruga-tooltip-content-padding, .35rem .75rem);border-radius:var(--oruga-tooltip-content-radius-large, 6px);font-size:var(--oruga-tooltip-content-font-size, .85rem);font-weight:var(--oruga-tooltip-content-weight-normal, 400);box-shadow:var(--oruga-tooltip-content-box-shadow, 0px 1px 2px 1px rgba(0, 1, 0, .2));z-index:var(--oruga-tooltip-content-zindex, 38);background-color:var(--oruga-tooltip-background-color, var(--oruga-primary));color:var(--oruga-tooltip-color, var(--oruga-primary-invert))}.o-tip__content--primary{background:var(--oruga-variant-primary, #445e00);color:var(--oruga-variant-invert-primary, #ffffff)}.o-tip__content--secondary{background:var(--oruga-variant-secondary, #6c757d);color:var(--oruga-variant-invert-secondary, #ffffff)}.o-tip__content--success{background:var(--oruga-variant-success, #006724);color:var(--oruga-variant-invert-success, #ffffff)}.o-tip__content--info{background:var(--oruga-variant-info, #005c98);color:var(--oruga-variant-invert-info, #ffffff)}.o-tip__content--warning{background:var(--oruga-variant-warning, #f4c300);color:var(--oruga-variant-invert-warning, #000000)}.o-tip__content--danger{background:var(--oruga-variant-danger, #b60000);color:var(--oruga-variant-invert-danger, #ffffff)}.o-tip__content--top{top:auto;right:auto;bottom:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);left:50%;transform:translate(-50%)}.o-tip__content--bottom{top:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.o-tip__content--right{top:50%;right:auto;bottom:auto;left:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);transform:translateY(-50%)}.o-tip__content--left{top:50%;right:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);bottom:auto;left:auto;transform:translateY(-50%)}.o-tip__content--top-right{left:auto;top:auto;bottom:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);transform:translate(50%)}.o-tip__content--top-left{right:auto;top:auto;bottom:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);transform:translate(-50%)}.o-tip__content--bottom-right{left:auto;bottom:auto;top:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);transform:translate(50%)}.o-tip__content--bottom-left{left:auto;bottom:auto;top:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);transform:translate(-50%)}.o-tip__content--always{opacity:1;visibility:visible}.o-tip__content--multiline{text-align:center;white-space:normal;width:var(--oruga-tooltip-content-multiline-width, 300px)}.o-tip--teleport .o-tip__content--top,.o-tip--teleport .o-tip__content--top-left,.o-tip--teleport .o-tip__content--top-right{margin-top:calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)))}.o-tip--teleport .o-tip__content--bottom,.o-tip--teleport .o-tip__content--bottom-left,.o-tip--teleport .o-tip__content--bottom-right{margin-top:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px))}.o-tip--teleport .o-tip__content--right{margin-left:calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px))}.o-tip--teleport .o-tip__content--left{margin-left:calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)))}.o-tip__trigger{width:100%}.o-upl{position:relative;display:inline-flex}.o-upl--disabled{opacity:var(--oruga-upload-draggable-disabled-opacity, var(--oruga-base-disabled-opacity));cursor:not-allowed}.o-upl--expanded{width:100%}.o-upl__draggable{cursor:pointer;width:100%;padding:var(--oruga-upload-draggable-padding, .25em);border:var(--oruga-upload-draggable-border, 1px dashed var(--oruga-grey-light));border-radius:var(--oruga-upload-draggable-border-radius, var(--oruga-base-border-radius))}.o-upl__draggable--hovered{border-color:var(--oruga-upload-draggable-hover-border-color, var(--oruga-grey))}.o-upl__draggable--hovered-primary{border-color:var(--oruga-variant-primary, #445e00)}.o-upl__draggable--hovered-secondary{border-color:var(--oruga-variant-secondary, #6c757d)}.o-upl__draggable--hovered-success{border-color:var(--oruga-variant-success, #006724)}.o-upl__draggable--hovered-info{border-color:var(--oruga-variant-info, #005c98)}.o-upl__draggable--hovered-warning{border-color:var(--oruga-variant-warning, #f4c300)}.o-upl__draggable--hovered-danger{border-color:var(--oruga-variant-danger, #b60000)}.o-upl input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:-1}