@oruga-ui/theme-oruga 0.4.2 → 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 (49) hide show
  1. package/dist/oruga.css +2 -4046
  2. package/dist/scss/components/_button.scss +30 -38
  3. package/dist/scss/components/_datepicker.scss +15 -8
  4. package/dist/scss/components/_dropdown.scss +1 -1
  5. package/dist/scss/components/_menu.scss +8 -3
  6. package/dist/scss/components/_pagination.scss +10 -10
  7. package/dist/scss/components/_slider.scss +9 -4
  8. package/dist/scss/components/_steps.scss +56 -123
  9. package/dist/scss/components/_tabs.scss +220 -232
  10. package/dist/scss/utils/_variables.scss +2 -2
  11. package/dist/theme.js +1 -8
  12. package/package.json +26 -33
  13. package/dist/oruga.min.css +0 -1
  14. package/src/assets/scss/components/_autocomplete.scss +0 -23
  15. package/src/assets/scss/components/_button.scss +0 -226
  16. package/src/assets/scss/components/_carousel.scss +0 -233
  17. package/src/assets/scss/components/_checkbox.scss +0 -171
  18. package/src/assets/scss/components/_collapse.scss +0 -15
  19. package/src/assets/scss/components/_datepicker.scss +0 -494
  20. package/src/assets/scss/components/_datetimepicker.scss +0 -13
  21. package/src/assets/scss/components/_dropdown.scss +0 -268
  22. package/src/assets/scss/components/_field.scss +0 -132
  23. package/src/assets/scss/components/_icon.scss +0 -53
  24. package/src/assets/scss/components/_input.scss +0 -149
  25. package/src/assets/scss/components/_loading.scss +0 -37
  26. package/src/assets/scss/components/_menu.scss +0 -92
  27. package/src/assets/scss/components/_modal.scss +0 -94
  28. package/src/assets/scss/components/_notification.scss +0 -175
  29. package/src/assets/scss/components/_pagination.scss +0 -213
  30. package/src/assets/scss/components/_radio.scss +0 -112
  31. package/src/assets/scss/components/_select.scss +0 -156
  32. package/src/assets/scss/components/_sidebar.scss +0 -139
  33. package/src/assets/scss/components/_skeleton.scss +0 -80
  34. package/src/assets/scss/components/_slider.scss +0 -199
  35. package/src/assets/scss/components/_steps.scss +0 -427
  36. package/src/assets/scss/components/_switch.scss +0 -150
  37. package/src/assets/scss/components/_table.scss +0 -424
  38. package/src/assets/scss/components/_tabs.scss +0 -348
  39. package/src/assets/scss/components/_taginput.scss +0 -117
  40. package/src/assets/scss/components/_timepicker.scss +0 -92
  41. package/src/assets/scss/components/_tooltip.scss +0 -453
  42. package/src/assets/scss/components/_upload.scss +0 -69
  43. package/src/assets/scss/oruga-build.scss +0 -9
  44. package/src/assets/scss/oruga.scss +0 -41
  45. package/src/assets/scss/utils/_animations.scss +0 -233
  46. package/src/assets/scss/utils/_base.scss +0 -31
  47. package/src/assets/scss/utils/_helpers.scss +0 -113
  48. package/src/assets/scss/utils/_root.scss +0 -54
  49. package/src/assets/scss/utils/_variables.scss +0 -103
package/dist/oruga.css CHANGED
@@ -1,4046 +1,2 @@
1
- /*! Oruga v0.4.2 | 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--small .o-chk__input {
795
- width: var(--oruga-checkbox-font-size-small, 0.75rem);
796
- height: var(--oruga-checkbox-font-size-small, 0.75rem);
797
- }
798
- .o-chk--medium {
799
- font-size: var(--oruga-checkbox-font-size-medium, 1.25rem);
800
- }
801
- .o-chk--medium .o-chk__input {
802
- width: var(--oruga-checkbox-font-size-medium, 1.25rem);
803
- height: var(--oruga-checkbox-font-size-medium, 1.25rem);
804
- }
805
- .o-chk--large {
806
- font-size: var(--oruga-checkbox-font-size-large, 1.5rem);
807
- }
808
- .o-chk--large .o-chk__input {
809
- width: var(--oruga-checkbox-font-size-large, 1.5rem);
810
- height: var(--oruga-checkbox-font-size-large, 1.5rem);
811
- }
812
- .o-chk--primary {
813
- --oruga-focus: rgba(68, 94, 0, 0.25);
814
- }
815
- .o-chk--primary .o-chk__input {
816
- border-color: var(--oruga-variant-primary, #445e00);
817
- background-color: var(--oruga-variant-primary, #445e00);
818
- }
819
- .o-chk--primary .o-chk__input--checked {
820
- 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");
821
- }
822
- .o-chk--primary .o-chk__input--indeterminate {
823
- 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");
824
- }
825
- .o-chk--secondary {
826
- --oruga-focus: rgba(108, 117, 125, 0.25);
827
- }
828
- .o-chk--secondary .o-chk__input {
829
- border-color: var(--oruga-variant-secondary, #6c757d);
830
- background-color: var(--oruga-variant-secondary, #6c757d);
831
- }
832
- .o-chk--secondary .o-chk__input--checked {
833
- 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");
834
- }
835
- .o-chk--secondary .o-chk__input--indeterminate {
836
- 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");
837
- }
838
- .o-chk--success {
839
- --oruga-focus: rgba(0, 103, 36, 0.25);
840
- }
841
- .o-chk--success .o-chk__input {
842
- border-color: var(--oruga-variant-success, #006724);
843
- background-color: var(--oruga-variant-success, #006724);
844
- }
845
- .o-chk--success .o-chk__input--checked {
846
- 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");
847
- }
848
- .o-chk--success .o-chk__input--indeterminate {
849
- 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");
850
- }
851
- .o-chk--info {
852
- --oruga-focus: rgba(0, 92, 152, 0.25);
853
- }
854
- .o-chk--info .o-chk__input {
855
- border-color: var(--oruga-variant-info, #005c98);
856
- background-color: var(--oruga-variant-info, #005c98);
857
- }
858
- .o-chk--info .o-chk__input--checked {
859
- 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");
860
- }
861
- .o-chk--info .o-chk__input--indeterminate {
862
- 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");
863
- }
864
- .o-chk--warning {
865
- --oruga-focus: rgba(244, 195, 0, 0.25);
866
- }
867
- .o-chk--warning .o-chk__input {
868
- border-color: var(--oruga-variant-warning, #f4c300);
869
- background-color: var(--oruga-variant-warning, #f4c300);
870
- }
871
- .o-chk--warning .o-chk__input--checked {
872
- 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");
873
- }
874
- .o-chk--warning .o-chk__input--indeterminate {
875
- 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");
876
- }
877
- .o-chk--danger {
878
- --oruga-focus: rgba(182, 0, 0, 0.25);
879
- }
880
- .o-chk--danger .o-chk__input {
881
- border-color: var(--oruga-variant-danger, #b60000);
882
- background-color: var(--oruga-variant-danger, #b60000);
883
- }
884
- .o-chk--danger .o-chk__input--checked {
885
- 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");
886
- }
887
- .o-chk--danger .o-chk__input--indeterminate {
888
- 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");
889
- }
890
- .o-chk:focus .o-chk__input, .o-chk:focus-within .o-chk__input {
891
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
892
- }
893
-
894
- /* @docs */
895
- /* @docs */
896
- .o-clps {
897
- width: 100%;
898
- }
899
- .o-clps__trigger {
900
- cursor: pointer;
901
- display: inline-block;
902
- }
903
- .o-clps__content {
904
- display: inherit;
905
- }
906
-
907
- /* @docs */
908
- /* @docs */
909
- .o-dpck {
910
- font-size: var(--oruga-datepicker-font-size, var(--oruga-base-font-size));
911
- }
912
- .o-dpck--small {
913
- font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
914
- }
915
- .o-dpck--medium {
916
- font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
917
- }
918
- .o-dpck--large {
919
- font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
920
- }
921
- .o-dpck__dropdown {
922
- width: 100%;
923
- }
924
- .o-dpck__box {
925
- --oruga-dropdown-item-line-height: var(--oruga-base-line-height);
926
- --oruga-dropdown-item-padding: 0.375rem 1rem;
927
- }
928
- .o-dpck__header {
929
- padding: var(--oruga-datepicker-header-padding, 0 0 0.875rem 0);
930
- margin: var(--oruga-datepicker-header-margin, 0 0 0.875rem 0);
931
- border-bottom: var(--oruga-datepicker-header-border-bottom, 1px solid var(--oruga-grey-lighter));
932
- }
933
- .o-dpck__header__buttons {
934
- align-items: center;
935
- display: flex;
936
- justify-content: center;
937
- text-align: center;
938
- }
939
- .o-dpck__header__buttons--small {
940
- font-size: var(--oruga-datepicker-font-size-small, 0.75rem);
941
- }
942
- .o-dpck__header__buttons--medium {
943
- font-size: var(--oruga-datepicker-font-size-medium, 1.25rem);
944
- }
945
- .o-dpck__header__buttons--large {
946
- font-size: var(--oruga-datepicker-font-size-large, 1.5rem);
947
- }
948
- .o-dpck__header__previous {
949
- order: 1;
950
- }
951
- .o-dpck__header__next {
952
- order: 3;
953
- }
954
- .o-dpck__header__previous, .o-dpck__header__next {
955
- -webkit-touch-callout: none;
956
- -webkit-user-select: none;
957
- -moz-user-select: none;
958
- -ms-user-select: none;
959
- user-select: none;
960
- justify-content: center;
961
- text-align: center;
962
- text-decoration: none;
963
- cursor: pointer;
964
- -moz-appearance: none;
965
- -webkit-appearance: none;
966
- align-items: center;
967
- box-shadow: none;
968
- display: inline-flex;
969
- position: relative;
970
- vertical-align: top;
971
- line-height: var(--oruga-datepicker-btn-line-height, var(--oruga-base-line-height));
972
- border: var(--oruga-datepicker-btn-border, 1px solid transparent);
973
- border-radius: var(--oruga-datepicker-btn-border-radius, var(--oruga-base-border-radius));
974
- border-color: var(--oruga-datepicker-btn-border-color, var(--oruga-grey-lighter));
975
- color: var(--oruga-datepicker-btn-color, #363636);
976
- min-width: var(--oruga-datepicker-btn-min-width, 2.25em);
977
- height: var(--oruga-datepicker-btn-height, 2.25em);
978
- padding: var(--oruga-datepicker-btn-padding, 0.5em 0.5em);
979
- margin: var(--oruga-datepicker-btn-margin, 0.25rem);
980
- }
981
- .o-dpck__header__previous:hover, .o-dpck__header__next:hover {
982
- text-decoration: none;
983
- border-color: var(--oruga-datepicker-btn-hover-border-color, var(--oruga-grey-light));
984
- color: var(--oruga-datepicker-btn-hover-color, #363636);
985
- }
986
- .o-dpck__header__list {
987
- order: 2;
988
- align-items: center;
989
- display: flex;
990
- justify-content: center;
991
- text-align: center;
992
- list-style: none;
993
- flex-wrap: wrap;
994
- margin: 0;
995
- padding: 0;
996
- margin-left: -0.125rem;
997
- margin-right: -0.125rem;
998
- }
999
- .o-dpck__header__list > * {
1000
- margin-left: 0.125rem;
1001
- margin-right: 0.125rem;
1002
- }
1003
- .o-dpck__footer {
1004
- padding: var(--oruga-datepicker-header-padding, 0.875rem 0.5rem 0 0.5rem);
1005
- margin: var(--oruga-datepicker-header-margin, 0.875rem 0 0.875rem 0);
1006
- border-top: var(--oruga-datepicker-header-border-top, 1px solid var(--oruga-grey-lighter));
1007
- }
1008
- .o-dpck__table, .o-dpck__month {
1009
- display: table;
1010
- margin: 0 auto 0 auto;
1011
- }
1012
- .o-dpck__table__head, .o-dpck__month__head {
1013
- display: table-header-group;
1014
- padding: var(--oruga-datepicker-table-head-padding, 0 0 0.875rem 0);
1015
- margin: var(--oruga-datepicker-table-head-margin, 0 0 0.875rem 0);
1016
- border-bottom: var(--oruga-datepicker-table-head-border-bottom, 1px solid var(--oruga-grey-lighter));
1017
- }
1018
- .o-dpck__table__body, .o-dpck__month__body {
1019
- display: table-row-group;
1020
- }
1021
- .o-dpck__table__row, .o-dpck__month__row {
1022
- display: table-row;
1023
- }
1024
- .o-dpck__table__head-cell, .o-dpck__month__head-cell {
1025
- padding: var(--oruga-datepicker-table-head-item-padding, var(--oruga-grey));
1026
- font-weight: var(--oruga-datepicker-table-head-item-font-weight, 600);
1027
- }
1028
- .o-dpck__table__cell, .o-dpck__month__cell {
1029
- text-align: center;
1030
- vertical-align: middle;
1031
- display: table-cell;
1032
- text-decoration: none;
1033
- border-radius: var(--oruga-datepicker-item-border-radius, var(--oruga-base-border-radius));
1034
- padding: var(--oruga-datepicker-item-padding, 0.5rem 0.75rem);
1035
- }
1036
- .o-dpck__table__cell--unselectable, .o-dpck__month__cell--unselectable {
1037
- color: var(--oruga-datepicker-item-disabled-color, var(--oruga-grey-light));
1038
- }
1039
- .o-dpck__table__cell--today, .o-dpck__month__cell--today {
1040
- border: var(--oruga-datepicker-item-today-border, solid 1px rgba(var(--oruga-primary), 0.5));
1041
- }
1042
- .o-dpck__table__cell--selectable, .o-dpck__month__cell--selectable {
1043
- cursor: pointer;
1044
- color: var(--oruga-datepicker-item-selectable-color, var(--oruga-grey-dark));
1045
- }
1046
- .o-dpck__table__cell--first-hovered, .o-dpck__month__cell--first-hovered {
1047
- background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
1048
- color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
1049
- border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1050
- border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1051
- }
1052
- .o-dpck__table__cell--within-hovered, .o-dpck__month__cell--within-hovered {
1053
- background-color: var(--oruga-datepicker-item-hovered-within-background-color, rgb(from var(--oruga-grey) r g b/50%));
1054
- color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
1055
- border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1056
- }
1057
- .o-dpck__table__cell--last-hovered, .o-dpck__month__cell--last-hovered {
1058
- background-color: var(--oruga-datepicker-item-hovered-background-color, var(--oruga-grey));
1059
- color: var(--oruga-datepicker-item-hovered-color, var(--oruga-grey-lighter));
1060
- border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1061
- border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1062
- }
1063
- .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) {
1064
- background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
1065
- color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
1066
- }
1067
- .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) {
1068
- background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
1069
- color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
1070
- border-bottom-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1071
- border-top-right-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1072
- }
1073
- .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) {
1074
- background-color: var(--oruga-datepicker-item-selected-within-background-color, rgb(from var(--oruga-primary) r g b/50%));
1075
- border-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1076
- }
1077
- .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) {
1078
- background-color: var(--oruga-datepicker-item-selected-background-color, var(--oruga-primary));
1079
- color: var(--oruga-datepicker-item-selected-color, var(--oruga-primary-invert));
1080
- border-bottom-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1081
- border-top-left-radius: var(--oruga-datepicker-item-selected-border-radius, 0);
1082
- }
1083
- .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) {
1084
- color: var(--oruga-datepicker-item-nearby-color, var(--oruga-grey-light));
1085
- }
1086
- .o-dpck__table__cell--invisible, .o-dpck__month__cell--invisible {
1087
- visibility: hidden;
1088
- }
1089
- .o-dpck__table__cell--events, .o-dpck__month__cell--events {
1090
- position: relative;
1091
- padding: var(--oruga-datepicker-events-item-padding, 0.3rem 0.75rem 0.75rem);
1092
- }
1093
- .o-dpck__table__events, .o-dpck__month__events {
1094
- display: flex;
1095
- justify-content: center;
1096
- position: absolute;
1097
- width: 100%;
1098
- left: 0;
1099
- bottom: 15%;
1100
- }
1101
- .o-dpck__table__event, .o-dpck__month__event {
1102
- background-color: var(--oruga-datepicker-event-background-color, var(--oruga-grey-light));
1103
- }
1104
- .o-dpck__table__event--primary, .o-dpck__month__event--primary {
1105
- background-color: #445e00;
1106
- background-color: var(--oruga-variant-primary, #445e00);
1107
- }
1108
- .o-dpck__table__event--secondary, .o-dpck__month__event--secondary {
1109
- background-color: #6c757d;
1110
- background-color: var(--oruga-variant-secondary, #6c757d);
1111
- }
1112
- .o-dpck__table__event--success, .o-dpck__month__event--success {
1113
- background-color: #006724;
1114
- background-color: var(--oruga-variant-success, #006724);
1115
- }
1116
- .o-dpck__table__event--info, .o-dpck__month__event--info {
1117
- background-color: #005c98;
1118
- background-color: var(--oruga-variant-info, #005c98);
1119
- }
1120
- .o-dpck__table__event--warning, .o-dpck__month__event--warning {
1121
- background-color: #f4c300;
1122
- background-color: var(--oruga-variant-warning, #f4c300);
1123
- }
1124
- .o-dpck__table__event--danger, .o-dpck__month__event--danger {
1125
- background-color: #b60000;
1126
- background-color: var(--oruga-variant-danger, #b60000);
1127
- }
1128
- .o-dpck__table__event--dots, .o-dpck__month__event--dots {
1129
- border-radius: 50%;
1130
- margin: var(--oruga-datepicker-event-dots-margin, 0 0.1em);
1131
- height: var(--oruga-datepicker-event-dots-size, 0.35em);
1132
- width: var(--oruga-datepicker-event-dots-size, 0.35em);
1133
- }
1134
- .o-dpck__table__event--bars, .o-dpck__month__event--bars {
1135
- height: var(--oruga-datepicker-event-bars-height, 0.25em);
1136
- width: 100%;
1137
- }
1138
- .o-dpck__month__table {
1139
- display: inline-flex;
1140
- flex-wrap: wrap;
1141
- flex-direction: row;
1142
- width: 17rem;
1143
- }
1144
- .o-dpck__month__cell {
1145
- display: flex;
1146
- align-items: center;
1147
- justify-content: center;
1148
- width: 33.33%;
1149
- height: 2.5rem;
1150
- }
1151
- .o-dpck--expanded {
1152
- width: 100%;
1153
- flex-grow: 1;
1154
- }
1155
- .o-dpck--mobile .o-dpck__header__previous {
1156
- order: 1;
1157
- flex-grow: 1;
1158
- flex-shrink: 1;
1159
- }
1160
- .o-dpck--mobile .o-dpck__header__next {
1161
- order: 3;
1162
- flex-grow: 1;
1163
- flex-shrink: 1;
1164
- }
1165
- .o-dpck--mobile .o-dpck__header__list {
1166
- order: 2;
1167
- flex-grow: 1;
1168
- flex-shrink: 1;
1169
- }
1170
-
1171
- /* @docs */
1172
- /* @docs */
1173
- .o-dtpck__time {
1174
- display: flex;
1175
- justify-content: center;
1176
- align-items: center;
1177
- --oruga-dropdown-menu-box-shadow: 0,0,0,0;
1178
- }
1179
-
1180
- /* @docs */
1181
- /* @docs */
1182
- .o-drop {
1183
- display: inline-flex;
1184
- position: relative;
1185
- vertical-align: top;
1186
- }
1187
- .o-drop__overlay {
1188
- position: fixed;
1189
- bottom: 0;
1190
- left: 0;
1191
- right: 0;
1192
- top: 0;
1193
- cursor: pointer;
1194
- display: none;
1195
- background-color: var(--oruga-dropdown-mobile-overlay-color, rgba(0, 0, 0, 0.86));
1196
- z-index: var(--oruga-dropdown-mobile-overlay-zindex, 55);
1197
- }
1198
- .o-drop__trigger {
1199
- width: 100%;
1200
- }
1201
- .o-drop__menu {
1202
- position: absolute;
1203
- display: block;
1204
- min-width: var(--oruga-dropdown-menu-width, 12rem);
1205
- z-index: var(--oruga-dropdown-menu-zindex, 50);
1206
- background-color: var(--oruga-dropdown-menu-background, #ffffff);
1207
- border-radius: var(--oruga-dropdown-menu-border-radius, var(--oruga-base-border-radius));
1208
- 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));
1209
- padding: var(--oruga-dropdown-menu-padding, 0.5rem 0 0.5rem 0);
1210
- margin: var(--oruga-dropdown-menu-margin, 0);
1211
- }
1212
- .o-drop__menu--bottom {
1213
- left: 50%;
1214
- right: auto;
1215
- top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1216
- bottom: auto;
1217
- transform: translateX(-50%);
1218
- }
1219
- .o-drop__menu--top {
1220
- left: 50%;
1221
- right: auto;
1222
- top: auto;
1223
- bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1224
- transform: translateX(-50%);
1225
- }
1226
- .o-drop__menu--left {
1227
- right: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1228
- left: auto;
1229
- top: 50%;
1230
- bottom: auto;
1231
- transform: translateY(-50%);
1232
- }
1233
- .o-drop__menu--right {
1234
- right: auto;
1235
- left: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1236
- top: 50%;
1237
- bottom: auto;
1238
- transform: translateY(-50%);
1239
- }
1240
- .o-drop__menu--top-right {
1241
- right: 0;
1242
- left: auto;
1243
- top: auto;
1244
- bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1245
- }
1246
- .o-drop__menu--top-left {
1247
- right: auto;
1248
- left: 0;
1249
- top: auto;
1250
- bottom: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1251
- }
1252
- .o-drop__menu--bottom-right {
1253
- right: 0;
1254
- left: auto;
1255
- top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1256
- bottom: auto;
1257
- }
1258
- .o-drop__menu--bottom-left {
1259
- right: auto;
1260
- left: 0;
1261
- top: calc(100% + var(--oruga-dropdown-menu-spacer, 0px));
1262
- bottom: auto;
1263
- }
1264
- .o-drop__item {
1265
- display: block;
1266
- position: relative;
1267
- color: var(--oruga-dropdown-item-color, #000000);
1268
- font-size: var(--oruga-dropdown-item-font-size, var(--oruga-base-font-size));
1269
- font-weight: var(--oruga-dropdown-item-font-weight, 400);
1270
- line-height: var(--oruga-dropdown-item-line-height, var(--oruga-base-line-height));
1271
- padding: var(--oruga-dropdown-item-padding, 0.375rem 1rem);
1272
- }
1273
- .o-drop__item--disabled {
1274
- opacity: var(--oruga-dropdown-item-disabled-opacity, var(--oruga-base-disabled-opacity));
1275
- pointer-events: none;
1276
- }
1277
- .o-drop__item--active {
1278
- background-color: var(--oruga-dropdown-item-active-background-color, var(--oruga-primary));
1279
- color: var(--oruga-dropdown-item-active-color, var(--oruga-primary-invert));
1280
- }
1281
- .o-drop__item--clickable {
1282
- cursor: pointer;
1283
- }
1284
- .o-drop__item--clickable:not(.o-drop__item--active):hover {
1285
- background-color: var(--oruga-dropdown-item-hover-background-color, #f5f5f5);
1286
- color: var(--oruga-dropdown-item-hover-color, #000000);
1287
- }
1288
- .o-drop--inline {
1289
- display: inline;
1290
- }
1291
- .o-drop--inline .o-drop__menu {
1292
- position: static;
1293
- display: inline-block;
1294
- padding: 0;
1295
- }
1296
- .o-drop--expanded {
1297
- width: 100%;
1298
- }
1299
- .o-drop--expanded .o-drop__menu {
1300
- width: 100%;
1301
- }
1302
- .o-drop--disabled, .o-acp__item-group-title, .o-acp__item--empty {
1303
- opacity: var(--oruga-dropdown-disabled-opacity, var(--oruga-base-disabled-opacity));
1304
- pointer-events: none;
1305
- }
1306
- .o-drop--mobile > .o-drop__menu {
1307
- position: fixed;
1308
- top: 25%;
1309
- left: 50%;
1310
- bottom: auto;
1311
- right: auto;
1312
- transform: translate3d(-50%, -25%, 0);
1313
- overflow-y: auto;
1314
- width: var(--oruga-dropdown-mobile-width, calc(100vw - 40px));
1315
- max-width: var(--oruga-dropdown-mobile-max-width, 460px);
1316
- max-height: var(--oruga-dropdown-mobile-max-height, calc(100vh - 120px));
1317
- z-index: var(--oruga-dropdown-mobile-zindex, 60);
1318
- }
1319
- .o-drop--mobile > .o-drop__overlay {
1320
- display: block;
1321
- }
1322
- .o-drop--teleport {
1323
- width: unset;
1324
- }
1325
-
1326
- /* @docs */
1327
- /* @docs */
1328
- .o-field {
1329
- flex-grow: 1;
1330
- }
1331
- .o-field:not(:last-child) {
1332
- margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
1333
- }
1334
- .o-field__label {
1335
- display: block;
1336
- color: var(--oruga-field-label-color, #363636);
1337
- font-size: var(--oruga-base-font-size, 1rem);
1338
- font-weight: var(--oruga-field-label-font-weight, 600);
1339
- }
1340
- .o-field__label-small {
1341
- font-size: var(--oruga-field-font-size-small, 0.75rem);
1342
- }
1343
- .o-field__label-medium {
1344
- font-size: var(--oruga-field-font-size-medium, 1.25rem);
1345
- }
1346
- .o-field__label-large {
1347
- font-size: var(--oruga-field-font-size-large, 1.5rem);
1348
- }
1349
- .o-field__message {
1350
- display: block;
1351
- font-size: var(--oruga-field-message-font-size, 0.75rem);
1352
- margin-top: var(--oruga-field-message-margin-top, 0.25rem);
1353
- }
1354
- .o-field__message-primary {
1355
- color: var(--oruga-variant-primary, #445e00);
1356
- }
1357
- .o-field__message-secondary {
1358
- color: var(--oruga-variant-secondary, #6c757d);
1359
- }
1360
- .o-field__message-success {
1361
- color: var(--oruga-variant-success, #006724);
1362
- }
1363
- .o-field__message-info {
1364
- color: var(--oruga-variant-info, #005c98);
1365
- }
1366
- .o-field__message-warning {
1367
- color: var(--oruga-variant-warning, #f4c300);
1368
- }
1369
- .o-field__message-danger {
1370
- color: var(--oruga-variant-danger, #b60000);
1371
- }
1372
- .o-field--addons {
1373
- display: flex;
1374
- justify-content: flex-start;
1375
- }
1376
- .o-field--addons > button:first-child,
1377
- .o-field--addons > *:first-child:not(:only-child) button,
1378
- .o-field--addons > input:first-child,
1379
- .o-field--addons > *:first-child:not(:only-child) input,
1380
- .o-field--addons > select:first-child,
1381
- .o-field--addons > *:first-child:not(:only-child) select {
1382
- border-bottom-right-radius: 0;
1383
- border-top-right-radius: 0;
1384
- }
1385
- .o-field--addons > button:last-child,
1386
- .o-field--addons > *:last-child:not(:only-child) button,
1387
- .o-field--addons > input:last-child,
1388
- .o-field--addons > *:last-child:not(:only-child) input,
1389
- .o-field--addons > select:last-child,
1390
- .o-field--addons > *:last-child:not(:only-child) select {
1391
- border-bottom-left-radius: 0;
1392
- border-top-left-radius: 0;
1393
- }
1394
- .o-field--addons > *:not(:first-child):not(:last-child) button,
1395
- .o-field--addons > button:not(:first-child):not(:last-child),
1396
- .o-field--addons > *:not(:first-child):not(:last-child) input,
1397
- .o-field--addons > input:not(:first-child):not(:last-child),
1398
- .o-field--addons > *:not(:first-child):not(:last-child) select,
1399
- .o-field--addons > select:not(:first-child):not(:last-child) {
1400
- border-radius: 0;
1401
- }
1402
- .o-field--grouped {
1403
- display: flex;
1404
- margin-left: -0.37rem;
1405
- margin-right: -0.37rem;
1406
- }
1407
- .o-field--grouped > * {
1408
- margin-left: 0.37rem;
1409
- margin-right: 0.37rem;
1410
- }
1411
- .o-field--grouped-multiline {
1412
- flex-wrap: wrap;
1413
- }
1414
- .o-field--grouped-multiline:last-child {
1415
- margin-bottom: var(--oruga-field-margin-bottom, 0.75rem);
1416
- }
1417
- .o-field__horizontal-body {
1418
- display: flex;
1419
- flex-basis: 0;
1420
- flex-grow: 5;
1421
- flex-shrink: 1;
1422
- margin-left: -0.37rem;
1423
- margin-right: -0.37rem;
1424
- }
1425
- .o-field__horizontal-body > * {
1426
- margin-left: 0.37rem;
1427
- margin-right: 0.37rem;
1428
- }
1429
- .o-field--horizontal {
1430
- display: flex;
1431
- }
1432
- .o-field__horizontal-label {
1433
- flex-basis: 0;
1434
- flex-grow: 1;
1435
- flex-shrink: 0;
1436
- margin: 0 1.5rem 0 0;
1437
- text-align: right;
1438
- }
1439
- .o-field--mobile.o-field--horizontal,
1440
- .o-field--mobile .o-field__horizontal-label,
1441
- .o-field--mobile .o-field__horizontal-body {
1442
- display: block;
1443
- text-align: inherit;
1444
- }
1445
-
1446
- /* @docs */
1447
- /* @docs */
1448
- @keyframes icon-spin {
1449
- 0% {
1450
- -webkit-transform: rotate(0deg);
1451
- transform: rotate(0deg);
1452
- }
1453
- 100% {
1454
- -webkit-transform: rotate(359deg);
1455
- transform: rotate(359deg);
1456
- }
1457
- }
1458
- .o-icon {
1459
- align-items: center;
1460
- display: inline-flex;
1461
- justify-content: center;
1462
- transition: transform 150ms ease-out, opacity 300ms ease-out;
1463
- }
1464
- .o-icon--small {
1465
- font-size: var(--oruga-icon-font-size-small, 0.75rem);
1466
- }
1467
- .o-icon--medium {
1468
- font-size: var(--oruga-icon-font-size-medium, 1.25rem);
1469
- }
1470
- .o-icon--large {
1471
- font-size: var(--oruga-icon-font-size-large, 1.5rem);
1472
- }
1473
- .o-icon--primary {
1474
- color: var(--oruga-variant-primary, #445e00);
1475
- }
1476
- .o-icon--secondary {
1477
- color: var(--oruga-variant-secondary, #6c757d);
1478
- }
1479
- .o-icon--success {
1480
- color: var(--oruga-variant-success, #006724);
1481
- }
1482
- .o-icon--info {
1483
- color: var(--oruga-variant-info, #005c98);
1484
- }
1485
- .o-icon--warning {
1486
- color: var(--oruga-variant-warning, #f4c300);
1487
- }
1488
- .o-icon--danger {
1489
- color: var(--oruga-variant-danger, #b60000);
1490
- }
1491
- .o-icon--clickable {
1492
- pointer-events: auto;
1493
- cursor: pointer;
1494
- }
1495
- .o-icon--spin {
1496
- animation-name: icon-spin;
1497
- animation-iteration-count: infinite;
1498
- animation-timing-function: linear;
1499
- animation-duration: var(--oruga-icon-spin-duration, 2s);
1500
- }
1501
-
1502
- /* @docs */
1503
- /* @docs */
1504
- .o-input {
1505
- -moz-appearance: none;
1506
- -webkit-appearance: none;
1507
- display: inline-flex;
1508
- position: relative;
1509
- vertical-align: top;
1510
- box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
1511
- background-color: var(--oruga-input-background-color, #ffffff);
1512
- border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
1513
- border-style: var(--oruga-input-border-style, solid);
1514
- border-width: var(--oruga-input-border-width, 1px);
1515
- border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
1516
- color: var(--oruga-input-color, #363636);
1517
- font-size: var(--oruga-base-font-size, 1rem);
1518
- height: var(--oruga-input-height, 2.25em);
1519
- line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
1520
- padding: var(--oruga-input-padding, calc(0.375em - 1px) calc(0.625em - 1px));
1521
- margin: var(--oruga-input-margin, 0);
1522
- }
1523
- .o-input__wrapper {
1524
- display: inline-block;
1525
- position: relative;
1526
- }
1527
- .o-input__wrapper--expanded {
1528
- width: 100%;
1529
- flex-grow: 1;
1530
- flex-shrink: 1;
1531
- }
1532
- .o-input__wrapper--expanded .o-input {
1533
- width: 100%;
1534
- }
1535
- .o-input__textarea {
1536
- display: block;
1537
- max-width: 100%;
1538
- min-width: 100%;
1539
- height: auto;
1540
- resize: vertical;
1541
- padding: var(--oruga-input-textarea-padding, 0.625em);
1542
- }
1543
- .o-input__textarea:not([rows]) {
1544
- max-height: var(--oruga-input-textarea-max-height, 600px);
1545
- min-height: var(--oruga-input-textarea-min-height, 120px);
1546
- }
1547
- .o-input__counter {
1548
- display: block;
1549
- float: right;
1550
- font-size: var(--oruga-input-counter-font-size, 0.75rem);
1551
- margin: var(--oruga-input-counter-margin, 0.25rem 0 0 0.5rem);
1552
- }
1553
- .o-input__icon-left, .o-input__icon-right {
1554
- position: absolute;
1555
- top: 0;
1556
- height: 100%;
1557
- width: var(--oruga-input-height, 2.25em);
1558
- z-index: var(--oruga-input-icon-zindex, 4);
1559
- }
1560
- .o-input__icon-right {
1561
- right: 0;
1562
- }
1563
- .o-input__icon-left {
1564
- left: 0;
1565
- }
1566
- .o-input--iconspace-left {
1567
- padding-left: var(--oruga-input-height, 2.25em);
1568
- }
1569
- .o-input--iconspace-right {
1570
- padding-right: var(--oruga-input-height, 2.25em);
1571
- }
1572
- .o-input--rounded {
1573
- border-radius: var(--oruga-input-rounded-border-radius, var(--oruga-base-border-radius-rounded));
1574
- }
1575
- .o-input--small {
1576
- font-size: var(--oruga-input-font-size-small, 0.75rem);
1577
- }
1578
- .o-input--medium {
1579
- font-size: var(--oruga-input-font-size-medium, 1.25rem);
1580
- }
1581
- .o-input--large {
1582
- font-size: var(--oruga-input-font-size-large, 1.5rem);
1583
- }
1584
- .o-input--primary {
1585
- --oruga-focus: rgba(68, 94, 0, 0.25);
1586
- border-color: var(--oruga-variant-primary, #445e00);
1587
- }
1588
- .o-input--secondary {
1589
- --oruga-focus: rgba(108, 117, 125, 0.25);
1590
- border-color: var(--oruga-variant-secondary, #6c757d);
1591
- }
1592
- .o-input--success {
1593
- --oruga-focus: rgba(0, 103, 36, 0.25);
1594
- border-color: var(--oruga-variant-success, #006724);
1595
- }
1596
- .o-input--info {
1597
- --oruga-focus: rgba(0, 92, 152, 0.25);
1598
- border-color: var(--oruga-variant-info, #005c98);
1599
- }
1600
- .o-input--warning {
1601
- --oruga-focus: rgba(244, 195, 0, 0.25);
1602
- border-color: var(--oruga-variant-warning, #f4c300);
1603
- }
1604
- .o-input--danger {
1605
- --oruga-focus: rgba(182, 0, 0, 0.25);
1606
- border-color: var(--oruga-variant-danger, #b60000);
1607
- }
1608
- .o-input:focus, .o-input:focus-within {
1609
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
1610
- }
1611
-
1612
- /* @docs */
1613
- /* @docs */
1614
- .o-load {
1615
- position: absolute;
1616
- bottom: 0;
1617
- left: 0;
1618
- right: 0;
1619
- top: 0;
1620
- align-items: center;
1621
- display: flex;
1622
- justify-content: center;
1623
- overflow: hidden;
1624
- z-index: var(--oruga-loading-zindex, 29);
1625
- }
1626
- .o-load--fullpage {
1627
- position: fixed;
1628
- z-index: var(--oruga-loading-fullpage-zindex, 999);
1629
- }
1630
- .o-load__overlay {
1631
- position: absolute;
1632
- bottom: 0;
1633
- left: 0;
1634
- right: 0;
1635
- top: 0;
1636
- background: var(--oruga-loading-overlay-legacy, #7f7f7f);
1637
- background: var(--oruga-loading-overlay, rgba(255, 255, 255, 0.5));
1638
- }
1639
-
1640
- /* @docs */
1641
- /* @docs */
1642
- .o-menu--small {
1643
- font-size: var(--oruga-menu-font-size-small, 0.75rem);
1644
- }
1645
- .o-menu--medium {
1646
- font-size: var(--oruga-menu-font-size-medium, 1.25rem);
1647
- }
1648
- .o-menu--large {
1649
- font-size: var(--oruga-menu-font-size-large, 1.5rem);
1650
- }
1651
- .o-menu__list, .o-menu__item__wrapper {
1652
- list-style: none;
1653
- }
1654
- .o-menu__list {
1655
- line-height: var(--oruga-menu-list-line-height, 1.25em);
1656
- }
1657
- .o-menu__item__submenu {
1658
- border-left: var(--oruga-menu-list-border-left, 1px solid var(--oruga-primary));
1659
- padding-left: var(--oruga-menu-nested-list-padding-left, 0.75em);
1660
- margin: var(--oruga-menu-nested-list-margin, 0.75em);
1661
- }
1662
- .o-menu__label {
1663
- text-transform: uppercase;
1664
- color: var(--oruga-menu-label-color, #7a7a7a);
1665
- font-size: var(--oruga-menu-label-font-size, 0.75em);
1666
- }
1667
- .o-menu__label:not(:first-child) {
1668
- margin-top: var(--oruga-menu-label-spacing, 1em);
1669
- }
1670
- .o-menu__label:not(:last-child) {
1671
- margin-bottom: var(--oruga-menu-label-spacing, 1em);
1672
- }
1673
- .o-menu__item {
1674
- display: block;
1675
- list-style: none;
1676
- color: var(--oruga-menu-item-color, var(--oruga-grey-dark));
1677
- padding: var(--oruga-menu-item-padding, 0.5em 0.75em);
1678
- font-size: var(--oruga-menu-item-size, 1rem);
1679
- }
1680
- .o-menu__item:hover:not(.o-menu__item--active):not(.o-menu__item--disabled) {
1681
- color: var(--oruga-menu-item-hover-color, var(--oruga-black));
1682
- background-color: var(--oruga-menu-item-hover-background-color, var(--oruga-grey-light));
1683
- }
1684
- .o-menu__item--icon-text .o-icon {
1685
- margin-right: var(--oruga-menu-icon-spacer, 0.5rem);
1686
- }
1687
- .o-menu__item--active {
1688
- color: var(--oruga-menu-item-active-color, var(--oruga-primary-invert));
1689
- background-color: var(--oruga-menu-item-active-background-color, var(--oruga-primary));
1690
- }
1691
- .o-menu__item--disabled {
1692
- color: var(--oruga-menu-item-disabled-color, var(--oruga-grey-light));
1693
- }
1694
-
1695
- /* @docs */
1696
- /* @docs */
1697
- .o-modal {
1698
- display: flex;
1699
- flex-direction: column;
1700
- justify-content: center;
1701
- align-items: center;
1702
- overflow: hidden;
1703
- position: fixed;
1704
- bottom: 0;
1705
- left: 0;
1706
- right: 0;
1707
- top: 0;
1708
- z-index: var(--oruga-modal-zindex, 40);
1709
- }
1710
- .o-modal__overlay {
1711
- bottom: 0;
1712
- left: 0;
1713
- position: absolute;
1714
- right: 0;
1715
- top: 0;
1716
- background-color: var(--oruga-modal-overlay-background-color, hsla(0, 0%, 4%, 0.86));
1717
- }
1718
- .o-modal__content {
1719
- overflow: auto;
1720
- position: relative;
1721
- margin: var(--oruga-modal-content-margin, 0 auto);
1722
- max-height: var(--oruga-modal-content-max-height, calc(100vh - 160px));
1723
- background-color: var(--oruga-modal-content-background-color, var(--oruga-white));
1724
- border-radius: var(--oruga-modal-content-border-radius, var(--oruga-base-border-radius));
1725
- }
1726
- .o-modal__content--full-screen {
1727
- width: 100%;
1728
- height: 100%;
1729
- max-height: 100vh;
1730
- margin: 0;
1731
- background-color: var(--oruga-modal-content-fullscreen-background-color, #f5f5f5);
1732
- }
1733
- .o-modal__close {
1734
- background: none;
1735
- position: fixed;
1736
- border: none;
1737
- display: inline-block;
1738
- vertical-align: top;
1739
- border-radius: var(--oruga-modal-close-border-radius, var(--oruga-base-border-radius-rounded));
1740
- right: var(--oruga-modal-close-right, 20px);
1741
- top: var(--oruga-modal-close-top, 20px);
1742
- height: var(--oruga-modal-close-size, 32px);
1743
- width: var(--oruga-modal-close-size, 32px);
1744
- color: var(--oruga-modal-close-color, var(--oruga-white));
1745
- }
1746
- .o-modal--mobile .o-modal__content {
1747
- width: 100%;
1748
- }
1749
-
1750
- /* @docs */
1751
- /* @docs */
1752
- .o-notification {
1753
- position: relative;
1754
- transform-origin: 50% 0;
1755
- background-color: var(--oruga-notification-background-color, var(--oruga-primary));
1756
- color: var(--oruga-notification-color, var(--oruga-white));
1757
- border-radius: var(--oruga-notification-border-radius, 4px);
1758
- padding: var(--oruga-notification-padding, 1.75em 1.75em);
1759
- margin-bottom: var(--oruga-notification-margin-bottom, 1.5rem);
1760
- }
1761
- .o-notification__content {
1762
- flex-basis: auto;
1763
- flex-grow: 1;
1764
- flex-shrink: 1;
1765
- text-align: inherit;
1766
- overflow-y: hidden;
1767
- overflow-x: auto;
1768
- }
1769
- .o-notification__wrapper {
1770
- align-items: flex-start;
1771
- display: flex;
1772
- text-align: inherit;
1773
- padding-top: 0;
1774
- border: 0;
1775
- }
1776
- .o-notification__icon {
1777
- flex-basis: auto;
1778
- flex-grow: 0;
1779
- flex-shrink: 0;
1780
- margin-right: var(--oruga-notification-icon-margin-right, 1rem);
1781
- }
1782
- .o-notification__close {
1783
- position: absolute;
1784
- border: none;
1785
- cursor: pointer;
1786
- pointer-events: auto;
1787
- display: flex;
1788
- justify-content: center;
1789
- align-items: center;
1790
- flex-grow: 0;
1791
- flex-shrink: 0;
1792
- vertical-align: top;
1793
- background-color: var(--oruga-notification-close-background-color, hsla(0, 0%, 4%, 0.2));
1794
- border-radius: var(--oruga-notification-close-border-radius, var(--oruga-base-border-radius-rounded));
1795
- right: var(--oruga-notification-close-right, 0.5rem);
1796
- top: var(--oruga-notification-close-top, 0.5rem);
1797
- height: var(--oruga-notification-close-size, 20px);
1798
- width: var(--oruga-notification-close-size, 20px);
1799
- color: var(--oruga-notification-close-color, var(--oruga-white));
1800
- }
1801
- .o-notification--primary {
1802
- border-color: transparent;
1803
- background-color: var(--oruga-variant-primary, #445e00);
1804
- color: var(--oruga-variant-invert-primary, #ffffff);
1805
- }
1806
- .o-notification--primary:hover {
1807
- filter: brightness(97.5%);
1808
- }
1809
- .o-notification--secondary {
1810
- border-color: transparent;
1811
- background-color: var(--oruga-variant-secondary, #6c757d);
1812
- color: var(--oruga-variant-invert-secondary, #ffffff);
1813
- }
1814
- .o-notification--secondary:hover {
1815
- filter: brightness(97.5%);
1816
- }
1817
- .o-notification--success {
1818
- border-color: transparent;
1819
- background-color: var(--oruga-variant-success, #006724);
1820
- color: var(--oruga-variant-invert-success, #ffffff);
1821
- }
1822
- .o-notification--success:hover {
1823
- filter: brightness(97.5%);
1824
- }
1825
- .o-notification--info {
1826
- border-color: transparent;
1827
- background-color: var(--oruga-variant-info, #005c98);
1828
- color: var(--oruga-variant-invert-info, #ffffff);
1829
- }
1830
- .o-notification--info:hover {
1831
- filter: brightness(97.5%);
1832
- }
1833
- .o-notification--warning {
1834
- border-color: transparent;
1835
- background-color: var(--oruga-variant-warning, #f4c300);
1836
- color: var(--oruga-variant-invert-warning, #000000);
1837
- }
1838
- .o-notification--warning:hover {
1839
- filter: brightness(97.5%);
1840
- }
1841
- .o-notification--danger {
1842
- border-color: transparent;
1843
- background-color: var(--oruga-variant-danger, #b60000);
1844
- color: var(--oruga-variant-invert-danger, #ffffff);
1845
- }
1846
- .o-notification--danger:hover {
1847
- filter: brightness(97.5%);
1848
- }
1849
-
1850
- .o-notices {
1851
- position: fixed;
1852
- display: flex;
1853
- top: 0;
1854
- bottom: 0;
1855
- left: 0;
1856
- right: 0;
1857
- overflow: hidden;
1858
- pointer-events: none;
1859
- padding: var(--oruga-notification-notices-padding, 2em);
1860
- z-index: var(--oruga-notification-notices-zindex, 1000);
1861
- }
1862
- .o-notices .o-notification {
1863
- pointer-events: stroke;
1864
- max-width: 600px;
1865
- animation: var(--oruga-notification-animantion, append-animate 0.3s linear);
1866
- }
1867
- .o-notices .o-notification--top, .o-notices .o-notification--bottom {
1868
- align-self: center;
1869
- }
1870
- .o-notices .o-notification--top-right, .o-notices .o-notification--bottom-right {
1871
- align-self: flex-end;
1872
- }
1873
- .o-notices .o-notification--top-left, .o-notices .o-notification--bottom-left {
1874
- align-self: flex-start;
1875
- }
1876
- .o-notices--top {
1877
- flex-direction: column;
1878
- }
1879
- .o-notices--bottom {
1880
- flex-direction: column-reverse;
1881
- }
1882
- .o-notices--bottom .o-notification {
1883
- margin-bottom: 0;
1884
- }
1885
- .o-notices--bottom .o-notification:not(:first-child) {
1886
- margin-bottom: 1.5rem;
1887
- }
1888
- .o-notices__custom-container {
1889
- position: absolute;
1890
- }
1891
-
1892
- /* @docs */
1893
- /* @docs */
1894
- .o-pag {
1895
- align-items: center;
1896
- display: flex;
1897
- text-align: center;
1898
- justify-content: space-between;
1899
- font-size: var(--oruga-base-font-size, 1rem);
1900
- margin: var(--oruga-pagination-margin, -0.25rem);
1901
- }
1902
- .o-pag--small {
1903
- font-size: var(--oruga-pagination-font-size-small, 0.75rem);
1904
- }
1905
- .o-pag--medium {
1906
- font-size: var(--oruga-pagination-font-size-medium, 1.25rem);
1907
- }
1908
- .o-pag--large {
1909
- font-size: var(--oruga-pagination-font-size-large, 1.5rem);
1910
- }
1911
- .o-pag__link {
1912
- -webkit-touch-callout: none;
1913
- -webkit-user-select: none;
1914
- -moz-user-select: none;
1915
- -ms-user-select: none;
1916
- user-select: none;
1917
- -moz-appearance: none;
1918
- -webkit-appearance: none;
1919
- align-items: center;
1920
- box-shadow: none;
1921
- display: inline-flex;
1922
- position: relative;
1923
- vertical-align: top;
1924
- justify-content: center;
1925
- text-align: center;
1926
- text-decoration: none;
1927
- cursor: pointer;
1928
- line-height: var(--oruga-pagination-link-line-height, var(--oruga-base-line-height));
1929
- border: var(--oruga-pagination-link-border, 1px solid transparent);
1930
- border-radius: var(--oruga-pagination-link-border-radius, var(--oruga-base-border-radius));
1931
- border-color: var(--oruga-pagination-link-border-color, var(--oruga-grey-lighter));
1932
- color: var(--oruga-pagination-link-color, #363636);
1933
- min-width: var(--oruga-pagination-link-min-width, 2.25em);
1934
- height: var(--oruga-pagination-link-height, 2.25em);
1935
- padding: var(--oruga-pagination-link-padding, 0.5em 0.5em);
1936
- margin: var(--oruga-pagination-link-margin, 0.25rem);
1937
- }
1938
- .o-pag__link:hover {
1939
- text-decoration: none;
1940
- border-color: var(--oruga-pagination-link-hover-border-color, var(--oruga-grey-light));
1941
- }
1942
- .o-pag__link--rounded {
1943
- border-radius: var(--oruga-pagination-rounded-border-radius, var(--oruga-base-border-radius-rounded));
1944
- }
1945
- .o-pag__link--disabled {
1946
- pointer-events: none;
1947
- opacity: var(--oruga-pagination-disabled-opacity, var(--oruga-base-disabled-opacity));
1948
- }
1949
- .o-pag__link--current {
1950
- pointer-events: none;
1951
- background-color: var(--oruga-pagination-link-current-background-color, var(--oruga-primary));
1952
- border-color: var(--oruga-pagination-link-current-border-color, var(--oruga-primary));
1953
- color: var(--oruga-pagination-link-current-color, #fff);
1954
- }
1955
- .o-pag__ellipsis {
1956
- justify-content: center;
1957
- text-align: center;
1958
- pointer-events: none;
1959
- margin: var(--oruga-pagination-link-margin, 0.25rem);
1960
- color: var(--oruga-pagination-ellipsis-color, var(--oruga-grey-light));
1961
- }
1962
- .o-pag__next {
1963
- order: 3;
1964
- }
1965
- .o-pag__previous {
1966
- order: 2;
1967
- }
1968
- .o-pag__list {
1969
- align-items: center;
1970
- display: flex;
1971
- text-align: center;
1972
- list-style: none;
1973
- flex-wrap: wrap;
1974
- margin: 0;
1975
- padding: 0;
1976
- flex-grow: 1;
1977
- flex-shrink: 1;
1978
- justify-content: flex-start;
1979
- order: 1;
1980
- }
1981
- .o-pag--simple {
1982
- justify-content: normal;
1983
- }
1984
- .o-pag--centered {
1985
- justify-content: center;
1986
- }
1987
- .o-pag--centered .o-pag__previous {
1988
- order: 1;
1989
- }
1990
- .o-pag--centered .o-pag__next {
1991
- order: 3;
1992
- }
1993
- .o-pag--centered .o-pag__list {
1994
- justify-content: center;
1995
- order: 2;
1996
- }
1997
- .o-pag--right {
1998
- justify-content: flex-end;
1999
- }
2000
- .o-pag--right .o-pag__previous {
2001
- order: 1;
2002
- }
2003
- .o-pag--right .o-pag__next {
2004
- order: 2;
2005
- }
2006
- .o-pag--right .o-pag__list {
2007
- justify-content: flex-end;
2008
- order: 2;
2009
- }
2010
- .o-pag--mobile {
2011
- justify-content: flex-start;
2012
- flex-wrap: wrap;
2013
- }
2014
- .o-pag--mobile .o-pag__link {
2015
- flex-grow: 1;
2016
- flex-shrink: 1;
2017
- }
2018
- .o-pag--mobile .o-pag__previous {
2019
- flex-grow: 1;
2020
- flex-shrink: 1;
2021
- order: 0;
2022
- }
2023
- .o-pag--mobile .o-pag__next {
2024
- flex-grow: 1;
2025
- flex-shrink: 1;
2026
- order: 0;
2027
- }
2028
- .o-pag--mobile .o-pag__ellipsis {
2029
- flex-grow: 1;
2030
- flex-shrink: 1;
2031
- }
2032
- .o-pag--mobile .o-pag__list {
2033
- order: 0;
2034
- }
2035
-
2036
- /* @docs */
2037
- /* @docs */
2038
- .o-radio {
2039
- -webkit-touch-callout: none;
2040
- -webkit-user-select: none;
2041
- -moz-user-select: none;
2042
- -ms-user-select: none;
2043
- user-select: none;
2044
- display: inline-flex;
2045
- align-items: center;
2046
- cursor: pointer;
2047
- line-height: var(--oruga-radio-line-height, 1.25);
2048
- margin-right: var(--oruga-radio-margin-sibiling, 0.5em);
2049
- }
2050
- .o-radio__input {
2051
- font-size: var(--oruga-radio-font-size, inherit);
2052
- width: var(--oruga-radio-size, 1rem);
2053
- height: var(--oruga-radio-size, 1rem);
2054
- margin: 0;
2055
- vertical-align: top;
2056
- -webkit-appearance: none;
2057
- -moz-appearance: none;
2058
- appearance: none;
2059
- -webkit-print-color-adjust: exact;
2060
- print-color-adjust: exact;
2061
- cursor: pointer;
2062
- box-shadow: var(--oruga-radio-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
2063
- border-radius: 50%;
2064
- background: var(--oruga-radio-active-background-color, #445e00);
2065
- 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");
2066
- background-image: none;
2067
- background-position: center;
2068
- background-size: contain;
2069
- background-repeat: no-repeat;
2070
- transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
2071
- }
2072
- .o-radio__input--checked {
2073
- 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");
2074
- }
2075
- .o-radio__label {
2076
- padding: var(--oruga-radio-label-padding, 0 0 0 0.5em);
2077
- }
2078
- .o-radio--disabled {
2079
- opacity: var(--oruga-radio-disabled-opacity, var(--oruga-base-disabled-opacity));
2080
- }
2081
- .o-radio--small {
2082
- --oruga-radio-font-size: 0.75rem;
2083
- --oruga-radio-size: 0.75rem;
2084
- }
2085
- .o-radio--medium {
2086
- --oruga-radio-font-size: 1.25rem;
2087
- --oruga-radio-size: 1.25rem;
2088
- }
2089
- .o-radio--large {
2090
- --oruga-radio-font-size: 1.5rem;
2091
- --oruga-radio-size: 1.5rem;
2092
- }
2093
- .o-radio--primary {
2094
- --oruga-focus: rgba(68, 94, 0, 0.25);
2095
- --oruga-radio-active-background-color: #445e00;
2096
- }
2097
- .o-radio--secondary {
2098
- --oruga-focus: rgba(108, 117, 125, 0.25);
2099
- --oruga-radio-active-background-color: #6c757d;
2100
- }
2101
- .o-radio--success {
2102
- --oruga-focus: rgba(0, 103, 36, 0.25);
2103
- --oruga-radio-active-background-color: #006724;
2104
- }
2105
- .o-radio--info {
2106
- --oruga-focus: rgba(0, 92, 152, 0.25);
2107
- --oruga-radio-active-background-color: #005c98;
2108
- }
2109
- .o-radio--warning {
2110
- --oruga-focus: rgba(244, 195, 0, 0.25);
2111
- --oruga-radio-active-background-color: #f4c300;
2112
- }
2113
- .o-radio--danger {
2114
- --oruga-focus: rgba(182, 0, 0, 0.25);
2115
- --oruga-radio-active-background-color: #b60000;
2116
- }
2117
- .o-radio:focus .o-radio__input, .o-radio:focus-within .o-radio__input {
2118
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
2119
- }
2120
-
2121
- /* @docs */
2122
- /* @docs */
2123
- .o-ctrl-sel {
2124
- display: inline-flex;
2125
- position: relative;
2126
- }
2127
- .o-ctrl-sel--expanded {
2128
- width: 100%;
2129
- flex-grow: 1;
2130
- }
2131
- .o-ctrl-sel--expanded .o-sel {
2132
- width: 100%;
2133
- }
2134
-
2135
- .o-sel {
2136
- -moz-appearance: none;
2137
- -webkit-appearance: none;
2138
- display: inline-block;
2139
- position: relative;
2140
- vertical-align: top;
2141
- cursor: pointer;
2142
- justify-content: flex-start;
2143
- align-items: center;
2144
- box-shadow: var(--oruga-select-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
2145
- background-color: var(--oruga-select-background-color, #fff);
2146
- border-color: var(--oruga-select-border-color, var(--oruga-grey-lighter));
2147
- border-width: var(--oruga-select-border-width, 1px);
2148
- border-style: var(--oruga-select-border-style, solid);
2149
- border-radius: var(--oruga-select-border-radius, var(--oruga-base-border-radius));
2150
- color: var(--oruga-select-color, #363636);
2151
- font-size: var(--oruga-base-font-size, 1rem);
2152
- height: var(--oruga-select-height, 2.25em);
2153
- line-height: var(--oruga-select-line-height, var(--oruga-base-line-height));
2154
- padding: var(--oruga-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
2155
- margin: var(--oruga-select-margin, 0);
2156
- }
2157
- .o-sel-arrow {
2158
- 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");
2159
- background-repeat: no-repeat;
2160
- background-size: var(--oruga-select-arrow-size, 1rem);
2161
- background-position: calc(100% - var(--oruga-select-arrow-size, 1rem) * 0.5) center;
2162
- padding-right: calc(var(--oruga-select-arrow-size, 1rem) * 2);
2163
- }
2164
- .o-sel-iconspace-left {
2165
- padding-left: var(--oruga-select-height, 2.25em);
2166
- }
2167
- .o-sel-iconspace-right {
2168
- padding-right: var(--oruga-select-height, 2.25em);
2169
- }
2170
- .o-sel--small {
2171
- font-size: var(--oruga-select-font-size-small, 0.75rem);
2172
- }
2173
- .o-sel--medium {
2174
- font-size: var(--oruga-select-font-size-medium, 1.25rem);
2175
- }
2176
- .o-sel--large {
2177
- font-size: var(--oruga-select-font-size-large, 1.5rem);
2178
- }
2179
- .o-sel--primary {
2180
- --oruga-focus: rgba(68, 94, 0, 0.25);
2181
- border-color: var(--oruga-variant-primary, #445e00);
2182
- }
2183
- .o-sel--secondary {
2184
- --oruga-focus: rgba(108, 117, 125, 0.25);
2185
- border-color: var(--oruga-variant-secondary, #6c757d);
2186
- }
2187
- .o-sel--success {
2188
- --oruga-focus: rgba(0, 103, 36, 0.25);
2189
- border-color: var(--oruga-variant-success, #006724);
2190
- }
2191
- .o-sel--info {
2192
- --oruga-focus: rgba(0, 92, 152, 0.25);
2193
- border-color: var(--oruga-variant-info, #005c98);
2194
- }
2195
- .o-sel--warning {
2196
- --oruga-focus: rgba(244, 195, 0, 0.25);
2197
- border-color: var(--oruga-variant-warning, #f4c300);
2198
- }
2199
- .o-sel--danger {
2200
- --oruga-focus: rgba(182, 0, 0, 0.25);
2201
- border-color: var(--oruga-variant-danger, #b60000);
2202
- }
2203
- .o-sel--rounded {
2204
- border-radius: var(--oruga-select-rounded-border-radius, var(--oruga-base-border-radius-rounded));
2205
- }
2206
- .o-sel--multiple {
2207
- height: auto;
2208
- padding: 0;
2209
- }
2210
- .o-sel--placeholder {
2211
- opacity: var(--oruga-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
2212
- }
2213
- .o-sel__icon-left, .o-sel__icon-right {
2214
- position: absolute;
2215
- top: 0;
2216
- height: 100%;
2217
- width: var(--oruga-select-height, 2.25em);
2218
- z-index: var(--oruga-select-icon-zindex, 4);
2219
- }
2220
- .o-sel__icon-right {
2221
- right: 0;
2222
- }
2223
- .o-sel__icon-left {
2224
- left: 0;
2225
- }
2226
- .o-sel[disabled] {
2227
- cursor: inherit;
2228
- }
2229
- .o-sel:focus, .o-sel:focus-within {
2230
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
2231
- }
2232
-
2233
- /* @docs */
2234
- /* @docs */
2235
- @keyframes skeleton-loading {
2236
- 0% {
2237
- background-position: 100% 50%;
2238
- }
2239
- 100% {
2240
- background-position: 0 50%;
2241
- }
2242
- }
2243
- .o-sklt {
2244
- display: inline-flex;
2245
- flex-direction: column;
2246
- vertical-align: middle;
2247
- width: 100%;
2248
- }
2249
- .o-sklt__item {
2250
- width: 100%;
2251
- background: var(--oruga-skeleton-background, linear-gradient(90deg, #dbdbdb 25%, rgba(219, 219, 219, 0.5) 50%, #dbdbdb 75%));
2252
- margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
2253
- line-height: var(--oruga-skeleton-font-size, 1rem);
2254
- }
2255
- .o-sklt__item--small {
2256
- line-height: var(--oruga-skeleton-font-size-small, 0.75rem);
2257
- }
2258
- .o-sklt__item--medium {
2259
- line-height: var(--oruga-skeleton-font-size-medium, 1.25rem);
2260
- }
2261
- .o-sklt__item--large {
2262
- line-height: var(--oruga-skeleton-font-size-large, 1.5rem);
2263
- }
2264
- .o-sklt__item--rounded {
2265
- border-radius: var(--oruga-skeleton-border-radius, var(--oruga-base-border-radius));
2266
- }
2267
- .o-sklt__item--animated {
2268
- background-size: 400% 100%;
2269
- animation-name: skeleton-loading;
2270
- animation-iteration-count: infinite;
2271
- animation-duration: var(--oruga-skeleton-duration, 1.5s);
2272
- }
2273
- .o-sklt__item::after {
2274
- content: " ";
2275
- }
2276
- .o-sklt--centered {
2277
- align-items: center;
2278
- }
2279
- .o-sklt--right {
2280
- align-items: flex-end;
2281
- margin: var(--oruga-skeleton-margin, 0.5rem 0 0 0);
2282
- }
2283
-
2284
- /* @docs */
2285
- /* @docs */
2286
- .o-side {
2287
- position: fixed;
2288
- top: 0;
2289
- left: 0;
2290
- height: 100%;
2291
- width: 100%;
2292
- display: none;
2293
- }
2294
- .o-side__content {
2295
- position: absolute;
2296
- background-color: var(--oruga-sidebar-content-background-color, var(--oruga-grey-lighter));
2297
- border-radius: var(--oruga-sidebar-border-radius, var(--oruga-base-border-radius));
2298
- box-shadow: var(--oruga-sidebar-box-shadow, 5px 0px 13px 3px rgba(var(--oruga-black), 0.1));
2299
- }
2300
- .o-side__content--primary {
2301
- background-color: var(--oruga-variant-primary), #445e00;
2302
- }
2303
- .o-side__content--secondary {
2304
- background-color: var(--oruga-variant-secondary), #6c757d;
2305
- }
2306
- .o-side__content--success {
2307
- background-color: var(--oruga-variant-success), #006724;
2308
- }
2309
- .o-side__content--info {
2310
- background-color: var(--oruga-variant-info), #005c98;
2311
- }
2312
- .o-side__content--warning {
2313
- background-color: var(--oruga-variant-warning), #f4c300;
2314
- }
2315
- .o-side__content--danger {
2316
- background-color: var(--oruga-variant-danger), #b60000;
2317
- }
2318
- .o-side__content--right, .o-side__content--left {
2319
- transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
2320
- width: var(--oruga-sidebar-width, 260px);
2321
- }
2322
- .o-side__content--top, .o-side__content--bottom {
2323
- transition: height var(--oruga-transition-duration) var(--oruga-transition-timing);
2324
- height: var(--oruga-sidebar-width, 260px);
2325
- }
2326
- .o-side__content--right {
2327
- left: auto;
2328
- right: 0;
2329
- border-left: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2330
- }
2331
- .o-side__content--left {
2332
- left: 0;
2333
- right: auto;
2334
- border-right: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2335
- }
2336
- .o-side__content--top {
2337
- top: 0;
2338
- bottom: auto;
2339
- border-bottom: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2340
- }
2341
- .o-side__content--bottom {
2342
- top: auto;
2343
- bottom: 0;
2344
- border-top: var(--oruga-sidebar-border-width, 1px) solid var(--oruga-sidebar-border-color, rgba(0, 0, 0, 0.175));
2345
- }
2346
- .o-side__content--reduced {
2347
- width: var(--oruga-sidebar-reduced-width, 80px);
2348
- }
2349
- .o-side__content--reduced-expand:hover {
2350
- transition: width var(--oruga-transition-duration) var(--oruga-transition-timing);
2351
- width: var(--oruga-sidebar-width, 260px);
2352
- }
2353
- .o-side__content--fullwidth {
2354
- width: 100%;
2355
- max-width: 100%;
2356
- }
2357
- .o-side__content--fullheight {
2358
- height: 100%;
2359
- max-height: 100%;
2360
- }
2361
- .o-side__overlay {
2362
- position: absolute;
2363
- bottom: 0;
2364
- left: 0;
2365
- right: 0;
2366
- top: 0;
2367
- background: var(--oruga-sidebar-overlay, hsla(0, 0%, 4%, 0.86));
2368
- }
2369
- .o-side--active {
2370
- display: block;
2371
- }
2372
- .o-side--inline {
2373
- position: relative;
2374
- }
2375
- .o-side--inline .o-side__overlay {
2376
- position: absolute;
2377
- }
2378
- .o-side--inline .o-side__content {
2379
- position: relative;
2380
- }
2381
- .o-side:not(.o-side--inline) {
2382
- z-index: var(--oruga-sidebar-zindex, 100);
2383
- }
2384
-
2385
- /* @docs */
2386
- /* @docs */
2387
- .o-slide {
2388
- width: 100%;
2389
- margin: var(--oruga-slider-margin, 1em 0);
2390
- background: var(--oruga-slider-background, transparent);
2391
- }
2392
- .o-slide__thumb {
2393
- box-shadow: var(--oruga-slider-thumb-shadow, none);
2394
- border: var(--oruga-slider-thumb-border, 1px solid var(--oruga-grey-light));
2395
- border-radius: var(--oruga-slider-thumb-radius, var(--oruga-base-border-radius));
2396
- background: var(--oruga-slider-thumb-background, var(--oruga-white));
2397
- }
2398
- .o-slide__thumb:focus {
2399
- transform: var(--oruga-slider-thumb-transform, scale(1.25));
2400
- }
2401
- .o-slide__thumb--rounded {
2402
- border-radius: var(--oruga-slider-rounded-borded-radius, var(--oruga-base-border-radius-rounded));
2403
- }
2404
- .o-slide__thumb--dragging {
2405
- cursor: grabbing;
2406
- filter: brightness(0.8);
2407
- }
2408
- .o-slide__track {
2409
- display: flex;
2410
- align-items: center;
2411
- position: relative;
2412
- cursor: pointer;
2413
- background: var(--oruga-slider-track-background, var(--oruga-grey-lighter));
2414
- border-radius: var(--oruga-slider-track-border-radius, var(--oruga-base-border-radius));
2415
- }
2416
- .o-slide__fill {
2417
- position: absolute;
2418
- height: 100%;
2419
- box-shadow: var(--oruga-slider-track-shadow, 0px 0px 0px var(--oruga-grey));
2420
- background: var(--oruga-slider-fill-background, var(--oruga-primary));
2421
- border-radius: var(--oruga-slider-track-radius, var(--oruga-base-border-radius));
2422
- border: var(--oruga-slider-track-border, 0px solid var(--oruga-grey));
2423
- top: 50%;
2424
- transform: translateY(-50%);
2425
- }
2426
- .o-slide__fill--primary {
2427
- background: var(--oruga-variant-primary, #445e00);
2428
- }
2429
- .o-slide__fill--primary + .o-slide__thumb-wrapper {
2430
- --oruga-focus: rgba(68, 94, 0, 0.25);
2431
- }
2432
- .o-slide__fill--secondary {
2433
- background: var(--oruga-variant-secondary, #6c757d);
2434
- }
2435
- .o-slide__fill--secondary + .o-slide__thumb-wrapper {
2436
- --oruga-focus: rgba(108, 117, 125, 0.25);
2437
- }
2438
- .o-slide__fill--success {
2439
- background: var(--oruga-variant-success, #006724);
2440
- }
2441
- .o-slide__fill--success + .o-slide__thumb-wrapper {
2442
- --oruga-focus: rgba(0, 103, 36, 0.25);
2443
- }
2444
- .o-slide__fill--info {
2445
- background: var(--oruga-variant-info, #005c98);
2446
- }
2447
- .o-slide__fill--info + .o-slide__thumb-wrapper {
2448
- --oruga-focus: rgba(0, 92, 152, 0.25);
2449
- }
2450
- .o-slide__fill--warning {
2451
- background: var(--oruga-variant-warning, #f4c300);
2452
- }
2453
- .o-slide__fill--warning + .o-slide__thumb-wrapper {
2454
- --oruga-focus: rgba(244, 195, 0, 0.25);
2455
- }
2456
- .o-slide__fill--danger {
2457
- background: var(--oruga-variant-danger, #b60000);
2458
- }
2459
- .o-slide__fill--danger + .o-slide__thumb-wrapper {
2460
- --oruga-focus: rgba(182, 0, 0, 0.25);
2461
- }
2462
- .o-slide .o-slide__track {
2463
- height: var(--oruga-slider-track-height, calc(var(--oruga-base-font-size) / 2));
2464
- }
2465
- .o-slide .o-slide__thumb {
2466
- height: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
2467
- width: var(--oruga-slider-thumb-size, var(--oruga-base-font-size));
2468
- }
2469
- .o-slide .o-slide__tick {
2470
- height: var(--oruga-slider-tick-height, calc(var(--oruga-base-font-size) / 2 * 0.5));
2471
- }
2472
- .o-slide .o-slide__tick-label {
2473
- font-size: var(--oruga-slider-mark-size 0.75rem);
2474
- position: absolute;
2475
- top: calc(var(--oruga-slider-tick-label-top-, calc(var(--oruga-base-font-size) / 2)) * 0.5 + 2px);
2476
- left: 50%;
2477
- transform: translateX(-50%);
2478
- }
2479
- .o-slide--small .o-slide__track {
2480
- height: var(--oruga-slider-track-height-small, 0.375rem);
2481
- }
2482
- .o-slide--small .o-slide__thumb {
2483
- height: var(--oruga-slider-thumb-size-small, 0.75rem);
2484
- width: var(--oruga-slider-thumb-size-small, 0.75rem);
2485
- }
2486
- .o-slide--small .o-slide__tick {
2487
- height: var(--oruga-slider-tick-height-small, 0.1875rem);
2488
- }
2489
- .o-slide--small .o-slide__tick-label {
2490
- font-size: var(--oruga-slider-mark-size-small, 0.75rem);
2491
- position: absolute;
2492
- top: calc(var(--oruga-slider-tick-label-top-small, 0.375rem) * 0.5 + 2px);
2493
- left: 50%;
2494
- transform: translateX(-50%);
2495
- }
2496
- .o-slide--medium .o-slide__track {
2497
- height: var(--oruga-slider-track-height-medium, 0.625rem);
2498
- }
2499
- .o-slide--medium .o-slide__thumb {
2500
- height: var(--oruga-slider-thumb-size-medium, 1.25rem);
2501
- width: var(--oruga-slider-thumb-size-medium, 1.25rem);
2502
- }
2503
- .o-slide--medium .o-slide__tick {
2504
- height: var(--oruga-slider-tick-height-medium, 0.3125rem);
2505
- }
2506
- .o-slide--medium .o-slide__tick-label {
2507
- font-size: var(--oruga-slider-mark-size-medium, 0.75rem);
2508
- position: absolute;
2509
- top: calc(var(--oruga-slider-tick-label-top-medium, 0.625rem) * 0.5 + 2px);
2510
- left: 50%;
2511
- transform: translateX(-50%);
2512
- }
2513
- .o-slide--large .o-slide__track {
2514
- height: var(--oruga-slider-track-height-large, 0.75rem);
2515
- }
2516
- .o-slide--large .o-slide__thumb {
2517
- height: var(--oruga-slider-thumb-size-large, 1.5rem);
2518
- width: var(--oruga-slider-thumb-size-large, 1.5rem);
2519
- }
2520
- .o-slide--large .o-slide__tick {
2521
- height: var(--oruga-slider-tick-height-large, 0.375rem);
2522
- }
2523
- .o-slide--large .o-slide__tick-label {
2524
- font-size: var(--oruga-slider-mark-size-large, 0.75rem);
2525
- position: absolute;
2526
- top: calc(var(--oruga-slider-tick-label-top-large, 0.75rem) * 0.5 + 2px);
2527
- left: 50%;
2528
- transform: translateX(-50%);
2529
- }
2530
- .o-slide__tick {
2531
- position: absolute;
2532
- transform: translate(-50%, -50%);
2533
- top: 50%;
2534
- width: var(--oruga-slider-tick-width, 3px);
2535
- background: var(--oruga-slider-tick-background, var(--oruga-primary));
2536
- border-radius: var(--oruga-slider-tick-radius, var(--oruga-base-border-radius));
2537
- }
2538
- .o-slide__tick--hidden {
2539
- background: transparent;
2540
- }
2541
- .o-slide__thumb-wrapper {
2542
- display: inline-flex;
2543
- align-items: center;
2544
- position: absolute;
2545
- cursor: grab;
2546
- transform: translate(-50%, -50%);
2547
- top: 50%;
2548
- flex-direction: column;
2549
- }
2550
- .o-slide--disabled {
2551
- cursor: not-allowed;
2552
- pointer-events: none;
2553
- opacity: var(--oruga-slider-track-disabled, 0.5);
2554
- }
2555
- .o-slide:active .o-slide__thumb, .o-slide:focus .o-slide__thumb, .o-slide:focus-within .o-slide__thumb {
2556
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
2557
- }
2558
-
2559
- /* @docs */
2560
- /* @docs */
2561
- .o-steps {
2562
- display: flex;
2563
- flex-wrap: wrap;
2564
- margin: 0;
2565
- padding: 0;
2566
- font-size: var(--oruga-steps-size, var(--oruga-base-font-size));
2567
- min-height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
2568
- }
2569
- .o-steps .o-steps__divider {
2570
- height: var(--oruga-steps-divider-height, 0.2em);
2571
- top: var(--oruga-steps-size, var(--oruga-base-font-size));
2572
- }
2573
- .o-steps .o-steps__marker {
2574
- height: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
2575
- width: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 2);
2576
- }
2577
- .o-steps .o-steps__title {
2578
- text-align: center;
2579
- z-index: 1;
2580
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2581
- padding: var(--oruga-steps-details-padding, 0.2em);
2582
- font-size: calc(var(--oruga-steps-size, var(--oruga-base-font-size)) * 1.2);
2583
- height: var(--oruga-steps-details-title-font-weight, 600);
2584
- line-height: var(--oruga-steps-size, var(--oruga-base-font-size));
2585
- }
2586
- .o-steps .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2587
- left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2588
- }
2589
- .o-steps .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2590
- left: auto;
2591
- right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2592
- }
2593
- .o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2594
- left: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2595
- }
2596
- .o-steps .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2597
- left: auto;
2598
- right: calc((var(--oruga-steps-size, var(--oruga-base-font-size)) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2599
- }
2600
- .o-steps--small {
2601
- font-size: var(--oruga-size-small, 0.75rem);
2602
- min-height: calc(var(--oruga-size-small, 0.75rem) * 2);
2603
- }
2604
- .o-steps--small .o-steps__divider {
2605
- height: var(--oruga-steps-divider-height, 0.2em);
2606
- top: var(--oruga-size-small, 0.75rem);
2607
- }
2608
- .o-steps--small .o-steps__marker {
2609
- height: calc(var(--oruga-size-small, 0.75rem) * 2);
2610
- width: calc(var(--oruga-size-small, 0.75rem) * 2);
2611
- }
2612
- .o-steps--small .o-steps__title {
2613
- text-align: center;
2614
- z-index: 1;
2615
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2616
- padding: var(--oruga-steps-details-padding, 0.2em);
2617
- font-size: calc(var(--oruga-size-small, 0.75rem) * 1.2);
2618
- height: var(--oruga-steps-details-title-font-weight, 600);
2619
- line-height: var(--oruga-size-small, 0.75rem);
2620
- }
2621
- .o-steps--small .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2622
- left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2623
- }
2624
- .o-steps--small .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2625
- left: auto;
2626
- right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2627
- }
2628
- .o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2629
- left: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2630
- }
2631
- .o-steps--small .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2632
- left: auto;
2633
- right: calc((var(--oruga-size-small, 0.75rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2634
- }
2635
- .o-steps--medium {
2636
- font-size: var(--oruga-size-medium, 1.25rem);
2637
- min-height: calc(var(--oruga-size-medium, 1.25rem) * 2);
2638
- }
2639
- .o-steps--medium .o-steps__divider {
2640
- height: var(--oruga-steps-divider-height, 0.2em);
2641
- top: var(--oruga-size-medium, 1.25rem);
2642
- }
2643
- .o-steps--medium .o-steps__marker {
2644
- height: calc(var(--oruga-size-medium, 1.25rem) * 2);
2645
- width: calc(var(--oruga-size-medium, 1.25rem) * 2);
2646
- }
2647
- .o-steps--medium .o-steps__title {
2648
- text-align: center;
2649
- z-index: 1;
2650
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2651
- padding: var(--oruga-steps-details-padding, 0.2em);
2652
- font-size: calc(var(--oruga-size-medium, 1.25rem) * 1.2);
2653
- height: var(--oruga-steps-details-title-font-weight, 600);
2654
- line-height: var(--oruga-size-medium, 1.25rem);
2655
- }
2656
- .o-steps--medium .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2657
- left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2658
- }
2659
- .o-steps--medium .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2660
- left: auto;
2661
- right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2662
- }
2663
- .o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2664
- left: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2665
- }
2666
- .o-steps--medium .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2667
- left: auto;
2668
- right: calc((var(--oruga-size-medium, 1.25rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2669
- }
2670
- .o-steps--large {
2671
- font-size: var(--oruga-size-large, 1.5rem);
2672
- min-height: calc(var(--oruga-size-large, 1.5rem) * 2);
2673
- }
2674
- .o-steps--large .o-steps__divider {
2675
- height: var(--oruga-steps-divider-height, 0.2em);
2676
- top: var(--oruga-size-large, 1.5rem);
2677
- }
2678
- .o-steps--large .o-steps__marker {
2679
- height: calc(var(--oruga-size-large, 1.5rem) * 2);
2680
- width: calc(var(--oruga-size-large, 1.5rem) * 2);
2681
- }
2682
- .o-steps--large .o-steps__title {
2683
- text-align: center;
2684
- z-index: 1;
2685
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2686
- padding: var(--oruga-steps-details-padding, 0.2em);
2687
- font-size: calc(var(--oruga-size-large, 1.5rem) * 1.2);
2688
- height: var(--oruga-steps-details-title-font-weight, 600);
2689
- line-height: var(--oruga-size-large, 1.5rem);
2690
- }
2691
- .o-steps--large .o-steps__wrapper-vertical .o-steps--label-right .o-steps__divider {
2692
- left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2693
- }
2694
- .o-steps--large .o-steps__wrapper-vertical .o-steps--label-left .o-steps__divider {
2695
- left: auto;
2696
- right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2697
- }
2698
- .o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-right .o-steps__divider {
2699
- left: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2700
- }
2701
- .o-steps--large .o-steps__wrapper-vertical.o-steps__wrapper-position-right .o-steps--label-left .o-steps__divider {
2702
- left: auto;
2703
- right: calc((var(--oruga-size-large, 1.5rem) - var(--oruga-steps-divider-height, 0.2em)) * 0.5);
2704
- }
2705
- .o-steps__nav-item {
2706
- position: relative;
2707
- display: flex;
2708
- flex-grow: 1;
2709
- flex-basis: 1em;
2710
- justify-content: center;
2711
- list-style: none;
2712
- margin: 0;
2713
- padding: 0;
2714
- margin-top: 0;
2715
- line-height: var(--oruga-steps-item-line-height, var(--oruga-base-line-height));
2716
- }
2717
- .o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__marker {
2718
- background-color: var(--oruga-variant-invert-primary, #ffffff);
2719
- border-color: var(--oruga-variant-primary, #445e00);
2720
- color: var(--oruga-variant-primary, #445e00);
2721
- }
2722
- .o-steps__nav-item--primary.o-steps__nav-item-active .o-steps__divider {
2723
- 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%);
2724
- background-size: 200% 100%;
2725
- }
2726
- .o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__marker {
2727
- color: var(--oruga-variant-invert-primary, #ffffff);
2728
- background-color: var(--oruga-variant-primary, #445e00);
2729
- }
2730
- .o-steps__nav-item--primary.o-steps__nav-item-previous .o-steps__divider {
2731
- 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%);
2732
- background-size: 200% 100%;
2733
- }
2734
- .o-steps__nav-item--secondary.o-steps__nav-item-active .o-steps__marker {
2735
- background-color: var(--oruga-variant-invert-secondary, #ffffff);
2736
- border-color: var(--oruga-variant-secondary, #6c757d);
2737
- color: var(--oruga-variant-secondary, #6c757d);
2738
- }
2739
- .o-steps__nav-item--secondary.o-steps__nav-item-active .o-steps__divider {
2740
- 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%);
2741
- background-size: 200% 100%;
2742
- }
2743
- .o-steps__nav-item--secondary.o-steps__nav-item-previous .o-steps__marker {
2744
- color: var(--oruga-variant-invert-secondary, #ffffff);
2745
- background-color: var(--oruga-variant-secondary, #6c757d);
2746
- }
2747
- .o-steps__nav-item--secondary.o-steps__nav-item-previous .o-steps__divider {
2748
- 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%);
2749
- background-size: 200% 100%;
2750
- }
2751
- .o-steps__nav-item--success.o-steps__nav-item-active .o-steps__marker {
2752
- background-color: var(--oruga-variant-invert-success, #ffffff);
2753
- border-color: var(--oruga-variant-success, #006724);
2754
- color: var(--oruga-variant-success, #006724);
2755
- }
2756
- .o-steps__nav-item--success.o-steps__nav-item-active .o-steps__divider {
2757
- 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%);
2758
- background-size: 200% 100%;
2759
- }
2760
- .o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__marker {
2761
- color: var(--oruga-variant-invert-success, #ffffff);
2762
- background-color: var(--oruga-variant-success, #006724);
2763
- }
2764
- .o-steps__nav-item--success.o-steps__nav-item-previous .o-steps__divider {
2765
- 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%);
2766
- background-size: 200% 100%;
2767
- }
2768
- .o-steps__nav-item--info.o-steps__nav-item-active .o-steps__marker {
2769
- background-color: var(--oruga-variant-invert-info, #ffffff);
2770
- border-color: var(--oruga-variant-info, #005c98);
2771
- color: var(--oruga-variant-info, #005c98);
2772
- }
2773
- .o-steps__nav-item--info.o-steps__nav-item-active .o-steps__divider {
2774
- 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%);
2775
- background-size: 200% 100%;
2776
- }
2777
- .o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__marker {
2778
- color: var(--oruga-variant-invert-info, #ffffff);
2779
- background-color: var(--oruga-variant-info, #005c98);
2780
- }
2781
- .o-steps__nav-item--info.o-steps__nav-item-previous .o-steps__divider {
2782
- 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%);
2783
- background-size: 200% 100%;
2784
- }
2785
- .o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__marker {
2786
- background-color: var(--oruga-variant-invert-warning, #000000);
2787
- border-color: var(--oruga-variant-warning, #f4c300);
2788
- color: var(--oruga-variant-warning, #f4c300);
2789
- }
2790
- .o-steps__nav-item--warning.o-steps__nav-item-active .o-steps__divider {
2791
- 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%);
2792
- background-size: 200% 100%;
2793
- }
2794
- .o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__marker {
2795
- color: var(--oruga-variant-invert-warning, #000000);
2796
- background-color: var(--oruga-variant-warning, #f4c300);
2797
- }
2798
- .o-steps__nav-item--warning.o-steps__nav-item-previous .o-steps__divider {
2799
- 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%);
2800
- background-size: 200% 100%;
2801
- }
2802
- .o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__marker {
2803
- background-color: var(--oruga-variant-invert-danger, #ffffff);
2804
- border-color: var(--oruga-variant-danger, #b60000);
2805
- color: var(--oruga-variant-danger, #b60000);
2806
- }
2807
- .o-steps__nav-item--danger.o-steps__nav-item-active .o-steps__divider {
2808
- 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%);
2809
- background-size: 200% 100%;
2810
- }
2811
- .o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__marker {
2812
- color: var(--oruga-variant-invert-danger, #ffffff);
2813
- background-color: var(--oruga-variant-danger, #b60000);
2814
- }
2815
- .o-steps__nav-item--danger.o-steps__nav-item-previous .o-steps__divider {
2816
- 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%);
2817
- background-size: 200% 100%;
2818
- }
2819
- .o-steps__divider {
2820
- 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%);
2821
- background-size: 200% 100%;
2822
- background-position: right bottom;
2823
- content: " ";
2824
- display: block;
2825
- position: absolute;
2826
- bottom: 0;
2827
- left: -50%;
2828
- width: 100%;
2829
- }
2830
- .o-steps__content {
2831
- position: relative;
2832
- overflow: visible;
2833
- display: flex;
2834
- flex-direction: column;
2835
- padding: var(--oruga-steps-content-padding, 1rem);
2836
- }
2837
- .o-steps__content-transitioning {
2838
- overflow: hidden;
2839
- }
2840
- .o-steps--animated .o-steps__divider {
2841
- transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
2842
- }
2843
- .o-steps__link {
2844
- display: flex;
2845
- align-items: center;
2846
- justify-content: center;
2847
- flex-direction: column;
2848
- background: transparent;
2849
- border: transparent;
2850
- cursor: pointer;
2851
- text-decoration: none;
2852
- color: var(--oruga-steps-link-color, hsl(0, 0%, 29%));
2853
- }
2854
- .o-steps__link-label-right {
2855
- flex-direction: row;
2856
- }
2857
- .o-steps__link-label-left {
2858
- flex-direction: row-reverse;
2859
- }
2860
- .o-steps__link:hover {
2861
- text-decoration: none;
2862
- }
2863
- .o-steps__link:not(.o-steps__link-clickable) {
2864
- cursor: not-allowed;
2865
- }
2866
- .o-steps__marker {
2867
- align-items: center;
2868
- display: flex;
2869
- justify-content: center;
2870
- overflow: hidden;
2871
- z-index: 1;
2872
- font-weight: var(--oruga-steps-marker-font-weight, 700);
2873
- background: var(--oruga-steps-marker-background, var(--oruga-grey-light));
2874
- color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
2875
- border: var(--oruga-steps-marker-border, 0.2em solid #fff);
2876
- }
2877
- .o-steps__marker--rounded {
2878
- border-radius: var(--oruga-steps-marker-rounded-border-radius, var(--oruga-base-border-radius-rounded));
2879
- }
2880
- .o-steps__details {
2881
- text-align: center;
2882
- z-index: 1;
2883
- padding: var(--oruga-steps-details-padding, 0.2em);
2884
- background-color: var(--oruga-steps-details-background-color, hsl(0, 0%, 100%));
2885
- }
2886
- .o-steps__nav-item-active .o-steps__link {
2887
- cursor: default;
2888
- }
2889
- .o-steps__nav-item-active .o-steps__marker {
2890
- background-color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
2891
- border-color: var(--oruga-steps-active-color, var(--oruga-primary));
2892
- color: var(--oruga-steps-active-color, var(--oruga-primary));
2893
- }
2894
- .o-steps__nav-item-active .o-steps__divider {
2895
- background-position: left bottom;
2896
- }
2897
- .o-steps__nav-item-previous .o-steps__marker {
2898
- color: var(--oruga-steps-marker-color, var(--oruga-primary-invert));
2899
- background-color: var(--oruga-steps-previous-color, var(--oruga-primary));
2900
- }
2901
- .o-steps__nav-item-previous .o-steps__divider {
2902
- background-position: left bottom;
2903
- }
2904
- .o-steps__item {
2905
- flex-shrink: 0;
2906
- flex-basis: auto;
2907
- }
2908
- .o-steps__wrapper-vertical {
2909
- display: flex;
2910
- flex-direction: row;
2911
- flex-wrap: wrap;
2912
- }
2913
- .o-steps__wrapper-vertical .o-steps {
2914
- height: 100%;
2915
- flex-direction: column;
2916
- }
2917
- .o-steps__wrapper-vertical .o-steps__divider {
2918
- height: 100%;
2919
- width: var(--oruga-steps-divider-height, 0.2em);
2920
- top: -50%;
2921
- left: calc(50% - 0.1em);
2922
- }
2923
- .o-steps__wrapper-vertical .o-steps__item-active .o-steps__divider,
2924
- .o-steps__wrapper-vertical .o-steps__item-previous .o-steps__divider {
2925
- background-position: right top;
2926
- }
2927
- .o-steps__wrapper-vertical .o-steps__nav-item {
2928
- width: 100%;
2929
- display: flex;
2930
- align-items: center;
2931
- justify-content: center;
2932
- padding: var(--oruga-steps-vertical-padding, 1em 0);
2933
- }
2934
- .o-steps__wrapper-vertical .o-steps__nav-item--primary .o-steps__divider {
2935
- 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%);
2936
- background-size: 100% 200%;
2937
- background-position: left bottom;
2938
- }
2939
- .o-steps__wrapper-vertical .o-steps__nav-item--secondary .o-steps__divider {
2940
- 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%);
2941
- background-size: 100% 200%;
2942
- background-position: left bottom;
2943
- }
2944
- .o-steps__wrapper-vertical .o-steps__nav-item--success .o-steps__divider {
2945
- 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%);
2946
- background-size: 100% 200%;
2947
- background-position: left bottom;
2948
- }
2949
- .o-steps__wrapper-vertical .o-steps__nav-item--info .o-steps__divider {
2950
- 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%);
2951
- background-size: 100% 200%;
2952
- background-position: left bottom;
2953
- }
2954
- .o-steps__wrapper-vertical .o-steps__nav-item--warning .o-steps__divider {
2955
- 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%);
2956
- background-size: 100% 200%;
2957
- background-position: left bottom;
2958
- }
2959
- .o-steps__wrapper-vertical .o-steps__nav-item--danger .o-steps__divider {
2960
- 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%);
2961
- background-size: 100% 200%;
2962
- background-position: left bottom;
2963
- }
2964
- .o-steps__wrapper-vertical .o-steps__content {
2965
- flex-grow: 1;
2966
- flex-basis: 70%;
2967
- }
2968
- .o-steps__wrapper-vertical .o-steps__navigation {
2969
- flex-basis: 100%;
2970
- }
2971
- .o-steps__wrapper-vertical.o-steps__wrapper-position-right {
2972
- flex-direction: row-reverse;
2973
- }
2974
- .o-steps--mobile .o-steps__title {
2975
- display: none;
2976
- padding: 0;
2977
- }
2978
- .o-steps--mobile .o-steps__divider {
2979
- height: var(--oruga-steps-divider-height, 0.2em);
2980
- top: var(--oruga-steps-divider-top, var(--oruga-base-font-size));
2981
- }
2982
- .o-steps--mobile .o-steps__divider .o-steps--small {
2983
- top: var(--oruga-size-small, 0.75rem);
2984
- }
2985
- .o-steps--mobile .o-steps__divider .o-steps--medium {
2986
- top: var(--oruga-size-medium, 1.25rem);
2987
- }
2988
- .o-steps--mobile .o-steps__divider .o-steps--large {
2989
- top: var(--oruga-size-large, 1.5rem);
2990
- }
2991
-
2992
- /* @docs */
2993
- /* @docs */
2994
- .o-switch {
2995
- -webkit-touch-callout: none;
2996
- -webkit-user-select: none;
2997
- -moz-user-select: none;
2998
- -ms-user-select: none;
2999
- user-select: none;
3000
- cursor: pointer;
3001
- display: inline-flex;
3002
- align-items: center;
3003
- position: relative;
3004
- border-radius: 50rem;
3005
- }
3006
- .o-switch--small {
3007
- font-size: var(--oruga-font-size-name, 0.75rem);
3008
- }
3009
- .o-switch--medium {
3010
- font-size: var(--oruga-font-size-name, 1.25rem);
3011
- }
3012
- .o-switch--large {
3013
- font-size: var(--oruga-font-size-name, 1.5rem);
3014
- }
3015
- .o-switch--primary {
3016
- --oruga-focus: rgba(68, 94, 0, 0.25);
3017
- }
3018
- .o-switch--primary .o-switch__check--checked {
3019
- background: var(--oruga-variant-primary, #445e00);
3020
- }
3021
- .o-switch--primary-passive {
3022
- --oruga-focus: rgba(68, 94, 0, 0.25);
3023
- }
3024
- .o-switch--primary-passive .o-switch__check:not(.o-switch__check--checked) {
3025
- background: var(--oruga-variant-primary, #445e00);
3026
- }
3027
- .o-switch--secondary {
3028
- --oruga-focus: rgba(108, 117, 125, 0.25);
3029
- }
3030
- .o-switch--secondary .o-switch__check--checked {
3031
- background: var(--oruga-variant-secondary, #6c757d);
3032
- }
3033
- .o-switch--secondary-passive {
3034
- --oruga-focus: rgba(108, 117, 125, 0.25);
3035
- }
3036
- .o-switch--secondary-passive .o-switch__check:not(.o-switch__check--checked) {
3037
- background: var(--oruga-variant-secondary, #6c757d);
3038
- }
3039
- .o-switch--success {
3040
- --oruga-focus: rgba(0, 103, 36, 0.25);
3041
- }
3042
- .o-switch--success .o-switch__check--checked {
3043
- background: var(--oruga-variant-success, #006724);
3044
- }
3045
- .o-switch--success-passive {
3046
- --oruga-focus: rgba(0, 103, 36, 0.25);
3047
- }
3048
- .o-switch--success-passive .o-switch__check:not(.o-switch__check--checked) {
3049
- background: var(--oruga-variant-success, #006724);
3050
- }
3051
- .o-switch--info {
3052
- --oruga-focus: rgba(0, 92, 152, 0.25);
3053
- }
3054
- .o-switch--info .o-switch__check--checked {
3055
- background: var(--oruga-variant-info, #005c98);
3056
- }
3057
- .o-switch--info-passive {
3058
- --oruga-focus: rgba(0, 92, 152, 0.25);
3059
- }
3060
- .o-switch--info-passive .o-switch__check:not(.o-switch__check--checked) {
3061
- background: var(--oruga-variant-info, #005c98);
3062
- }
3063
- .o-switch--warning {
3064
- --oruga-focus: rgba(244, 195, 0, 0.25);
3065
- }
3066
- .o-switch--warning .o-switch__check--checked {
3067
- background: var(--oruga-variant-warning, #f4c300);
3068
- }
3069
- .o-switch--warning-passive {
3070
- --oruga-focus: rgba(244, 195, 0, 0.25);
3071
- }
3072
- .o-switch--warning-passive .o-switch__check:not(.o-switch__check--checked) {
3073
- background: var(--oruga-variant-warning, #f4c300);
3074
- }
3075
- .o-switch--danger {
3076
- --oruga-focus: rgba(182, 0, 0, 0.25);
3077
- }
3078
- .o-switch--danger .o-switch__check--checked {
3079
- background: var(--oruga-variant-danger, #b60000);
3080
- }
3081
- .o-switch--danger-passive {
3082
- --oruga-focus: rgba(182, 0, 0, 0.25);
3083
- }
3084
- .o-switch--danger-passive .o-switch__check:not(.o-switch__check--checked) {
3085
- background: var(--oruga-variant-danger, #b60000);
3086
- }
3087
- .o-switch__label {
3088
- margin-left: var(--oruga-switch-margin-label, 0.5em);
3089
- }
3090
- .o-switch--left {
3091
- flex-direction: row-reverse;
3092
- }
3093
- .o-switch--left .o-switch__label {
3094
- margin-left: 0;
3095
- margin-right: var(--oruga-switch-margin-label, 0.5em);
3096
- }
3097
- .o-switch__check-switch {
3098
- content: "";
3099
- display: block;
3100
- height: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
3101
- width: calc((var(--oruga-switch-width, 2.75em) - var(--oruga-switch-padding, 0.2em) * 2) * 0.5);
3102
- background: var(--oruga-switch-action-background, #f5f5f5);
3103
- 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));
3104
- transition: transform var(--oruga-transition-duration) var(--oruga-transition-timing);
3105
- will-change: transform;
3106
- transform-origin: left;
3107
- }
3108
- .o-switch__check {
3109
- display: flex;
3110
- align-items: center;
3111
- flex-shrink: 0;
3112
- width: var(--oruga-switch-width, 2.75em);
3113
- height: calc(var(--oruga-switch-width, 2.75em) * 0.5 + var(--oruga-switch-padding, 0.2em));
3114
- padding: var(--oruga-switch-padding, 0.2em);
3115
- background: var(--oruga-switch-background, var(--oruga-grey-light));
3116
- border-radius: var(--oruga-switch-border-radius, var(--oruga-base-border-radius));
3117
- transition: background var(--oruga-transition-duration) var(--oruga-transition-timing);
3118
- }
3119
- .o-switch__check--checked {
3120
- background: var(--oruga-switch-active-background-color, var(--oruga-primary));
3121
- }
3122
- .o-switch__check--checked .o-switch__check-switch {
3123
- transform: translate3d(100%, 0, 0);
3124
- }
3125
- .o-switch__input {
3126
- position: absolute;
3127
- left: 0;
3128
- opacity: 0;
3129
- z-index: -1;
3130
- }
3131
- .o-switch--rounded {
3132
- border-radius: var(--oruga-switch-rounded-border-radius, var(--oruga-base-border-radius-rounded));
3133
- }
3134
- .o-switch--disabled {
3135
- opacity: var(--oruga-switch-disabled-opacity, var(--oruga-base-disabled-opacity));
3136
- }
3137
- .o-switch:focus .o-switch__check, .o-switch:focus-within .o-switch__check {
3138
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
3139
- }
3140
-
3141
- /* @docs */
3142
- /* @docs */
3143
- .o-table {
3144
- display: table;
3145
- width: 100%;
3146
- border-collapse: separate;
3147
- border-spacing: 0;
3148
- border: var(--oruga-table-boder, 1px solid transparent);
3149
- border-radius: var(--oruga-table-border-radius, var(--oruga-base-border-radius));
3150
- background-color: var(--oruga-table-background-color, #fff);
3151
- color: var(--oruga-table-color, black);
3152
- }
3153
- .o-table__root {
3154
- position: relative;
3155
- }
3156
- .o-table__wrapper {
3157
- transition: opacity 300ms ease-out;
3158
- position: relative;
3159
- }
3160
- .o-table__wrapper--sticky-header {
3161
- height: var(--oruga-table-sticky-header-height, 300px);
3162
- overflow-y: auto;
3163
- }
3164
- .o-table__wrapper--sticky-header th {
3165
- position: -webkit-sticky;
3166
- position: sticky;
3167
- left: 0;
3168
- top: 0;
3169
- background: var(--oruga-table-background-color, #fff);
3170
- z-index: calc(var(--oruga-table-sticky-zindex, 1) + 1);
3171
- }
3172
- .o-table__wrapper--scrollable {
3173
- -webkit-overflow-scrolling: touch;
3174
- overflow-x: auto;
3175
- max-width: 100%;
3176
- }
3177
- .o-table__wrapper--mobile {
3178
- overflow-x: auto;
3179
- }
3180
- .o-table__wrapper--mobile .o-table__mobile-sort {
3181
- display: block;
3182
- }
3183
- .o-table__wrapper--mobile .o-table {
3184
- background-color: transparent;
3185
- }
3186
- .o-table__wrapper--mobile thead tr {
3187
- box-shadow: none;
3188
- border-width: 0;
3189
- }
3190
- .o-table__wrapper--mobile thead tr th {
3191
- display: none;
3192
- }
3193
- .o-table__wrapper--mobile thead tr .o-table-th-checkbox {
3194
- display: block;
3195
- width: 100%;
3196
- text-align: right;
3197
- border: 0;
3198
- }
3199
- .o-table__wrapper--mobile tfoot th {
3200
- border: 0;
3201
- display: inherit;
3202
- }
3203
- .o-table__wrapper--mobile tr {
3204
- 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));
3205
- max-width: 100%;
3206
- position: relative;
3207
- display: block;
3208
- }
3209
- .o-table__wrapper--mobile tr td {
3210
- border: 0;
3211
- display: inherit;
3212
- }
3213
- .o-table__wrapper--mobile tr td:last-child {
3214
- border-bottom: 0;
3215
- }
3216
- .o-table__wrapper--mobile tr:not(:last-child) {
3217
- margin: var(--oruga-table-card-margin, 0 0 1rem 0);
3218
- }
3219
- .o-table__wrapper--mobile tr:not(.o-table__tr--selected) {
3220
- background: inherit;
3221
- background: #fff;
3222
- }
3223
- .o-table__wrapper--mobile tr:not(.o-table__tr--selected):hover {
3224
- background-color: inherit;
3225
- background-color: #fff;
3226
- }
3227
- .o-table__wrapper--mobile tr.o-table--detailed {
3228
- margin: var(--oruga-table-card-detail-margin, -1rem 0 0 0);
3229
- }
3230
- .o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td {
3231
- display: flex;
3232
- width: auto;
3233
- justify-content: space-between;
3234
- text-align: right;
3235
- border-bottom: var(--oruga-table-background, #f5f5f5 1px solid);
3236
- }
3237
- .o-table__wrapper--mobile tr:not(.o-table--detailed):not(.o-table--empty):not(.o-table__footer) td:before {
3238
- content: attr(data-label);
3239
- font-weight: var(--oruga-table-card-cell-font-weight, 600);
3240
- padding-right: var(--oruga-table-card-cell-padding, 0 0.5em 0 0);
3241
- text-align: var(--oruga-table-card-cell-text-align, left);
3242
- }
3243
- .o-table__mobile-sort {
3244
- display: none;
3245
- }
3246
- .o-table__th {
3247
- vertical-align: top;
3248
- text-align: left;
3249
- position: relative;
3250
- font-weight: var(--oruga-table-th-font-weight, 600);
3251
- color: var(--oruga-table-th-color, #363636);
3252
- border-bottom: var(--oruga-table-th-border, 2px solid var(--oruga-grey-lighter));
3253
- padding: var(--oruga-table-th-padding, 0.5em 0.75em);
3254
- }
3255
- .o-table__th--centered {
3256
- text-align: center;
3257
- }
3258
- .o-table__th--right {
3259
- text-align: right;
3260
- }
3261
- .o-table__th__sort-icon {
3262
- position: absolute;
3263
- right: 0;
3264
- }
3265
- .o-table__th-checkbox {
3266
- width: var(--oruga-table-th-checkbox-width, 40px);
3267
- }
3268
- .o-table__th-current-sort {
3269
- border-color: var(--oruga-table-current-sort-border-color, var(--oruga-grey));
3270
- font-weight: var(--oruga-table-current-sort-font-weight, 700);
3271
- }
3272
- .o-table__th--sortable {
3273
- cursor: pointer;
3274
- }
3275
- .o-table__th--sortable:hover {
3276
- border-color: var(--oruga-table-current-sort-hover-border-color, var(--oruga-grey));
3277
- }
3278
- .o-table__th--sticky {
3279
- position: -webkit-sticky;
3280
- position: sticky;
3281
- left: 0;
3282
- top: 0;
3283
- z-index: var(--oruga-table-sticky-zindex, 1);
3284
- background: var(--oruga-table-background-color, #fff);
3285
- }
3286
- .o-table__th--unselectable {
3287
- -webkit-touch-callout: none;
3288
- -webkit-user-select: none;
3289
- -moz-user-select: none;
3290
- -ms-user-select: none;
3291
- user-select: none;
3292
- }
3293
- .o-table__th--detailed {
3294
- width: var(--oruga-table-th-detail-width, 14px);
3295
- }
3296
- .o-table__td {
3297
- vertical-align: top;
3298
- text-align: left;
3299
- border-bottom: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
3300
- padding: var(--oruga-table-td-padding, 0.5em 0.75em);
3301
- }
3302
- .o-table__td--sticky {
3303
- position: -webkit-sticky;
3304
- position: sticky;
3305
- left: 0;
3306
- z-index: var(--oruga-table-sticky-zindex, 1);
3307
- background: var(--oruga-table-background-color, #fff);
3308
- }
3309
- .o-table__td--right {
3310
- text-align: right;
3311
- }
3312
- .o-table__td--centered {
3313
- text-align: center;
3314
- }
3315
- .o-table__td-chevron {
3316
- vertical-align: middle;
3317
- width: var(--oruga-table-detail-chevron-width, 40px);
3318
- color: var(--oruga-table-detail-chevron-color, var(--oruga-primary));
3319
- }
3320
- .o-table:focus {
3321
- border-color: var(--oruga-table-focus-border-color, var(--oruga-primary));
3322
- box-shadow: var(--oruga-table-focus-box-shadow, 0 0 0 0.125em rgba(var(--oruga-primary), 0.25));
3323
- }
3324
- .o-table--bordered tr:last-child td,
3325
- .o-table--bordered tr:last-child th {
3326
- border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
3327
- }
3328
- .o-table--bordered td,
3329
- .o-table--bordered th {
3330
- border: var(--oruga-table-td-border, 1px solid var(--oruga-grey-lighter));
3331
- }
3332
- .o-table--striped tbody tr:not(.o-table__tr--selected):nth-child(2n) {
3333
- background-color: var(--oruga-table-striped-background-color, #fafafa);
3334
- }
3335
- .o-table--narrowed td,
3336
- .o-table--narrowed th {
3337
- padding: var(--oruga-table-narrow-padding, 0.25em 0.5em);
3338
- }
3339
- .o-table--hoverable tbody tr:not(.o-table__tr--selected):hover {
3340
- background-color: var(--oruga-table-hoverable-background-color, #fafafa);
3341
- }
3342
- .o-table__detail {
3343
- box-shadow: var(--oruga-table-detail-box-shadow, inset 0 1px 3px var(--oruga-grey));
3344
- background: var(--oruga-table-detail-background, #fafafa);
3345
- }
3346
- .o-table__detail td {
3347
- padding: var(--oruga-table-detail-padding, 1rem);
3348
- }
3349
- .o-table__tr--selected {
3350
- background-color: var(--oruga-primary);
3351
- color: var(--oruga-primary-invert);
3352
- }
3353
- .o-table__tr--selected-primary {
3354
- background-color: #445e00;
3355
- color: #ffffff;
3356
- }
3357
- .o-table__tr--selected-secondary {
3358
- background-color: #6c757d;
3359
- color: #ffffff;
3360
- }
3361
- .o-table__tr--selected-success {
3362
- background-color: #006724;
3363
- color: #ffffff;
3364
- }
3365
- .o-table__tr--selected-info {
3366
- background-color: #005c98;
3367
- color: #ffffff;
3368
- }
3369
- .o-table__tr--selected-warning {
3370
- background-color: #f4c300;
3371
- color: #000000;
3372
- }
3373
- .o-table__tr--selected-danger {
3374
- background-color: #b60000;
3375
- color: #ffffff;
3376
- }
3377
- .o-table__pagination {
3378
- align-items: center;
3379
- justify-content: space-between;
3380
- display: flex;
3381
- }
3382
- .o-table__pagination > div {
3383
- flex-basis: auto;
3384
- flex-grow: 0;
3385
- flex-shrink: 0;
3386
- }
3387
- .o-table__pagination > div:first-child {
3388
- align-items: center;
3389
- justify-content: flex-start;
3390
- }
3391
- .o-table__pagination > div:last-child {
3392
- align-items: center;
3393
- justify-content: flex-end;
3394
- }
3395
- .o-table__pagination > div:last-child > div {
3396
- align-items: center;
3397
- display: flex;
3398
- flex-basis: auto;
3399
- flex-grow: 0;
3400
- flex-shrink: 0;
3401
- justify-content: center;
3402
- }
3403
-
3404
- /* @docs */
3405
- /* @docs */
3406
- .o-tabs--fullwidth {
3407
- width: 100%;
3408
- }
3409
- .o-tabs--fullwidth .o-tabs__nav-item-wrapper {
3410
- flex-grow: 1;
3411
- flex-shrink: 0;
3412
- }
3413
- .o-tabs--fullwidth .o-tabs__nav-item-default,
3414
- .o-tabs--fullwidth .o-tabs__nav-item-boxed,
3415
- .o-tabs--fullwidth .o-tabs__nav-item-toggle {
3416
- height: 100%;
3417
- }
3418
- .o-tabs--vertical {
3419
- display: flex;
3420
- flex-direction: row;
3421
- }
3422
- .o-tabs--vertical .o-tabs__nav {
3423
- flex-direction: column;
3424
- align-items: stretch;
3425
- flex-grow: 0;
3426
- border-bottom: none;
3427
- }
3428
- .o-tabs--vertical .o-tabs__nav-item-default {
3429
- border-radius: 0;
3430
- }
3431
- .o-tabs--vertical .o-tabs__nav-item-boxed {
3432
- border-bottom-color: transparent;
3433
- border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3434
- border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) 0 0 var(--oruga-base-border-radius));
3435
- }
3436
- .o-tabs--vertical .o-tabs__nav-item-boxed--active {
3437
- border-right-color: transparent;
3438
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3439
- }
3440
- .o-tabs--right {
3441
- flex-direction: row-reverse;
3442
- }
3443
- .o-tabs--right .o-tabs__nav-item-boxed {
3444
- border-bottom-color: transparent;
3445
- border-right-color: transparent;
3446
- border-left-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3447
- border-radius: var(--oruga-tabs-border-bottom-color, 0 var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0);
3448
- }
3449
- .o-tabs--right .o-tabs__nav-item-boxed--active {
3450
- border-left-color: transparent;
3451
- border-right-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3452
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3453
- }
3454
- .o-tabs__nav {
3455
- -webkit-touch-callout: none;
3456
- -webkit-user-select: none;
3457
- -moz-user-select: none;
3458
- -ms-user-select: none;
3459
- user-select: none;
3460
- margin: 0;
3461
- padding: 0;
3462
- align-items: center;
3463
- display: flex;
3464
- flex-grow: 1;
3465
- flex-shrink: 0;
3466
- justify-content: flex-start;
3467
- padding-bottom: var(--oruga-tabs-border-bottom-width, 1px);
3468
- font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
3469
- }
3470
- .o-tabs__nav--small {
3471
- font-size: var(--oruga-tabs-font-size-small, 0.75rem);
3472
- }
3473
- .o-tabs__nav--medium {
3474
- font-size: var(--oruga-tabs-font-size-medium, 1.25rem);
3475
- }
3476
- .o-tabs__nav--large {
3477
- font-size: var(--oruga-tabs-font-size-large, 1.5rem);
3478
- }
3479
- .o-tabs__nav--centered {
3480
- justify-content: center;
3481
- }
3482
- .o-tabs__nav--right {
3483
- justify-content: flex-end;
3484
- }
3485
- .o-tabs__nav-item {
3486
- -moz-appearance: none;
3487
- -webkit-appearance: none;
3488
- width: 100%;
3489
- margin: 0;
3490
- border: 1px solid transparent;
3491
- background-color: transparent;
3492
- align-items: center;
3493
- line-height: var(--oruga-base-line-height);
3494
- display: flex;
3495
- justify-content: center;
3496
- margin-bottom: -1px;
3497
- vertical-align: top;
3498
- cursor: pointer;
3499
- text-decoration: none;
3500
- font-size: var(--oruga-tabs-font-size, var(--oruga-base-font-size));
3501
- border-bottom-color: var(--oruga-tabs-border-bottom-color, var(--oruga-grey-lighter));
3502
- border-bottom-style: var(--oruga-tabs-border-bottom-style, solid);
3503
- border-bottom-width: var(--oruga-tabs-border-bottom-width, 1px);
3504
- color: var(--oruga-tabs-link-color, hsl(0, 0%, 29%));
3505
- padding: var(--oruga-tabs-link-padding, 0.5em 1em);
3506
- }
3507
- .o-tabs__nav-item-icon {
3508
- margin-right: var(--oruga-tabs-icon-margin, 0.5em);
3509
- }
3510
- .o-tabs__nav-item:focus, .o-tabs__nav-item:focus-within {
3511
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
3512
- outline: 0;
3513
- border-radius: var(--oruga-base-border-radius);
3514
- }
3515
- .o-tabs__nav-item-default--active {
3516
- border-bottom-color: var(--oruga-tabs-link-active-border-bottom-color, var(--oruga-primary));
3517
- color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
3518
- }
3519
- .o-tabs__nav-item-default--disabled {
3520
- pointer-events: none;
3521
- cursor: not-allowed;
3522
- opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
3523
- }
3524
- .o-tabs__nav-item-default:hover:not(.o-tabs__nav-item-default--active) {
3525
- background-color: var(--oruga-tabs-link-hover-background-color, hsl(0, 0%, 96%));
3526
- border-bottom-color: var(--oruga-tabs-link-hover-border-bottom-color, hsl(0, 0%, 86%));
3527
- }
3528
- .o-tabs__nav-item-boxed {
3529
- border-radius: var(--oruga-tabs-border-bottom-color, var(--oruga-base-border-radius) var(--oruga-base-border-radius) 0 0);
3530
- }
3531
- .o-tabs__nav-item-boxed--active {
3532
- color: var(--oruga-tabs-link-active-color, var(--oruga-primary));
3533
- background-color: var(--oruga-tabs-boxed-link-active-background-color, hsl(0, 0%, 100%));
3534
- border-color: var(--oruga-tabs-boxed-link-active-border-color, hsl(0, 0%, 86%));
3535
- border-bottom-color: var(--oruga-tabs-boxed-link-active-border-bottom-color, transparent);
3536
- }
3537
- .o-tabs__nav-item-boxed--disabled {
3538
- pointer-events: none;
3539
- cursor: not-allowed;
3540
- opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
3541
- }
3542
- .o-tabs__nav-item-boxed:hover:not(.o-tabs__nav-item-boxed--active) {
3543
- background-color: var(--oruga-tabs-boxed-link-hover-background-color, hsl(0, 0%, 96%));
3544
- }
3545
- .o-tabs__nav-item-toggle {
3546
- border-color: var(--oruga-tabs-toggle-link-border-color, hsl(0, 0%, 86%));
3547
- border-style: var(--oruga-tabs-toggle-link-border-style, solid);
3548
- border-width: var(--oruga-tabs-toggle-link-border-width, 1px);
3549
- }
3550
- .o-tabs__nav-item-toggle--active {
3551
- background-color: var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));
3552
- border-color: var(--oruga-tabs-toggle-link-active-border-color, var(--oruga-primary));
3553
- color: var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert));
3554
- }
3555
- .o-tabs__nav-item-toggle--disabled {
3556
- pointer-events: none;
3557
- cursor: not-allowed;
3558
- opacity: var(--oruga-tabs-disabled-opacity, var(--oruga-base-disabled-opacity));
3559
- }
3560
- .o-tabs__nav-item-toggle:hover:not(.o-tabs__nav-item-toggle--active) {
3561
- background-color: var(--oruga-tabs-toggle-link-hover-background-color, hsl(0, 0%, 96%));
3562
- border-color: var(--oruga-tabs-toggle-link-hover-border-color, hsl(0, 0%, 71%));
3563
- }
3564
- .o-tabs__nav-item-pills {
3565
- border-radius: var(--oruga-tabs-boxed-link-radius, var(--oruga-base-border-radius));
3566
- border-color: transparent;
3567
- }
3568
- .o-tabs__nav-item-pills--active {
3569
- background-color: var(--oruga-tabs-toggle-link-active-background-color, var(--oruga-primary));
3570
- color: var(--oruga-tabs-toggle-link-active-color, var(--oruga-primary-invert));
3571
- }
3572
- .o-tabs__content {
3573
- position: relative;
3574
- overflow: visible;
3575
- display: flex;
3576
- flex-direction: column;
3577
- flex-grow: 1;
3578
- padding: var(--oruga-tabs-content-padding, 1rem);
3579
- }
3580
- .o-tabs__content--transitioning {
3581
- overflow: hidden;
3582
- }
3583
- .o-tabs:not(:last-child) {
3584
- margin-bottom: var(--oruga-tabs-margin-bottom, 1.5rem);
3585
- }
3586
-
3587
- /* @docs */
3588
- /* @docs */
3589
- .o-taginput {
3590
- display: flex;
3591
- }
3592
- .o-taginput__container {
3593
- display: flex;
3594
- flex-wrap: wrap;
3595
- box-shadow: var(--oruga-input-box-shadow, inset 0 1px 2px hsla(0, 0%, 4%, 0.1));
3596
- background-color: var(--oruga-input-background-color, #ffffff);
3597
- border-color: var(--oruga-input-border-color, var(--oruga-grey-lighter));
3598
- border-style: var(--oruga-input-border-style, solid);
3599
- border-width: var(--oruga-input-border-width, 1px);
3600
- border-radius: var(--oruga-input-border-radius, var(--oruga-base-border-radius));
3601
- color: var(--oruga-input-color, #363636);
3602
- font-size: var(--oruga-base-font-size, 1rem);
3603
- line-height: var(--oruga-input-line-height, var(--oruga-base-line-height));
3604
- margin: var(--oruga-input-margin, 0);
3605
- width: var(--oruga-taginput-width, inherit);
3606
- }
3607
- .o-taginput__container--small {
3608
- font-size: var(--oruga-taginput-font-size-small, 0.75rem);
3609
- }
3610
- .o-taginput__container--medium {
3611
- font-size: var(--oruga-taginput-font-size-medium, 1.25rem);
3612
- }
3613
- .o-taginput__container--large {
3614
- font-size: var(--oruga-taginput-font-size-large, 1.5rem);
3615
- }
3616
- .o-taginput__autocomplete {
3617
- flex-grow: 1;
3618
- flex-shrink: 1;
3619
- width: auto;
3620
- }
3621
- .o-taginput__input {
3622
- border: none;
3623
- box-shadow: none;
3624
- width: 100%;
3625
- }
3626
- .o-taginput__item {
3627
- display: inline-flex;
3628
- margin: var(--oruga-taginput-item-margin, 0.275em);
3629
- padding: var(--oruga-taginput-item-padding, 0 0.75em 0 0.75em);
3630
- color: var(--oruga-taginput-item-color, var(--oruga-primary-invert));
3631
- background-color: var(--oruga-taginput-item-background-color, var(--oruga-primary));
3632
- border-radius: var(--oruga-taginput-item-border-radius, var(--oruga-base-border-radius));
3633
- }
3634
- .o-taginput__item--primary {
3635
- --oruga-focus: rgba(68, 94, 0, 0.25);
3636
- background-color: var(--oruga-variant-primary, #445e00);
3637
- color: var(--oruga-variant-invert-primary, #ffffff);
3638
- }
3639
- .o-taginput__item--secondary {
3640
- --oruga-focus: rgba(108, 117, 125, 0.25);
3641
- background-color: var(--oruga-variant-secondary, #6c757d);
3642
- color: var(--oruga-variant-invert-secondary, #ffffff);
3643
- }
3644
- .o-taginput__item--success {
3645
- --oruga-focus: rgba(0, 103, 36, 0.25);
3646
- background-color: var(--oruga-variant-success, #006724);
3647
- color: var(--oruga-variant-invert-success, #ffffff);
3648
- }
3649
- .o-taginput__item--info {
3650
- --oruga-focus: rgba(0, 92, 152, 0.25);
3651
- background-color: var(--oruga-variant-info, #005c98);
3652
- color: var(--oruga-variant-invert-info, #ffffff);
3653
- }
3654
- .o-taginput__item--warning {
3655
- --oruga-focus: rgba(244, 195, 0, 0.25);
3656
- background-color: var(--oruga-variant-warning, #f4c300);
3657
- color: var(--oruga-variant-invert-warning, #000000);
3658
- }
3659
- .o-taginput__item--danger {
3660
- --oruga-focus: rgba(182, 0, 0, 0.25);
3661
- background-color: var(--oruga-variant-danger, #b60000);
3662
- color: var(--oruga-variant-invert-danger, #ffffff);
3663
- }
3664
- .o-taginput__item:focus, .o-taginput__item:focus-within {
3665
- box-shadow: 0 0 0 0.25rem var(--oruga-focus);
3666
- outline: 0;
3667
- }
3668
- .o-taginput__counter {
3669
- display: block;
3670
- float: right;
3671
- font-size: var(--oruga-taginput-counter-font-size, 0.75rem);
3672
- margin: var(--oruga-taginput-counter-margin, 0.25rem 0 0 0.5rem);
3673
- }
3674
- .o-taginput--expanded {
3675
- width: 100%;
3676
- flex-grow: 1;
3677
- flex-shrink: 1;
3678
- }
3679
-
3680
- /* @docs */
3681
- /* @docs */
3682
- .o-tpck {
3683
- font-size: var(--oruga-timepicker-font-size, var(--oruga-base-font-size));
3684
- }
3685
- .o-tpck--small {
3686
- font-size: var(--oruga-timepicker-font-size-small, 0.75rem);
3687
- }
3688
- .o-tpck--medium {
3689
- font-size: var(--oruga-timepicker-font-size-medium, 1.25rem);
3690
- }
3691
- .o-tpck--large {
3692
- font-size: var(--oruga-timepicker-font-size-large, 1.5rem);
3693
- }
3694
- .o-tpck__dropdown {
3695
- width: 100%;
3696
- }
3697
- .o-tpck__box {
3698
- display: flex;
3699
- justify-content: center;
3700
- align-items: center;
3701
- line-height: var(--oruga-timepicker-box-line-height, var(--oruga-base-line-height));
3702
- padding: var(--oruga-timepicker-box-padding, 0.375rem 1rem);
3703
- }
3704
- .o-tpck__select {
3705
- -moz-appearance: none;
3706
- -webkit-appearance: none;
3707
- display: inline-block;
3708
- position: relative;
3709
- vertical-align: top;
3710
- cursor: pointer;
3711
- justify-content: flex-start;
3712
- align-items: center;
3713
- border: 0;
3714
- font-size: inherit;
3715
- font-weight: var(--oruga-timepicker-select-font-weight, 600);
3716
- line-height: var(--oruga-timepicker-select-line-height, var(--oruga-base-line-height));
3717
- color: var(--oruga-timepicker-select-color, #363636);
3718
- padding: var(--oruga-timepicker-select-padding, calc(0.375em - 1px) calc(0.625em - 1px));
3719
- }
3720
- .o-tpck__select-placeholder {
3721
- opacity: var(--oruga-timepicker-select-placeholder-opacity, var(--oruga-base-disabled-opacity));
3722
- }
3723
- .o-tpck__separator {
3724
- font-weight: var(--oruga-timepicker-separator-font-weight, 600);
3725
- }
3726
- .o-tpck__footer {
3727
- padding: var(--oruga-timepicker-header-padding, 0 0.5rem);
3728
- margin: var(--oruga-timepicker-header-margin, 0.875rem 0 0 0);
3729
- }
3730
-
3731
- /* @docs */
3732
- /* @docs */
3733
- .o-tip {
3734
- position: relative;
3735
- display: inline-flex;
3736
- }
3737
- .o-tip__arrow {
3738
- position: absolute;
3739
- content: "";
3740
- pointer-events: none;
3741
- z-index: var(--oruga-tooltip-content-zindex, 38);
3742
- color: var(--oruga-tooltip-background-color, var(--oruga-primary));
3743
- }
3744
- .o-tip__arrow--primary {
3745
- color: var(--oruga-variant-primary, #445e00);
3746
- }
3747
- .o-tip__arrow--secondary {
3748
- color: var(--oruga-variant-secondary, #6c757d);
3749
- }
3750
- .o-tip__arrow--success {
3751
- color: var(--oruga-variant-success, #006724);
3752
- }
3753
- .o-tip__arrow--info {
3754
- color: var(--oruga-variant-info, #005c98);
3755
- }
3756
- .o-tip__arrow--warning {
3757
- color: var(--oruga-variant-warning, #f4c300);
3758
- }
3759
- .o-tip__arrow--danger {
3760
- color: var(--oruga-variant-danger, #b60000);
3761
- }
3762
- .o-tip__arrow--bottom {
3763
- top: auto;
3764
- right: auto;
3765
- bottom: 100%;
3766
- left: 50%;
3767
- transform: translateX(-50%);
3768
- border-bottom-style: solid;
3769
- border-right-style: solid;
3770
- border-right-color: transparent;
3771
- border-left-style: solid;
3772
- border-left-color: transparent;
3773
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3774
- border-right-width: var(--oruga-tooltip-arrow-size, 5px);
3775
- border-left-width: var(--oruga-tooltip-arrow-size, 5px);
3776
- }
3777
- .o-tip__arrow--top {
3778
- top: 100%;
3779
- right: auto;
3780
- bottom: auto;
3781
- left: 50%;
3782
- transform: translateX(-50%);
3783
- border-top-style: solid;
3784
- border-right-style: solid;
3785
- border-right-color: transparent;
3786
- border-left-style: solid;
3787
- border-left-color: transparent;
3788
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3789
- border-right-width: var(--oruga-tooltip-arrow-size, 5px);
3790
- border-left-width: var(--oruga-tooltip-arrow-size, 5px);
3791
- }
3792
- .o-tip__arrow--left {
3793
- top: 50%;
3794
- right: auto;
3795
- bottom: auto;
3796
- left: 100%;
3797
- transform: translateY(-50%);
3798
- border-left-style: solid;
3799
- border-top-style: solid;
3800
- border-top-color: transparent;
3801
- border-bottom-style: solid;
3802
- border-bottom-color: transparent;
3803
- border-left-width: var(--oruga-tooltip-arrow-size, 5px);
3804
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3805
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3806
- }
3807
- .o-tip__arrow--right {
3808
- top: 50%;
3809
- right: 100%;
3810
- bottom: auto;
3811
- left: auto;
3812
- transform: translateY(-50%);
3813
- border-right-style: solid;
3814
- border-top-style: solid;
3815
- border-top-color: transparent;
3816
- border-bottom-style: solid;
3817
- border-bottom-color: transparent;
3818
- border-right-width: var(--oruga-tooltip-arrow-size, 5px);
3819
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3820
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3821
- }
3822
- .o-tip__arrow--top-right {
3823
- top: 100%;
3824
- right: auto;
3825
- bottom: auto;
3826
- left: 50%;
3827
- transform: translateX(-50%);
3828
- border-top-style: solid;
3829
- border-right-style: solid;
3830
- border-right-color: transparent;
3831
- border-left-style: solid;
3832
- border-left-color: transparent;
3833
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3834
- border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3835
- border-left-width: 0;
3836
- }
3837
- .o-tip__arrow--top-left {
3838
- top: 100%;
3839
- right: auto;
3840
- bottom: auto;
3841
- left: 50%;
3842
- transform: translateX(-50%);
3843
- border-top-style: solid;
3844
- border-right-style: solid;
3845
- border-right-color: transparent;
3846
- border-left-style: solid;
3847
- border-left-color: transparent;
3848
- border-top-width: var(--oruga-tooltip-arrow-size, 5px);
3849
- border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3850
- border-right-width: 0;
3851
- }
3852
- .o-tip__arrow--bottom-left {
3853
- top: auto;
3854
- right: auto;
3855
- bottom: 100%;
3856
- left: 50%;
3857
- transform: translateX(-50%);
3858
- border-bottom-style: solid;
3859
- border-right-style: solid;
3860
- border-right-color: transparent;
3861
- border-left-style: solid;
3862
- border-left-color: transparent;
3863
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3864
- border-left-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3865
- border-right-width: 0;
3866
- }
3867
- .o-tip__arrow--bottom-right {
3868
- top: auto;
3869
- right: auto;
3870
- bottom: 100%;
3871
- left: 50%;
3872
- transform: translateX(-50%);
3873
- border-bottom-style: solid;
3874
- border-right-style: solid;
3875
- border-right-color: transparent;
3876
- border-left-style: solid;
3877
- border-left-color: transparent;
3878
- border-bottom-width: var(--oruga-tooltip-arrow-size, 5px);
3879
- border-right-width: calc(var(--oruga-tooltip-arrow-size, 5px) * 2);
3880
- border-left-width: 0;
3881
- }
3882
- .o-tip__content {
3883
- position: absolute;
3884
- white-space: nowrap;
3885
- max-width: var(--oruga-tooltip-content-max-width, 300px);
3886
- padding: var(--oruga-tooltip-content-padding, 0.35rem 0.75rem);
3887
- border-radius: var(--oruga-tooltip-content-radius-large, 6px);
3888
- font-size: var(--oruga-tooltip-content-font-size, 0.85rem);
3889
- font-weight: var(--oruga-tooltip-content-weight-normal, 400);
3890
- box-shadow: var(--oruga-tooltip-content-box-shadow, 0px 1px 2px 1px rgba(0, 1, 0, 0.2));
3891
- z-index: var(--oruga-tooltip-content-zindex, 38);
3892
- background-color: var(--oruga-tooltip-background-color, var(--oruga-primary));
3893
- color: var(--oruga-tooltip-color, var(--oruga-primary-invert));
3894
- }
3895
- .o-tip__content--primary {
3896
- background: var(--oruga-variant-primary, #445e00);
3897
- color: var(--oruga-variant-invert-primary, #ffffff);
3898
- }
3899
- .o-tip__content--secondary {
3900
- background: var(--oruga-variant-secondary, #6c757d);
3901
- color: var(--oruga-variant-invert-secondary, #ffffff);
3902
- }
3903
- .o-tip__content--success {
3904
- background: var(--oruga-variant-success, #006724);
3905
- color: var(--oruga-variant-invert-success, #ffffff);
3906
- }
3907
- .o-tip__content--info {
3908
- background: var(--oruga-variant-info, #005c98);
3909
- color: var(--oruga-variant-invert-info, #ffffff);
3910
- }
3911
- .o-tip__content--warning {
3912
- background: var(--oruga-variant-warning, #f4c300);
3913
- color: var(--oruga-variant-invert-warning, #000000);
3914
- }
3915
- .o-tip__content--danger {
3916
- background: var(--oruga-variant-danger, #b60000);
3917
- color: var(--oruga-variant-invert-danger, #ffffff);
3918
- }
3919
- .o-tip__content--top {
3920
- top: auto;
3921
- right: auto;
3922
- bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3923
- left: 50%;
3924
- transform: translateX(-50%);
3925
- }
3926
- .o-tip__content--bottom {
3927
- top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3928
- right: auto;
3929
- bottom: auto;
3930
- left: 50%;
3931
- transform: translateX(-50%);
3932
- }
3933
- .o-tip__content--right {
3934
- top: 50%;
3935
- right: auto;
3936
- bottom: auto;
3937
- left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3938
- transform: translateY(-50%);
3939
- }
3940
- .o-tip__content--left {
3941
- top: 50%;
3942
- right: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3943
- bottom: auto;
3944
- left: auto;
3945
- transform: translateY(-50%);
3946
- }
3947
- .o-tip__content--top-right {
3948
- left: auto;
3949
- top: auto;
3950
- bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3951
- transform: translateX(50%);
3952
- }
3953
- .o-tip__content--top-left {
3954
- right: auto;
3955
- top: auto;
3956
- bottom: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3957
- transform: translateX(-50%);
3958
- }
3959
- .o-tip__content--bottom-right {
3960
- left: auto;
3961
- bottom: auto;
3962
- top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3963
- transform: translateX(50%);
3964
- }
3965
- .o-tip__content--bottom-left {
3966
- left: auto;
3967
- bottom: auto;
3968
- top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px) + 100%);
3969
- transform: translateX(-50%);
3970
- }
3971
- .o-tip__content--always {
3972
- opacity: 1;
3973
- visibility: visible;
3974
- }
3975
- .o-tip__content--multiline {
3976
- text-align: center;
3977
- white-space: normal;
3978
- width: var(--oruga-tooltip-content-multiline-width, 300px);
3979
- }
3980
- .o-tip--teleport .o-tip__content--top, .o-tip--teleport .o-tip__content--top-left, .o-tip--teleport .o-tip__content--top-right {
3981
- margin-top: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
3982
- }
3983
- .o-tip--teleport .o-tip__content--bottom, .o-tip--teleport .o-tip__content--bottom-left, .o-tip--teleport .o-tip__content--bottom-right {
3984
- margin-top: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
3985
- }
3986
- .o-tip--teleport .o-tip__content--right {
3987
- margin-left: calc(var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px));
3988
- }
3989
- .o-tip--teleport .o-tip__content--left {
3990
- margin-left: calc(-1 * (var(--oruga-tooltip-arrow-size, 5px) + var(--oruga-tooltip-arrow-margin, 2px)));
3991
- }
3992
- .o-tip__trigger {
3993
- width: 100%;
3994
- }
3995
-
3996
- /* @docs */
3997
- /* @docs */
3998
- .o-upl {
3999
- position: relative;
4000
- display: inline-flex;
4001
- }
4002
- .o-upl--disabled {
4003
- opacity: var(--oruga-upload-draggable-disabled-opacity, var(--oruga-base-disabled-opacity));
4004
- cursor: not-allowed;
4005
- }
4006
- .o-upl--expanded {
4007
- width: 100%;
4008
- }
4009
- .o-upl__draggable {
4010
- cursor: pointer;
4011
- width: 100%;
4012
- padding: var(--oruga-upload-draggable-padding, 0.25em);
4013
- border: var(--oruga-upload-draggable-border, 1px dashed var(--oruga-grey-light));
4014
- border-radius: var(--oruga-upload-draggable-border-radius, var(--oruga-base-border-radius));
4015
- }
4016
- .o-upl__draggable--hovered {
4017
- border-color: var(--oruga-upload-draggable-hover-border-color, var(--oruga-grey));
4018
- }
4019
- .o-upl__draggable--hovered-primary {
4020
- border-color: var(--oruga-variant-primary, #445e00);
4021
- }
4022
- .o-upl__draggable--hovered-secondary {
4023
- border-color: var(--oruga-variant-secondary, #6c757d);
4024
- }
4025
- .o-upl__draggable--hovered-success {
4026
- border-color: var(--oruga-variant-success, #006724);
4027
- }
4028
- .o-upl__draggable--hovered-info {
4029
- border-color: var(--oruga-variant-info, #005c98);
4030
- }
4031
- .o-upl__draggable--hovered-warning {
4032
- border-color: var(--oruga-variant-warning, #f4c300);
4033
- }
4034
- .o-upl__draggable--hovered-danger {
4035
- border-color: var(--oruga-variant-danger, #b60000);
4036
- }
4037
- .o-upl input[type=file] {
4038
- position: absolute;
4039
- top: 0;
4040
- left: 0;
4041
- width: 100%;
4042
- height: 100%;
4043
- opacity: 0;
4044
- cursor: pointer;
4045
- z-index: -1;
4046
- }
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}