@openeuropa/bcl-theme-default 1.8.2 → 1.9.1

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 (47) hide show
  1. package/bcl-builder.config.js +7 -2
  2. package/css/color-scheme.min.css +1 -1
  3. package/css/oe-bcl-ckeditor5.min.css +1 -1
  4. package/css/oe-bcl-ckeditor5.min.css.map +1 -1
  5. package/css/oe-bcl-default.css +1036 -308
  6. package/css/oe-bcl-default.css.map +1 -1
  7. package/css/oe-bcl-default.min.css +1 -1
  8. package/css/oe-bcl-default.min.css.map +1 -1
  9. package/js/oe-bcl-default.bundle.js +40 -5
  10. package/js/oe-bcl-default.bundle.js.map +1 -1
  11. package/js/oe-bcl-default.bundle.min.js +1 -1
  12. package/js/oe-bcl-default.bundle.min.js.map +1 -1
  13. package/js/oe-bcl-default.esm.js +40 -4
  14. package/js/oe-bcl-default.esm.js.map +1 -1
  15. package/js/oe-bcl-default.esm.min.js +1 -1
  16. package/js/oe-bcl-default.esm.min.js.map +1 -1
  17. package/js/oe-bcl-default.umd.js +40 -5
  18. package/js/oe-bcl-default.umd.js.map +1 -1
  19. package/js/oe-bcl-default.umd.min.js +1 -1
  20. package/js/oe-bcl-default.umd.min.js.map +1 -1
  21. package/js/slim-select-2/slimselect.min.js +1 -0
  22. package/js/slimselect.min.js +1 -1
  23. package/package.json +9 -8
  24. package/src/js/accordion-toggle/accordion-toggle.js +52 -0
  25. package/src/js/gallery/gallery.js +0 -2
  26. package/src/js/index.esm.js +2 -0
  27. package/src/js/index.umd.js +2 -0
  28. package/src/scss/_accordion.scss +7 -0
  29. package/src/scss/_badge.scss +2 -23
  30. package/src/scss/_button.scss +15 -0
  31. package/src/scss/_carousel.scss +15 -1
  32. package/src/scss/_footer.scss +20 -1
  33. package/src/scss/_header.scss +4 -10
  34. package/src/scss/_inpage-navigation.scss +69 -4
  35. package/src/scss/_input.scss +37 -4
  36. package/src/scss/_language-list.scss +11 -0
  37. package/src/scss/_multiselect-2.scss +552 -0
  38. package/src/scss/_multiselect.scss +2 -2
  39. package/src/scss/_pagination.scss +21 -5
  40. package/src/scss/_search-form.scss +4 -2
  41. package/src/scss/_tabs.scss +30 -0
  42. package/src/scss/base/_utilities.scss +14 -28
  43. package/src/scss/oe-bcl-default.scss +2 -0
  44. package/templates/bcl-accordion/accordion.html.twig +85 -46
  45. package/templates/bcl-carousel/carousel.html.twig +2 -2
  46. package/templates/bcl-header/header.html.twig +1 -0
  47. package/templates/bcl-inpage-navigation/inpage-navigation.html.twig +9 -1
@@ -63,9 +63,9 @@
63
63
  --bs-border-radius-2xl: 2rem;
64
64
  --bs-border-radius-pill: 50rem;
65
65
  --bs-link-color: #253ebe;
66
- --bs-link-hover-color: #1e3298;
66
+ --bs-link-hover-color: rgb(29.6, 49.6, 152);
67
67
  --bs-code-color: #d63384;
68
- --bs-highlight-bg: #fff3cd;
68
+ --bs-highlight-bg: rgb(255, 242.6, 205.4);
69
69
  }
70
70
 
71
71
  *,
@@ -2238,13 +2238,13 @@ progress {
2238
2238
 
2239
2239
  .table-primary {
2240
2240
  --bs-table-color: #000;
2241
- --bs-table-bg: #d3d8f2;
2242
- --bs-table-border-color: #bec2da;
2243
- --bs-table-striped-bg: #c8cde6;
2241
+ --bs-table-bg: rgb(211.4, 216.4, 242);
2242
+ --bs-table-border-color: rgb(190.26, 194.76, 217.8);
2243
+ --bs-table-striped-bg: rgb(200.83, 205.58, 229.9);
2244
2244
  --bs-table-striped-color: #000;
2245
- --bs-table-active-bg: #bec2da;
2245
+ --bs-table-active-bg: rgb(190.26, 194.76, 217.8);
2246
2246
  --bs-table-active-color: #000;
2247
- --bs-table-hover-bg: #bec2da;
2247
+ --bs-table-hover-bg: rgb(190.26, 194.76, 217.8);
2248
2248
  --bs-table-hover-color: #000;
2249
2249
  color: var(--bs-table-color);
2250
2250
  border-color: var(--bs-table-border-color);
@@ -2252,13 +2252,13 @@ progress {
2252
2252
 
2253
2253
  .table-secondary {
2254
2254
  --bs-table-color: #000;
2255
- --bs-table-bg: #e2d3db;
2256
- --bs-table-border-color: #cbbec5;
2257
- --bs-table-striped-bg: #d7c8d0;
2255
+ --bs-table-bg: rgb(226.4, 211.4, 218.8);
2256
+ --bs-table-border-color: rgb(203.76, 190.26, 196.92);
2257
+ --bs-table-striped-bg: rgb(215.08, 200.83, 207.86);
2258
2258
  --bs-table-striped-color: #000;
2259
- --bs-table-active-bg: #cbbec5;
2259
+ --bs-table-active-bg: rgb(203.76, 190.26, 196.92);
2260
2260
  --bs-table-active-color: #000;
2261
- --bs-table-hover-bg: #cbbec5;
2261
+ --bs-table-hover-bg: rgb(203.76, 190.26, 196.92);
2262
2262
  --bs-table-hover-color: #000;
2263
2263
  color: var(--bs-table-color);
2264
2264
  border-color: var(--bs-table-border-color);
@@ -2266,13 +2266,13 @@ progress {
2266
2266
 
2267
2267
  .table-success {
2268
2268
  --bs-table-color: #000;
2269
- --bs-table-bg: #cee7db;
2270
- --bs-table-border-color: #b9d0c5;
2271
- --bs-table-striped-bg: #c4dbd0;
2269
+ --bs-table-bg: rgb(205.8, 230.6, 219.2);
2270
+ --bs-table-border-color: rgb(185.22, 207.54, 197.28);
2271
+ --bs-table-striped-bg: rgb(195.51, 219.07, 208.24);
2272
2272
  --bs-table-striped-color: #000;
2273
- --bs-table-active-bg: #b9d0c5;
2273
+ --bs-table-active-bg: rgb(185.22, 207.54, 197.28);
2274
2274
  --bs-table-active-color: #000;
2275
- --bs-table-hover-bg: #b9d0c5;
2275
+ --bs-table-hover-bg: rgb(185.22, 207.54, 197.28);
2276
2276
  --bs-table-hover-color: #000;
2277
2277
  color: var(--bs-table-color);
2278
2278
  border-color: var(--bs-table-border-color);
@@ -2280,13 +2280,13 @@ progress {
2280
2280
 
2281
2281
  .table-info {
2282
2282
  --bs-table-color: #000;
2283
- --bs-table-bg: #cfe4e8;
2284
- --bs-table-border-color: #bacdd1;
2285
- --bs-table-striped-bg: #c5d9dc;
2283
+ --bs-table-bg: rgb(206.6, 227.6, 231.8);
2284
+ --bs-table-border-color: rgb(185.94, 204.84, 208.62);
2285
+ --bs-table-striped-bg: rgb(196.27, 216.22, 220.21);
2286
2286
  --bs-table-striped-color: #000;
2287
- --bs-table-active-bg: #bacdd1;
2287
+ --bs-table-active-bg: rgb(185.94, 204.84, 208.62);
2288
2288
  --bs-table-active-color: #000;
2289
- --bs-table-hover-bg: #bacdd1;
2289
+ --bs-table-hover-bg: rgb(185.94, 204.84, 208.62);
2290
2290
  --bs-table-hover-color: #000;
2291
2291
  color: var(--bs-table-color);
2292
2292
  border-color: var(--bs-table-border-color);
@@ -2294,13 +2294,13 @@ progress {
2294
2294
 
2295
2295
  .table-warning {
2296
2296
  --bs-table-color: #000;
2297
- --bs-table-bg: #fff1cd;
2298
- --bs-table-border-color: #e6d9b9;
2299
- --bs-table-striped-bg: #f2e5c3;
2297
+ --bs-table-bg: rgb(255, 241.2, 205.4);
2298
+ --bs-table-border-color: rgb(229.5, 217.08, 184.86);
2299
+ --bs-table-striped-bg: rgb(242.25, 229.14, 195.13);
2300
2300
  --bs-table-striped-color: #000;
2301
- --bs-table-active-bg: #e6d9b9;
2301
+ --bs-table-active-bg: rgb(229.5, 217.08, 184.86);
2302
2302
  --bs-table-active-color: #000;
2303
- --bs-table-hover-bg: #e6d9b9;
2303
+ --bs-table-hover-bg: rgb(229.5, 217.08, 184.86);
2304
2304
  --bs-table-hover-color: #000;
2305
2305
  color: var(--bs-table-color);
2306
2306
  border-color: var(--bs-table-border-color);
@@ -2308,13 +2308,13 @@ progress {
2308
2308
 
2309
2309
  .table-danger {
2310
2310
  --bs-table-color: #000;
2311
- --bs-table-bg: #edd2d5;
2312
- --bs-table-border-color: #d5bdc0;
2313
- --bs-table-striped-bg: #e1c8ca;
2311
+ --bs-table-bg: rgb(237, 210.2, 212.8);
2312
+ --bs-table-border-color: rgb(213.3, 189.18, 191.52);
2313
+ --bs-table-striped-bg: rgb(225.15, 199.69, 202.16);
2314
2314
  --bs-table-striped-color: #000;
2315
- --bs-table-active-bg: #d5bdc0;
2315
+ --bs-table-active-bg: rgb(213.3, 189.18, 191.52);
2316
2316
  --bs-table-active-color: #000;
2317
- --bs-table-hover-bg: #d5bdc0;
2317
+ --bs-table-hover-bg: rgb(213.3, 189.18, 191.52);
2318
2318
  --bs-table-hover-color: #000;
2319
2319
  color: var(--bs-table-color);
2320
2320
  border-color: var(--bs-table-border-color);
@@ -2323,12 +2323,12 @@ progress {
2323
2323
  .table-light {
2324
2324
  --bs-table-color: #000;
2325
2325
  --bs-table-bg: #f8f9fa;
2326
- --bs-table-border-color: #dfe0e1;
2327
- --bs-table-striped-bg: #ecedee;
2326
+ --bs-table-border-color: rgb(223.2, 224.1, 225);
2327
+ --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
2328
2328
  --bs-table-striped-color: #000;
2329
- --bs-table-active-bg: #dfe0e1;
2329
+ --bs-table-active-bg: rgb(223.2, 224.1, 225);
2330
2330
  --bs-table-active-color: #000;
2331
- --bs-table-hover-bg: #dfe0e1;
2331
+ --bs-table-hover-bg: rgb(223.2, 224.1, 225);
2332
2332
  --bs-table-hover-color: #000;
2333
2333
  color: var(--bs-table-color);
2334
2334
  border-color: var(--bs-table-border-color);
@@ -2337,12 +2337,12 @@ progress {
2337
2337
  .table-dark {
2338
2338
  --bs-table-color: #fff;
2339
2339
  --bs-table-bg: #212529;
2340
- --bs-table-border-color: #373b3e;
2341
- --bs-table-striped-bg: #2c3034;
2340
+ --bs-table-border-color: rgb(55.2, 58.8, 62.4);
2341
+ --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
2342
2342
  --bs-table-striped-color: #fff;
2343
- --bs-table-active-bg: #373b3e;
2343
+ --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
2344
2344
  --bs-table-active-color: #fff;
2345
- --bs-table-hover-bg: #373b3e;
2345
+ --bs-table-hover-bg: rgb(55.2, 58.8, 62.4);
2346
2346
  --bs-table-hover-color: #fff;
2347
2347
  color: var(--bs-table-color);
2348
2348
  border-color: var(--bs-table-border-color);
@@ -2444,7 +2444,7 @@ progress {
2444
2444
  .form-control:focus {
2445
2445
  color: #212529;
2446
2446
  background-color: #fff;
2447
- border-color: #929fdf;
2447
+ border-color: rgb(146, 158.5, 222.5);
2448
2448
  outline: 0;
2449
2449
  box-shadow: 0 0 0 0.25rem rgba(37, 62, 190, 0.25);
2450
2450
  }
@@ -2517,10 +2517,10 @@ progress {
2517
2517
  }
2518
2518
  }
2519
2519
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
2520
- background-color: #dde0e3;
2520
+ background-color: rgb(221.35, 224.2, 227.05);
2521
2521
  }
2522
2522
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
2523
- background-color: #dde0e3;
2523
+ background-color: rgb(221.35, 224.2, 227.05);
2524
2524
  }
2525
2525
 
2526
2526
  .form-control-plaintext {
@@ -2641,7 +2641,7 @@ textarea.form-control-lg {
2641
2641
  }
2642
2642
  }
2643
2643
  .form-select:focus {
2644
- border-color: #929fdf;
2644
+ border-color: rgb(146, 158.5, 222.5);
2645
2645
  outline: 0;
2646
2646
  box-shadow: 0 0 0 0.25rem rgba(37, 62, 190, 0.25);
2647
2647
  }
@@ -2723,7 +2723,7 @@ textarea.form-control-lg {
2723
2723
  filter: brightness(90%);
2724
2724
  }
2725
2725
  .form-check-input:focus {
2726
- border-color: #929fdf;
2726
+ border-color: rgb(146, 158.5, 222.5);
2727
2727
  outline: 0;
2728
2728
  box-shadow: 0 0 0 0.25rem rgba(37, 62, 190, 0.25);
2729
2729
  }
@@ -2770,7 +2770,7 @@ textarea.form-control-lg {
2770
2770
  }
2771
2771
  }
2772
2772
  .form-switch .form-check-input:focus {
2773
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23929fdf'/%3e%3c/svg%3e");
2773
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28146, 158.5, 222.5%29'/%3e%3c/svg%3e");
2774
2774
  }
2775
2775
  .form-switch .form-check-input:checked {
2776
2776
  background-position: right center;
@@ -2842,7 +2842,7 @@ textarea.form-control-lg {
2842
2842
  }
2843
2843
  }
2844
2844
  .form-range::-webkit-slider-thumb:active {
2845
- background-color: #bec5ec;
2845
+ background-color: rgb(189.6, 197.1, 235.5);
2846
2846
  }
2847
2847
  .form-range::-webkit-slider-runnable-track {
2848
2848
  width: 100%;
@@ -2871,7 +2871,7 @@ textarea.form-control-lg {
2871
2871
  }
2872
2872
  }
2873
2873
  .form-range::-moz-range-thumb:active {
2874
- background-color: #bec5ec;
2874
+ background-color: rgb(189.6, 197.1, 235.5);
2875
2875
  }
2876
2876
  .form-range::-moz-range-track {
2877
2877
  width: 100%;
@@ -3354,12 +3354,12 @@ textarea.form-control-lg {
3354
3354
  --bs-btn-bg: #253ebe;
3355
3355
  --bs-btn-border-color: #253ebe;
3356
3356
  --bs-btn-hover-color: #fff;
3357
- --bs-btn-hover-bg: #1f35a2;
3358
- --bs-btn-hover-border-color: #1e3298;
3357
+ --bs-btn-hover-bg: rgb(31.45, 52.7, 161.5);
3358
+ --bs-btn-hover-border-color: rgb(29.6, 49.6, 152);
3359
3359
  --bs-btn-focus-shadow-rgb: 70, 91, 200;
3360
3360
  --bs-btn-active-color: #fff;
3361
- --bs-btn-active-bg: #1e3298;
3362
- --bs-btn-active-border-color: #1c2f8f;
3361
+ --bs-btn-active-bg: rgb(29.6, 49.6, 152);
3362
+ --bs-btn-active-border-color: rgb(27.75, 46.5, 142.5);
3363
3363
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3364
3364
  --bs-btn-disabled-color: #fff;
3365
3365
  --bs-btn-disabled-bg: #253ebe;
@@ -3371,12 +3371,12 @@ textarea.form-control-lg {
3371
3371
  --bs-btn-bg: #70254a;
3372
3372
  --bs-btn-border-color: #70254a;
3373
3373
  --bs-btn-hover-color: #fff;
3374
- --bs-btn-hover-bg: #5f1f3f;
3375
- --bs-btn-hover-border-color: #5a1e3b;
3374
+ --bs-btn-hover-bg: rgb(95.2, 31.45, 62.9);
3375
+ --bs-btn-hover-border-color: rgb(89.6, 29.6, 59.2);
3376
3376
  --bs-btn-focus-shadow-rgb: 133, 70, 101;
3377
3377
  --bs-btn-active-color: #fff;
3378
- --bs-btn-active-bg: #5a1e3b;
3379
- --bs-btn-active-border-color: #541c38;
3378
+ --bs-btn-active-bg: rgb(89.6, 29.6, 59.2);
3379
+ --bs-btn-active-border-color: rgb(84, 27.75, 55.5);
3380
3380
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3381
3381
  --bs-btn-disabled-color: #fff;
3382
3382
  --bs-btn-disabled-bg: #70254a;
@@ -3388,12 +3388,12 @@ textarea.form-control-lg {
3388
3388
  --bs-btn-bg: #09854c;
3389
3389
  --bs-btn-border-color: #09854c;
3390
3390
  --bs-btn-hover-color: #fff;
3391
- --bs-btn-hover-bg: #087141;
3392
- --bs-btn-hover-border-color: #076a3d;
3391
+ --bs-btn-hover-bg: rgb(7.65, 113.05, 64.6);
3392
+ --bs-btn-hover-border-color: rgb(7.2, 106.4, 60.8);
3393
3393
  --bs-btn-focus-shadow-rgb: 46, 151, 103;
3394
3394
  --bs-btn-active-color: #fff;
3395
- --bs-btn-active-bg: #076a3d;
3396
- --bs-btn-active-border-color: #076439;
3395
+ --bs-btn-active-bg: rgb(7.2, 106.4, 60.8);
3396
+ --bs-btn-active-border-color: rgb(6.75, 99.75, 57);
3397
3397
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3398
3398
  --bs-btn-disabled-color: #fff;
3399
3399
  --bs-btn-disabled-bg: #09854c;
@@ -3405,12 +3405,12 @@ textarea.form-control-lg {
3405
3405
  --bs-btn-bg: #0d768b;
3406
3406
  --bs-btn-border-color: #0d768b;
3407
3407
  --bs-btn-hover-color: #fff;
3408
- --bs-btn-hover-bg: #0b6476;
3409
- --bs-btn-hover-border-color: #0a5e6f;
3408
+ --bs-btn-hover-bg: rgb(11.05, 100.3, 118.15);
3409
+ --bs-btn-hover-border-color: rgb(10.4, 94.4, 111.2);
3410
3410
  --bs-btn-focus-shadow-rgb: 49, 139, 156;
3411
3411
  --bs-btn-active-color: #fff;
3412
- --bs-btn-active-bg: #0a5e6f;
3413
- --bs-btn-active-border-color: #0a5968;
3412
+ --bs-btn-active-bg: rgb(10.4, 94.4, 111.2);
3413
+ --bs-btn-active-border-color: rgb(9.75, 88.5, 104.25);
3414
3414
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3415
3415
  --bs-btn-disabled-color: #fff;
3416
3416
  --bs-btn-disabled-bg: #0d768b;
@@ -3422,12 +3422,12 @@ textarea.form-control-lg {
3422
3422
  --bs-btn-bg: #ffba07;
3423
3423
  --bs-btn-border-color: #ffba07;
3424
3424
  --bs-btn-hover-color: #000;
3425
- --bs-btn-hover-bg: #ffc42c;
3426
- --bs-btn-hover-border-color: #ffc120;
3425
+ --bs-btn-hover-bg: rgb(255, 196.35, 44.2);
3426
+ --bs-btn-hover-border-color: rgb(255, 192.9, 31.8);
3427
3427
  --bs-btn-focus-shadow-rgb: 217, 158, 6;
3428
3428
  --bs-btn-active-color: #000;
3429
- --bs-btn-active-bg: #ffc839;
3430
- --bs-btn-active-border-color: #ffc120;
3429
+ --bs-btn-active-bg: rgb(255, 199.8, 56.6);
3430
+ --bs-btn-active-border-color: rgb(255, 192.9, 31.8);
3431
3431
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3432
3432
  --bs-btn-disabled-color: #000;
3433
3433
  --bs-btn-disabled-bg: #ffba07;
@@ -3439,12 +3439,12 @@ textarea.form-control-lg {
3439
3439
  --bs-btn-bg: #a51f2c;
3440
3440
  --bs-btn-border-color: #a51f2c;
3441
3441
  --bs-btn-hover-color: #fff;
3442
- --bs-btn-hover-bg: #8c1a25;
3443
- --bs-btn-hover-border-color: #841923;
3442
+ --bs-btn-hover-bg: rgb(140.25, 26.35, 37.4);
3443
+ --bs-btn-hover-border-color: rgb(132, 24.8, 35.2);
3444
3444
  --bs-btn-focus-shadow-rgb: 179, 65, 76;
3445
3445
  --bs-btn-active-color: #fff;
3446
- --bs-btn-active-bg: #841923;
3447
- --bs-btn-active-border-color: #7c1721;
3446
+ --bs-btn-active-bg: rgb(132, 24.8, 35.2);
3447
+ --bs-btn-active-border-color: rgb(123.75, 23.25, 33);
3448
3448
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3449
3449
  --bs-btn-disabled-color: #fff;
3450
3450
  --bs-btn-disabled-bg: #a51f2c;
@@ -3456,12 +3456,12 @@ textarea.form-control-lg {
3456
3456
  --bs-btn-bg: #f8f9fa;
3457
3457
  --bs-btn-border-color: #f8f9fa;
3458
3458
  --bs-btn-hover-color: #000;
3459
- --bs-btn-hover-bg: #d3d4d5;
3460
- --bs-btn-hover-border-color: #c6c7c8;
3459
+ --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
3460
+ --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
3461
3461
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
3462
3462
  --bs-btn-active-color: #000;
3463
- --bs-btn-active-bg: #c6c7c8;
3464
- --bs-btn-active-border-color: #babbbc;
3463
+ --bs-btn-active-bg: rgb(198.4, 199.2, 200);
3464
+ --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
3465
3465
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3466
3466
  --bs-btn-disabled-color: #000;
3467
3467
  --bs-btn-disabled-bg: #f8f9fa;
@@ -3473,12 +3473,12 @@ textarea.form-control-lg {
3473
3473
  --bs-btn-bg: #212529;
3474
3474
  --bs-btn-border-color: #212529;
3475
3475
  --bs-btn-hover-color: #fff;
3476
- --bs-btn-hover-bg: #424649;
3477
- --bs-btn-hover-border-color: #373b3e;
3476
+ --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
3477
+ --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
3478
3478
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
3479
3479
  --bs-btn-active-color: #fff;
3480
- --bs-btn-active-bg: #4d5154;
3481
- --bs-btn-active-border-color: #373b3e;
3480
+ --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
3481
+ --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
3482
3482
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3483
3483
  --bs-btn-disabled-color: #fff;
3484
3484
  --bs-btn-disabled-bg: #212529;
@@ -3737,7 +3737,7 @@ textarea.form-control-lg {
3737
3737
  --bs-dropdown-divider-margin-y: 0.5rem;
3738
3738
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
3739
3739
  --bs-dropdown-link-color: #212529;
3740
- --bs-dropdown-link-hover-color: #1e2125;
3740
+ --bs-dropdown-link-hover-color: rgb(29.7, 33.3, 36.9);
3741
3741
  --bs-dropdown-link-hover-bg: #e9ecef;
3742
3742
  --bs-dropdown-link-active-color: #fff;
3743
3743
  --bs-dropdown-link-active-bg: #253ebe;
@@ -4938,8 +4938,8 @@ textarea.form-control-lg {
4938
4938
  --bs-accordion-btn-icon-width: 1.25rem;
4939
4939
  --bs-accordion-btn-icon-transform: rotate(-180deg);
4940
4940
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
4941
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232138ab'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4942
- --bs-accordion-btn-focus-border-color: #929fdf;
4941
+ --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2833.3, 55.8, 171%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
4942
+ --bs-accordion-btn-focus-border-color: rgb(146, 158.5, 222.5);
4943
4943
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(37, 62, 190, 0.25);
4944
4944
  --bs-accordion-body-padding-x: 1.25rem;
4945
4945
  --bs-accordion-body-padding-y: 1rem;
@@ -5318,75 +5318,75 @@ textarea.form-control-lg {
5318
5318
  }
5319
5319
 
5320
5320
  .alert-primary {
5321
- --bs-alert-color: #162572;
5322
- --bs-alert-bg: #e9ecf9;
5323
- --bs-alert-border-color: #d3d8f2;
5321
+ --bs-alert-color: rgb(22.2, 37.2, 114);
5322
+ --bs-alert-bg: rgb(233.2, 235.7, 248.5);
5323
+ --bs-alert-border-color: rgb(211.4, 216.4, 242);
5324
5324
  }
5325
5325
  .alert-primary .alert-link {
5326
- color: #121e5b;
5326
+ color: rgb(17.76, 29.76, 91.2);
5327
5327
  }
5328
5328
 
5329
5329
  .alert-secondary {
5330
- --bs-alert-color: #43162c;
5331
- --bs-alert-bg: #f1e9ed;
5332
- --bs-alert-border-color: #e2d3db;
5330
+ --bs-alert-color: rgb(67.2, 22.2, 44.4);
5331
+ --bs-alert-bg: rgb(240.7, 233.2, 236.9);
5332
+ --bs-alert-border-color: rgb(226.4, 211.4, 218.8);
5333
5333
  }
5334
5334
  .alert-secondary .alert-link {
5335
- color: #361223;
5335
+ color: rgb(53.76, 17.76, 35.52);
5336
5336
  }
5337
5337
 
5338
5338
  .alert-success {
5339
- --bs-alert-color: #05502e;
5340
- --bs-alert-bg: #e6f3ed;
5341
- --bs-alert-border-color: #cee7db;
5339
+ --bs-alert-color: rgb(5.4, 79.8, 45.6);
5340
+ --bs-alert-bg: rgb(230.4, 242.8, 237.1);
5341
+ --bs-alert-border-color: rgb(205.8, 230.6, 219.2);
5342
5342
  }
5343
5343
  .alert-success .alert-link {
5344
- color: #044025;
5344
+ color: rgb(4.32, 63.84, 36.48);
5345
5345
  }
5346
5346
 
5347
5347
  .alert-info {
5348
- --bs-alert-color: #084753;
5349
- --bs-alert-bg: #e7f1f3;
5350
- --bs-alert-border-color: #cfe4e8;
5348
+ --bs-alert-color: rgb(7.8, 70.8, 83.4);
5349
+ --bs-alert-bg: rgb(230.8, 241.3, 243.4);
5350
+ --bs-alert-border-color: rgb(206.6, 227.6, 231.8);
5351
5351
  }
5352
5352
  .alert-info .alert-link {
5353
- color: #063942;
5353
+ color: rgb(6.24, 56.64, 66.72);
5354
5354
  }
5355
5355
 
5356
5356
  .alert-warning {
5357
- --bs-alert-color: #664a03;
5358
- --bs-alert-bg: #fff8e6;
5359
- --bs-alert-border-color: #fff1cd;
5357
+ --bs-alert-color: rgb(102, 74.4, 2.8);
5358
+ --bs-alert-bg: rgb(255, 248.1, 230.2);
5359
+ --bs-alert-border-color: rgb(255, 241.2, 205.4);
5360
5360
  }
5361
5361
  .alert-warning .alert-link {
5362
- color: #523b02;
5362
+ color: rgb(81.6, 59.52, 2.24);
5363
5363
  }
5364
5364
 
5365
5365
  .alert-danger {
5366
- --bs-alert-color: #63131a;
5367
- --bs-alert-bg: #f6e9ea;
5368
- --bs-alert-border-color: #edd2d5;
5366
+ --bs-alert-color: rgb(99, 18.6, 26.4);
5367
+ --bs-alert-bg: rgb(246, 232.6, 233.9);
5368
+ --bs-alert-border-color: rgb(237, 210.2, 212.8);
5369
5369
  }
5370
5370
  .alert-danger .alert-link {
5371
- color: #4f0f15;
5371
+ color: rgb(79.2, 14.88, 21.12);
5372
5372
  }
5373
5373
 
5374
5374
  .alert-light {
5375
- --bs-alert-color: #636464;
5376
- --bs-alert-bg: #fefeff;
5377
- --bs-alert-border-color: #fefefe;
5375
+ --bs-alert-color: rgb(99.2, 99.6, 100);
5376
+ --bs-alert-bg: rgb(254.3, 254.4, 254.5);
5377
+ --bs-alert-border-color: rgb(253.6, 253.8, 254);
5378
5378
  }
5379
5379
  .alert-light .alert-link {
5380
- color: #4f5050;
5380
+ color: rgb(79.36, 79.68, 80);
5381
5381
  }
5382
5382
 
5383
5383
  .alert-dark {
5384
- --bs-alert-color: #141619;
5385
- --bs-alert-bg: #e9e9ea;
5386
- --bs-alert-border-color: #d3d3d4;
5384
+ --bs-alert-color: rgb(19.8, 22.2, 24.6);
5385
+ --bs-alert-bg: rgb(232.8, 233.2, 233.6);
5386
+ --bs-alert-border-color: rgb(210.6, 211.4, 212.2);
5387
5387
  }
5388
5388
  .alert-dark .alert-link {
5389
- color: #101214;
5389
+ color: rgb(15.84, 17.76, 19.68);
5390
5390
  }
5391
5391
 
5392
5392
  @-webkit-keyframes progress-bar-stripes {
@@ -5702,115 +5702,115 @@ textarea.form-control-lg {
5702
5702
  }
5703
5703
 
5704
5704
  .list-group-item-primary {
5705
- color: #162572;
5706
- background-color: #d3d8f2;
5705
+ color: rgb(22.2, 37.2, 114);
5706
+ background-color: rgb(211.4, 216.4, 242);
5707
5707
  }
5708
5708
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
5709
- color: #162572;
5710
- background-color: #bec2da;
5709
+ color: rgb(22.2, 37.2, 114);
5710
+ background-color: rgb(190.26, 194.76, 217.8);
5711
5711
  }
5712
5712
  .list-group-item-primary.list-group-item-action.active {
5713
5713
  color: #fff;
5714
- background-color: #162572;
5715
- border-color: #162572;
5714
+ background-color: rgb(22.2, 37.2, 114);
5715
+ border-color: rgb(22.2, 37.2, 114);
5716
5716
  }
5717
5717
 
5718
5718
  .list-group-item-secondary {
5719
- color: #43162c;
5720
- background-color: #e2d3db;
5719
+ color: rgb(67.2, 22.2, 44.4);
5720
+ background-color: rgb(226.4, 211.4, 218.8);
5721
5721
  }
5722
5722
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
5723
- color: #43162c;
5724
- background-color: #cbbec5;
5723
+ color: rgb(67.2, 22.2, 44.4);
5724
+ background-color: rgb(203.76, 190.26, 196.92);
5725
5725
  }
5726
5726
  .list-group-item-secondary.list-group-item-action.active {
5727
5727
  color: #fff;
5728
- background-color: #43162c;
5729
- border-color: #43162c;
5728
+ background-color: rgb(67.2, 22.2, 44.4);
5729
+ border-color: rgb(67.2, 22.2, 44.4);
5730
5730
  }
5731
5731
 
5732
5732
  .list-group-item-success {
5733
- color: #05502e;
5734
- background-color: #cee7db;
5733
+ color: rgb(5.4, 79.8, 45.6);
5734
+ background-color: rgb(205.8, 230.6, 219.2);
5735
5735
  }
5736
5736
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
5737
- color: #05502e;
5738
- background-color: #b9d0c5;
5737
+ color: rgb(5.4, 79.8, 45.6);
5738
+ background-color: rgb(185.22, 207.54, 197.28);
5739
5739
  }
5740
5740
  .list-group-item-success.list-group-item-action.active {
5741
5741
  color: #fff;
5742
- background-color: #05502e;
5743
- border-color: #05502e;
5742
+ background-color: rgb(5.4, 79.8, 45.6);
5743
+ border-color: rgb(5.4, 79.8, 45.6);
5744
5744
  }
5745
5745
 
5746
5746
  .list-group-item-info {
5747
- color: #084753;
5748
- background-color: #cfe4e8;
5747
+ color: rgb(7.8, 70.8, 83.4);
5748
+ background-color: rgb(206.6, 227.6, 231.8);
5749
5749
  }
5750
5750
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
5751
- color: #084753;
5752
- background-color: #bacdd1;
5751
+ color: rgb(7.8, 70.8, 83.4);
5752
+ background-color: rgb(185.94, 204.84, 208.62);
5753
5753
  }
5754
5754
  .list-group-item-info.list-group-item-action.active {
5755
5755
  color: #fff;
5756
- background-color: #084753;
5757
- border-color: #084753;
5756
+ background-color: rgb(7.8, 70.8, 83.4);
5757
+ border-color: rgb(7.8, 70.8, 83.4);
5758
5758
  }
5759
5759
 
5760
5760
  .list-group-item-warning {
5761
- color: #664a03;
5762
- background-color: #fff1cd;
5761
+ color: rgb(102, 74.4, 2.8);
5762
+ background-color: rgb(255, 241.2, 205.4);
5763
5763
  }
5764
5764
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
5765
- color: #664a03;
5766
- background-color: #e6d9b9;
5765
+ color: rgb(102, 74.4, 2.8);
5766
+ background-color: rgb(229.5, 217.08, 184.86);
5767
5767
  }
5768
5768
  .list-group-item-warning.list-group-item-action.active {
5769
5769
  color: #fff;
5770
- background-color: #664a03;
5771
- border-color: #664a03;
5770
+ background-color: rgb(102, 74.4, 2.8);
5771
+ border-color: rgb(102, 74.4, 2.8);
5772
5772
  }
5773
5773
 
5774
5774
  .list-group-item-danger {
5775
- color: #63131a;
5776
- background-color: #edd2d5;
5775
+ color: rgb(99, 18.6, 26.4);
5776
+ background-color: rgb(237, 210.2, 212.8);
5777
5777
  }
5778
5778
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
5779
- color: #63131a;
5780
- background-color: #d5bdc0;
5779
+ color: rgb(99, 18.6, 26.4);
5780
+ background-color: rgb(213.3, 189.18, 191.52);
5781
5781
  }
5782
5782
  .list-group-item-danger.list-group-item-action.active {
5783
5783
  color: #fff;
5784
- background-color: #63131a;
5785
- border-color: #63131a;
5784
+ background-color: rgb(99, 18.6, 26.4);
5785
+ border-color: rgb(99, 18.6, 26.4);
5786
5786
  }
5787
5787
 
5788
5788
  .list-group-item-light {
5789
- color: #636464;
5790
- background-color: #fefefe;
5789
+ color: rgb(99.2, 99.6, 100);
5790
+ background-color: rgb(253.6, 253.8, 254);
5791
5791
  }
5792
5792
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
5793
- color: #636464;
5794
- background-color: #e5e5e5;
5793
+ color: rgb(99.2, 99.6, 100);
5794
+ background-color: rgb(228.24, 228.42, 228.6);
5795
5795
  }
5796
5796
  .list-group-item-light.list-group-item-action.active {
5797
5797
  color: #fff;
5798
- background-color: #636464;
5799
- border-color: #636464;
5798
+ background-color: rgb(99.2, 99.6, 100);
5799
+ border-color: rgb(99.2, 99.6, 100);
5800
5800
  }
5801
5801
 
5802
5802
  .list-group-item-dark {
5803
- color: #141619;
5804
- background-color: #d3d3d4;
5803
+ color: rgb(19.8, 22.2, 24.6);
5804
+ background-color: rgb(210.6, 211.4, 212.2);
5805
5805
  }
5806
5806
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
5807
- color: #141619;
5808
- background-color: #bebebf;
5807
+ color: rgb(19.8, 22.2, 24.6);
5808
+ background-color: rgb(189.54, 190.26, 190.98);
5809
5809
  }
5810
5810
  .list-group-item-dark.list-group-item-action.active {
5811
5811
  color: #fff;
5812
- background-color: #141619;
5813
- border-color: #141619;
5812
+ background-color: rgb(19.8, 22.2, 24.6);
5813
+ border-color: rgb(19.8, 22.2, 24.6);
5814
5814
  }
5815
5815
 
5816
5816
  .btn-close {
@@ -6347,7 +6347,7 @@ textarea.form-control-lg {
6347
6347
  --bs-popover-header-padding-y: 0.5rem;
6348
6348
  --bs-popover-header-font-size: 1rem;
6349
6349
  --bs-popover-header-color: ;
6350
- --bs-popover-header-bg: #f0f0f0;
6350
+ --bs-popover-header-bg: rgb(239.7, 239.7, 239.7);
6351
6351
  --bs-popover-body-padding-x: 1rem;
6352
6352
  --bs-popover-body-padding-y: 1rem;
6353
6353
  --bs-popover-body-color: #212529;
@@ -7410,56 +7410,56 @@ textarea.form-control-lg {
7410
7410
  color: #253ebe !important;
7411
7411
  }
7412
7412
  .link-primary:hover, .link-primary:focus {
7413
- color: #1e3298 !important;
7413
+ color: rgb(29.6, 49.6, 152) !important;
7414
7414
  }
7415
7415
 
7416
7416
  .link-secondary {
7417
7417
  color: #70254a !important;
7418
7418
  }
7419
7419
  .link-secondary:hover, .link-secondary:focus {
7420
- color: #5a1e3b !important;
7420
+ color: rgb(89.6, 29.6, 59.2) !important;
7421
7421
  }
7422
7422
 
7423
7423
  .link-success {
7424
7424
  color: #09854c !important;
7425
7425
  }
7426
7426
  .link-success:hover, .link-success:focus {
7427
- color: #076a3d !important;
7427
+ color: rgb(7.2, 106.4, 60.8) !important;
7428
7428
  }
7429
7429
 
7430
7430
  .link-info {
7431
7431
  color: #0d768b !important;
7432
7432
  }
7433
7433
  .link-info:hover, .link-info:focus {
7434
- color: #0a5e6f !important;
7434
+ color: rgb(10.4, 94.4, 111.2) !important;
7435
7435
  }
7436
7436
 
7437
7437
  .link-warning {
7438
7438
  color: #ffba07 !important;
7439
7439
  }
7440
7440
  .link-warning:hover, .link-warning:focus {
7441
- color: #ffc839 !important;
7441
+ color: rgb(255, 199.8, 56.6) !important;
7442
7442
  }
7443
7443
 
7444
7444
  .link-danger {
7445
7445
  color: #a51f2c !important;
7446
7446
  }
7447
7447
  .link-danger:hover, .link-danger:focus {
7448
- color: #841923 !important;
7448
+ color: rgb(132, 24.8, 35.2) !important;
7449
7449
  }
7450
7450
 
7451
7451
  .link-light {
7452
7452
  color: #f8f9fa !important;
7453
7453
  }
7454
7454
  .link-light:hover, .link-light:focus {
7455
- color: #f9fafb !important;
7455
+ color: rgb(249.4, 250.2, 251) !important;
7456
7456
  }
7457
7457
 
7458
7458
  .link-dark {
7459
7459
  color: #212529 !important;
7460
7460
  }
7461
7461
  .link-dark:hover, .link-dark:focus {
7462
- color: #1a1e21 !important;
7462
+ color: rgb(26.4, 29.6, 32.8) !important;
7463
7463
  }
7464
7464
 
7465
7465
  .ratio {
@@ -14710,6 +14710,12 @@ svg {
14710
14710
  display: none !important;
14711
14711
  }
14712
14712
  }
14713
+ .accordion-button:focus-visible {
14714
+ box-shadow: none;
14715
+ border: none;
14716
+ outline: 2px solid #253ebe;
14717
+ }
14718
+
14713
14719
  .alert-light {
14714
14720
  border-color: #f8f9fa;
14715
14721
  background: #fff;
@@ -14728,6 +14734,19 @@ svg {
14728
14734
  -ms-flex-pack: center;
14729
14735
  justify-content: center;
14730
14736
  }
14737
+ .btn:focus-visible {
14738
+ box-shadow: none;
14739
+ outline: 2px solid #fff;
14740
+ outline-offset: -3px;
14741
+ background: var(--bs-btn-hover-bg);
14742
+ border-color: var(--bs-btn-hover-border-color);
14743
+ }
14744
+
14745
+ .btn-close:focus-visible {
14746
+ box-shadow: none;
14747
+ border: none;
14748
+ outline: 2px solid #253ebe;
14749
+ }
14731
14750
 
14732
14751
  .blockquote-footer {
14733
14752
  color: #495057;
@@ -14740,49 +14759,49 @@ svg {
14740
14759
  .card.text-bg-primary .card-header,
14741
14760
  .card.text-bg-primary .card-footer {
14742
14761
  border: none;
14743
- background: #1e3298;
14762
+ background: rgb(29.6, 49.6, 152);
14744
14763
  }
14745
14764
 
14746
14765
  .card.text-bg-secondary .card-header,
14747
14766
  .card.text-bg-secondary .card-footer {
14748
14767
  border: none;
14749
- background: #5a1e3b;
14768
+ background: rgb(89.6, 29.6, 59.2);
14750
14769
  }
14751
14770
 
14752
14771
  .card.text-bg-success .card-header,
14753
14772
  .card.text-bg-success .card-footer {
14754
14773
  border: none;
14755
- background: #076a3d;
14774
+ background: rgb(7.2, 106.4, 60.8);
14756
14775
  }
14757
14776
 
14758
14777
  .card.text-bg-info .card-header,
14759
14778
  .card.text-bg-info .card-footer {
14760
14779
  border: none;
14761
- background: #0a5e6f;
14780
+ background: rgb(10.4, 94.4, 111.2);
14762
14781
  }
14763
14782
 
14764
14783
  .card.text-bg-warning .card-header,
14765
14784
  .card.text-bg-warning .card-footer {
14766
14785
  border: none;
14767
- background: #cc9506;
14786
+ background: rgb(204, 148.8, 5.6);
14768
14787
  }
14769
14788
 
14770
14789
  .card.text-bg-danger .card-header,
14771
14790
  .card.text-bg-danger .card-footer {
14772
14791
  border: none;
14773
- background: #841923;
14792
+ background: rgb(132, 24.8, 35.2);
14774
14793
  }
14775
14794
 
14776
14795
  .card.text-bg-light .card-header,
14777
14796
  .card.text-bg-light .card-footer {
14778
14797
  border: none;
14779
- background: #c6c7c8;
14798
+ background: rgb(198.4, 199.2, 200);
14780
14799
  }
14781
14800
 
14782
14801
  .card.text-bg-dark .card-header,
14783
14802
  .card.text-bg-dark .card-footer {
14784
14803
  border: none;
14785
- background: #1a1e21;
14804
+ background: rgb(26.4, 29.6, 32.8);
14786
14805
  }
14787
14806
 
14788
14807
  [data-bs-toggle=collapse][aria-expanded=false] .text-collapsed {
@@ -15306,8 +15325,10 @@ em.placeholder {
15306
15325
  .bcl-header__navbar .navbar-nav .nav-link:focus, .bcl-header__navbar .navbar-nav .nav-link:hover, .bcl-header__navbar .navbar-nav .nav-link.active {
15307
15326
  color: #fff;
15308
15327
  }
15309
- .bcl-header__navbar .navbar-nav .nav-link:first-child {
15310
- padding-left: 0;
15328
+ .bcl-header__navbar .navbar-nav .nav-link:focus-visible {
15329
+ outline: 2px solid #fff;
15330
+ border-radius: 4px;
15331
+ outline-offset: 0;
15311
15332
  }
15312
15333
  .bcl-header__navbar .navbar-toggler {
15313
15334
  position: absolute;
@@ -15467,12 +15488,6 @@ em.placeholder {
15467
15488
  .bcl-header__navbar .navbar-collapse {
15468
15489
  padding-bottom: 0;
15469
15490
  }
15470
- .bcl-header__navbar .nav-link.active {
15471
- padding-top: 1rem;
15472
- padding-bottom: 1rem;
15473
- margin-top: -0.5rem;
15474
- margin-bottom: -0.5rem;
15475
- }
15476
15491
  .bcl-header__navbar .dropdown-menu {
15477
15492
  z-index: 1050;
15478
15493
  }
@@ -15538,6 +15553,11 @@ em.placeholder {
15538
15553
  .bcl-footer--neutral p {
15539
15554
  color: #fff;
15540
15555
  }
15556
+ .bcl-footer--neutral a:focus-visible {
15557
+ box-shadow: none;
15558
+ border: none;
15559
+ outline: 2px solid #fff;
15560
+ }
15541
15561
 
15542
15562
  .bcl-footer--eu,
15543
15563
  .eu__footer {
@@ -15547,6 +15567,12 @@ em.placeholder {
15547
15567
  .eu__footer a {
15548
15568
  color: #0e47cb;
15549
15569
  }
15570
+ .bcl-footer--eu a:focus-visible,
15571
+ .eu__footer a:focus-visible {
15572
+ box-shadow: none;
15573
+ border: none;
15574
+ outline: 2px solid #253ebe;
15575
+ }
15550
15576
 
15551
15577
  .bcl-footer--ec,
15552
15578
  .ec__footer {
@@ -15558,6 +15584,12 @@ em.placeholder {
15558
15584
  .ec__footer p {
15559
15585
  color: #fff;
15560
15586
  }
15587
+ .bcl-footer--ec a:focus-visible,
15588
+ .ec__footer a:focus-visible {
15589
+ box-shadow: none;
15590
+ border: none;
15591
+ outline: 2px solid #fff;
15592
+ }
15561
15593
 
15562
15594
  .bcl-footer *[class*=border-] {
15563
15595
  border-color: #adb5bd !important;
@@ -15589,6 +15621,10 @@ em.placeholder {
15589
15621
  .nav.bcl__nav .nav-link:hover {
15590
15622
  background: rgba(37, 62, 190, 0.3);
15591
15623
  }
15624
+ .nav.bcl__nav .nav-link:focus-visible {
15625
+ border-radius: 4px;
15626
+ outline-offset: -2px;
15627
+ }
15592
15628
  .nav.bcl__nav .nav-link.disabled {
15593
15629
  color: #6c757d;
15594
15630
  }
@@ -15600,9 +15636,26 @@ em.placeholder {
15600
15636
  border-bottom: 2px solid #253ebe;
15601
15637
  border-left: none;
15602
15638
  }
15639
+ .nav.bcl__nav .nav-link.active:focus-visible {
15640
+ outline-color: #253ebe;
15641
+ }
15603
15642
  .nav.bg-gray {
15604
15643
  background: #e9ecef;
15605
15644
  }
15645
+ .nav .nav-link:focus-visible {
15646
+ outline: 2px solid #253ebe;
15647
+ outline-offset: -2px;
15648
+ border-radius: 4px;
15649
+ }
15650
+ .nav.nav-pills .nav-link.active {
15651
+ outline-color: #fff;
15652
+ outline-offset: -3px;
15653
+ }
15654
+ .nav.nav-tabs .nav-link.active:focus-visible {
15655
+ border-radius: 4px;
15656
+ outline: 2px solid #253ebe;
15657
+ outline-offset: -2px;
15658
+ }
15606
15659
 
15607
15660
  @media (max-width: 767.98px) {
15608
15661
  .nav-tabs {
@@ -15755,12 +15808,19 @@ em.placeholder {
15755
15808
  top: 0.6875rem;
15756
15809
  }
15757
15810
  }
15811
+ /* stylelint-disable no-duplicate-selectors, selector-no-qualifying-type, no-descending-specificity */
15758
15812
  .form-select {
15759
15813
  padding-top: 0.5rem;
15760
15814
  padding-bottom: 0.5rem;
15761
15815
  padding-left: 1rem;
15762
15816
  font-size: 1.25rem;
15763
15817
  }
15818
+ .form-select:focus-visible {
15819
+ outline: 2px solid #253ebe;
15820
+ box-shadow: none;
15821
+ border-radius: 4px;
15822
+ outline-offset: -1px;
15823
+ }
15764
15824
 
15765
15825
  .form-control {
15766
15826
  min-height: calc(1.5em + 1rem + 2px);
@@ -15776,6 +15836,12 @@ em.placeholder {
15776
15836
  padding: 0.5rem 1rem;
15777
15837
  margin: -0.5rem 1rem -0.5rem -1rem;
15778
15838
  }
15839
+ .form-control:focus-visible {
15840
+ outline: 2px solid #253ebe;
15841
+ box-shadow: none;
15842
+ border-radius: 4px;
15843
+ outline-offset: -1px;
15844
+ }
15779
15845
 
15780
15846
  .form-check:not(.form-switch) {
15781
15847
  padding-left: 1.8rem;
@@ -15789,6 +15855,19 @@ em.placeholder {
15789
15855
  margin-top: 0.15rem;
15790
15856
  }
15791
15857
 
15858
+ .form-check-input:focus-visible {
15859
+ outline: 4px solid #253ebe;
15860
+ box-shadow: none;
15861
+ border-radius: 4px;
15862
+ outline-offset: 0;
15863
+ }
15864
+ .form-check-input:focus-visible[type=radio] {
15865
+ border-radius: 50%;
15866
+ }
15867
+ .form-check-input:checked:focus-visible {
15868
+ border-color: #fff;
15869
+ }
15870
+
15792
15871
  @media (min-width: 768px) {
15793
15872
  .form-check:not(.form-switch) {
15794
15873
  padding-left: 1.5rem;
@@ -15829,6 +15908,12 @@ textarea.form-control.is-valid,
15829
15908
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%2328A745'/%3E%3C/svg%3E%0A");
15830
15909
  }
15831
15910
 
15911
+ .form-select:not([multiple]):not([size]):focus-visible {
15912
+ outline: 2px solid #253ebe;
15913
+ box-shadow: none;
15914
+ border-radius: 4px;
15915
+ outline-offset: -1px;
15916
+ }
15832
15917
  .form-select:not([multiple]):not([size]).is-invalid {
15833
15918
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
15834
15919
  }
@@ -15870,7 +15955,8 @@ a.badge {
15870
15955
  text-decoration: none;
15871
15956
  }
15872
15957
  a.badge:focus-visible {
15873
- outline: none;
15958
+ outline: 2px solid #fff;
15959
+ outline-offset: -3px;
15874
15960
  }
15875
15961
 
15876
15962
  .badge.bg-primary a,
@@ -15889,17 +15975,11 @@ a.badge:focus-visible {
15889
15975
  }
15890
15976
 
15891
15977
  a.badge:focus-within.badge-outline-primary, a.badge:active.badge-outline-primary, a.badge:hover.badge-outline-primary {
15892
- background-color: #e9ecf9 !important;
15893
- border-color: #1f35a2 !important;
15978
+ background-color: rgb(233.2, 235.7, 248.5) !important;
15979
+ border-color: rgb(31.45, 52.7, 161.5) !important;
15894
15980
  }
15895
15981
  a.badge:focus-within.text-bg-primary, a.badge:active.text-bg-primary, a.badge:hover.text-bg-primary {
15896
- background-color: #1f35a2 !important;
15897
- }
15898
- a.badge.text-bg-primary:focus {
15899
- box-shadow: 0 0 0 0.25rem rgba(70, 91, 200, 0.5);
15900
- }
15901
- a.badge.badge-outline-primary:focus {
15902
- box-shadow: 0 0 0 0.25rem rgba(37, 62, 190, 0.5);
15982
+ background-color: rgb(31.45, 52.7, 161.5) !important;
15903
15983
  }
15904
15984
 
15905
15985
  .badge.bg-secondary a,
@@ -15918,17 +15998,11 @@ a.badge.badge-outline-primary:focus {
15918
15998
  }
15919
15999
 
15920
16000
  a.badge:focus-within.badge-outline-secondary, a.badge:active.badge-outline-secondary, a.badge:hover.badge-outline-secondary {
15921
- background-color: #f1e9ed !important;
15922
- border-color: #5f1f3f !important;
16001
+ background-color: rgb(240.7, 233.2, 236.9) !important;
16002
+ border-color: rgb(95.2, 31.45, 62.9) !important;
15923
16003
  }
15924
16004
  a.badge:focus-within.text-bg-secondary, a.badge:active.text-bg-secondary, a.badge:hover.text-bg-secondary {
15925
- background-color: #5f1f3f !important;
15926
- }
15927
- a.badge.text-bg-secondary:focus {
15928
- box-shadow: 0 0 0 0.25rem rgba(133, 70, 101, 0.5);
15929
- }
15930
- a.badge.badge-outline-secondary:focus {
15931
- box-shadow: 0 0 0 0.25rem rgba(112, 37, 74, 0.5);
16005
+ background-color: rgb(95.2, 31.45, 62.9) !important;
15932
16006
  }
15933
16007
 
15934
16008
  .badge.bg-success a,
@@ -15947,17 +16021,11 @@ a.badge.badge-outline-secondary:focus {
15947
16021
  }
15948
16022
 
15949
16023
  a.badge:focus-within.badge-outline-success, a.badge:active.badge-outline-success, a.badge:hover.badge-outline-success {
15950
- background-color: #e6f3ed !important;
15951
- border-color: #087141 !important;
16024
+ background-color: rgb(230.4, 242.8, 237.1) !important;
16025
+ border-color: rgb(7.65, 113.05, 64.6) !important;
15952
16026
  }
15953
16027
  a.badge:focus-within.text-bg-success, a.badge:active.text-bg-success, a.badge:hover.text-bg-success {
15954
- background-color: #087141 !important;
15955
- }
15956
- a.badge.text-bg-success:focus {
15957
- box-shadow: 0 0 0 0.25rem rgba(46, 151, 103, 0.5);
15958
- }
15959
- a.badge.badge-outline-success:focus {
15960
- box-shadow: 0 0 0 0.25rem rgba(9, 133, 76, 0.5);
16028
+ background-color: rgb(7.65, 113.05, 64.6) !important;
15961
16029
  }
15962
16030
 
15963
16031
  .badge.bg-info a,
@@ -15976,17 +16044,11 @@ a.badge.badge-outline-success:focus {
15976
16044
  }
15977
16045
 
15978
16046
  a.badge:focus-within.badge-outline-info, a.badge:active.badge-outline-info, a.badge:hover.badge-outline-info {
15979
- background-color: #e7f1f3 !important;
15980
- border-color: #0b6476 !important;
16047
+ background-color: rgb(230.8, 241.3, 243.4) !important;
16048
+ border-color: rgb(11.05, 100.3, 118.15) !important;
15981
16049
  }
15982
16050
  a.badge:focus-within.text-bg-info, a.badge:active.text-bg-info, a.badge:hover.text-bg-info {
15983
- background-color: #0b6476 !important;
15984
- }
15985
- a.badge.text-bg-info:focus {
15986
- box-shadow: 0 0 0 0.25rem rgba(49, 139, 156, 0.5);
15987
- }
15988
- a.badge.badge-outline-info:focus {
15989
- box-shadow: 0 0 0 0.25rem rgba(13, 118, 139, 0.5);
16051
+ background-color: rgb(11.05, 100.3, 118.15) !important;
15990
16052
  }
15991
16053
 
15992
16054
  .badge.bg-warning a,
@@ -16005,17 +16067,11 @@ a.badge.badge-outline-info:focus {
16005
16067
  }
16006
16068
 
16007
16069
  a.badge:focus-within.badge-outline-warning, a.badge:active.badge-outline-warning, a.badge:hover.badge-outline-warning {
16008
- background-color: #fff8e6 !important;
16009
- border-color: #d99e06 !important;
16070
+ background-color: rgb(255, 248.1, 230.2) !important;
16071
+ border-color: rgb(216.75, 158.1, 5.95) !important;
16010
16072
  }
16011
16073
  a.badge:focus-within.text-bg-warning, a.badge:active.text-bg-warning, a.badge:hover.text-bg-warning {
16012
- background-color: #d99e06 !important;
16013
- }
16014
- a.badge.text-bg-warning:focus {
16015
- box-shadow: 0 0 0 0.25rem rgba(217, 158, 6, 0.5);
16016
- }
16017
- a.badge.badge-outline-warning:focus {
16018
- box-shadow: 0 0 0 0.25rem rgba(255, 186, 7, 0.5);
16074
+ background-color: rgb(216.75, 158.1, 5.95) !important;
16019
16075
  }
16020
16076
 
16021
16077
  .badge.bg-danger a,
@@ -16034,17 +16090,11 @@ a.badge.badge-outline-warning:focus {
16034
16090
  }
16035
16091
 
16036
16092
  a.badge:focus-within.badge-outline-danger, a.badge:active.badge-outline-danger, a.badge:hover.badge-outline-danger {
16037
- background-color: #f6e9ea !important;
16038
- border-color: #8c1a25 !important;
16093
+ background-color: rgb(246, 232.6, 233.9) !important;
16094
+ border-color: rgb(140.25, 26.35, 37.4) !important;
16039
16095
  }
16040
16096
  a.badge:focus-within.text-bg-danger, a.badge:active.text-bg-danger, a.badge:hover.text-bg-danger {
16041
- background-color: #8c1a25 !important;
16042
- }
16043
- a.badge.text-bg-danger:focus {
16044
- box-shadow: 0 0 0 0.25rem rgba(179, 65, 76, 0.5);
16045
- }
16046
- a.badge.badge-outline-danger:focus {
16047
- box-shadow: 0 0 0 0.25rem rgba(165, 31, 44, 0.5);
16097
+ background-color: rgb(140.25, 26.35, 37.4) !important;
16048
16098
  }
16049
16099
 
16050
16100
  .badge.bg-light a,
@@ -16068,13 +16118,7 @@ a.badge:focus-within.badge-outline-light, a.badge:active.badge-outline-light, a.
16068
16118
  background: rgba(255, 255, 255, 0.3) !important;
16069
16119
  }
16070
16120
  a.badge:focus-within.text-bg-light, a.badge:active.text-bg-light, a.badge:hover.text-bg-light {
16071
- background-color: #d3d4d5 !important;
16072
- }
16073
- a.badge.text-bg-light:focus {
16074
- box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
16075
- }
16076
- a.badge.badge-outline-light:focus {
16077
- box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
16121
+ background-color: rgb(210.8, 211.65, 212.5) !important;
16078
16122
  }
16079
16123
 
16080
16124
  .badge.bg-dark a,
@@ -16097,16 +16141,10 @@ a.badge:focus-within.badge-outline-dark, a.badge:active.badge-outline-dark, a.ba
16097
16141
  border-color: #000;
16098
16142
  }
16099
16143
  a.badge:focus-within.text-bg-dark, a.badge:active.text-bg-dark, a.badge:hover.text-bg-dark {
16100
- background-color: #1c1f23 !important;
16101
- }
16102
- a.badge.text-bg-dark:focus {
16103
- box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
16104
- }
16105
- a.badge.badge-outline-dark:focus {
16106
- box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
16144
+ background-color: rgb(28.05, 31.45, 34.85) !important;
16107
16145
  }
16108
16146
 
16109
- .ss-main {
16147
+ .ss-main.ss-1 {
16110
16148
  position: relative;
16111
16149
  display: inline-block;
16112
16150
  -webkit-user-select: none;
@@ -16117,7 +16155,7 @@ a.badge.badge-outline-dark:focus {
16117
16155
  width: 100%;
16118
16156
  }
16119
16157
 
16120
- .ss-main .ss-single-selected {
16158
+ .ss-main.ss-1 .ss-single-selected {
16121
16159
  display: -ms-flexbox;
16122
16160
  display: flex;
16123
16161
  cursor: pointer;
@@ -16132,22 +16170,22 @@ a.badge.badge-outline-dark:focus {
16132
16170
  transition: background-color 0.2s;
16133
16171
  }
16134
16172
 
16135
- .ss-main .ss-single-selected.ss-disabled {
16173
+ .ss-main.ss-1 .ss-single-selected.ss-disabled {
16136
16174
  background-color: #dcdee2;
16137
16175
  cursor: not-allowed;
16138
16176
  }
16139
16177
 
16140
- .ss-main .ss-single-selected.ss-open-above {
16178
+ .ss-main.ss-1 .ss-single-selected.ss-open-above {
16141
16179
  border-top-left-radius: 0px;
16142
16180
  border-top-right-radius: 0px;
16143
16181
  }
16144
16182
 
16145
- .ss-main .ss-single-selected.ss-open-below {
16183
+ .ss-main.ss-1 .ss-single-selected.ss-open-below {
16146
16184
  border-bottom-left-radius: 0px;
16147
16185
  border-bottom-right-radius: 0px;
16148
16186
  }
16149
16187
 
16150
- .ss-main .ss-single-selected .placeholder {
16188
+ .ss-main.ss-1 .ss-single-selected .placeholder {
16151
16189
  display: -ms-flexbox;
16152
16190
  display: flex;
16153
16191
  -ms-flex: 1 1 100%;
@@ -16166,7 +16204,7 @@ a.badge.badge-outline-dark:focus {
16166
16204
  user-select: none;
16167
16205
  }
16168
16206
 
16169
- .ss-main .ss-single-selected .placeholder * {
16207
+ .ss-main.ss-1 .ss-single-selected .placeholder * {
16170
16208
  display: -ms-flexbox;
16171
16209
  display: flex;
16172
16210
  -ms-flex-align: center;
@@ -16177,11 +16215,11 @@ a.badge.badge-outline-dark:focus {
16177
16215
  width: auto;
16178
16216
  }
16179
16217
 
16180
- .ss-main .ss-single-selected .placeholder .ss-disabled {
16218
+ .ss-main.ss-1 .ss-single-selected .placeholder .ss-disabled {
16181
16219
  color: #dedede;
16182
16220
  }
16183
16221
 
16184
- .ss-main .ss-single-selected .ss-deselect {
16222
+ .ss-main.ss-1 .ss-single-selected .ss-deselect {
16185
16223
  display: -ms-flexbox;
16186
16224
  display: flex;
16187
16225
  -ms-flex-align: center;
@@ -16194,11 +16232,11 @@ a.badge.badge-outline-dark:focus {
16194
16232
  font-weight: bold;
16195
16233
  }
16196
16234
 
16197
- .ss-main .ss-single-selected .ss-deselect.ss-hide {
16235
+ .ss-main.ss-1 .ss-single-selected .ss-deselect.ss-hide {
16198
16236
  display: none;
16199
16237
  }
16200
16238
 
16201
- .ss-main .ss-single-selected .ss-arrow {
16239
+ .ss-main.ss-1 .ss-single-selected .ss-arrow {
16202
16240
  display: -ms-flexbox;
16203
16241
  display: flex;
16204
16242
  -ms-flex-align: center;
@@ -16210,7 +16248,7 @@ a.badge.badge-outline-dark:focus {
16210
16248
  margin: 0 6px 0 6px;
16211
16249
  }
16212
16250
 
16213
- .ss-main .ss-single-selected .ss-arrow span {
16251
+ .ss-main.ss-1 .ss-single-selected .ss-arrow span {
16214
16252
  border: solid #666666;
16215
16253
  border-width: 0 2px 2px 0;
16216
16254
  display: inline-block;
@@ -16220,19 +16258,19 @@ a.badge.badge-outline-dark:focus {
16220
16258
  transition: transform 0.2s, margin 0.2s, -webkit-transform 0.2s;
16221
16259
  }
16222
16260
 
16223
- .ss-main .ss-single-selected .ss-arrow span.arrow-up {
16261
+ .ss-main.ss-1 .ss-single-selected .ss-arrow span.arrow-up {
16224
16262
  -webkit-transform: rotate(-135deg);
16225
16263
  transform: rotate(-135deg);
16226
16264
  margin: 3px 0 0 0;
16227
16265
  }
16228
16266
 
16229
- .ss-main .ss-single-selected .ss-arrow span.arrow-down {
16267
+ .ss-main.ss-1 .ss-single-selected .ss-arrow span.arrow-down {
16230
16268
  -webkit-transform: rotate(45deg);
16231
16269
  transform: rotate(45deg);
16232
16270
  margin: -3px 0 0 0;
16233
16271
  }
16234
16272
 
16235
- .ss-main .ss-multi-selected {
16273
+ .ss-main.ss-1 .ss-multi-selected {
16236
16274
  display: -ms-flexbox;
16237
16275
  display: flex;
16238
16276
  -ms-flex-direction: row;
@@ -16249,30 +16287,30 @@ a.badge.badge-outline-dark:focus {
16249
16287
  transition: background-color 0.2s;
16250
16288
  }
16251
16289
 
16252
- .ss-main .ss-multi-selected.ss-disabled {
16290
+ .ss-main.ss-1 .ss-multi-selected.ss-disabled {
16253
16291
  background-color: #dcdee2;
16254
16292
  cursor: not-allowed;
16255
16293
  }
16256
16294
 
16257
- .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
16295
+ .ss-main.ss-1 .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
16258
16296
  color: #666666;
16259
16297
  }
16260
16298
 
16261
- .ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
16299
+ .ss-main.ss-1 .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
16262
16300
  cursor: not-allowed;
16263
16301
  }
16264
16302
 
16265
- .ss-main .ss-multi-selected.ss-open-above {
16303
+ .ss-main.ss-1 .ss-multi-selected.ss-open-above {
16266
16304
  border-top-left-radius: 0px;
16267
16305
  border-top-right-radius: 0px;
16268
16306
  }
16269
16307
 
16270
- .ss-main .ss-multi-selected.ss-open-below {
16308
+ .ss-main.ss-1 .ss-multi-selected.ss-open-below {
16271
16309
  border-bottom-left-radius: 0px;
16272
16310
  border-bottom-right-radius: 0px;
16273
16311
  }
16274
16312
 
16275
- .ss-main .ss-multi-selected .ss-values {
16313
+ .ss-main.ss-1 .ss-multi-selected .ss-values {
16276
16314
  display: -ms-flexbox;
16277
16315
  display: flex;
16278
16316
  -ms-flex-wrap: wrap;
@@ -16284,7 +16322,7 @@ a.badge.badge-outline-dark:focus {
16284
16322
  width: calc(100% - 30px);
16285
16323
  }
16286
16324
 
16287
- .ss-main .ss-multi-selected .ss-values .ss-disabled {
16325
+ .ss-main.ss-1 .ss-multi-selected .ss-values .ss-disabled {
16288
16326
  display: -ms-flexbox;
16289
16327
  display: flex;
16290
16328
  padding: 4px 5px;
@@ -16348,7 +16386,7 @@ a.badge.badge-outline-dark:focus {
16348
16386
  opacity: 0;
16349
16387
  }
16350
16388
  }
16351
- .ss-main .ss-multi-selected .ss-values .ss-value {
16389
+ .ss-main.ss-1 .ss-multi-selected .ss-values .ss-value {
16352
16390
  display: -ms-flexbox;
16353
16391
  display: flex;
16354
16392
  -webkit-user-select: none;
@@ -16373,7 +16411,7 @@ a.badge.badge-outline-dark:focus {
16373
16411
  animation-fill-mode: both;
16374
16412
  }
16375
16413
 
16376
- .ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
16414
+ .ss-main.ss-1 .ss-multi-selected .ss-values .ss-value.ss-out {
16377
16415
  -webkit-animation-name: scaleOut;
16378
16416
  animation-name: scaleOut;
16379
16417
  -webkit-animation-duration: 0.2s;
@@ -16382,12 +16420,12 @@ a.badge.badge-outline-dark:focus {
16382
16420
  animation-timing-function: ease-out;
16383
16421
  }
16384
16422
 
16385
- .ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
16423
+ .ss-main.ss-1 .ss-multi-selected .ss-values .ss-value .ss-value-delete {
16386
16424
  margin: 0 0 0 5px;
16387
16425
  cursor: pointer;
16388
16426
  }
16389
16427
 
16390
- .ss-main .ss-multi-selected .ss-add {
16428
+ .ss-main.ss-1 .ss-multi-selected .ss-add {
16391
16429
  display: -ms-flexbox;
16392
16430
  display: flex;
16393
16431
  -ms-flex: 0 1 3px;
@@ -16395,7 +16433,7 @@ a.badge.badge-outline-dark:focus {
16395
16433
  margin: 9px 12px 0 5px;
16396
16434
  }
16397
16435
 
16398
- .ss-main .ss-multi-selected .ss-add .ss-plus {
16436
+ .ss-main.ss-1 .ss-multi-selected .ss-add .ss-plus {
16399
16437
  display: -ms-flexbox;
16400
16438
  display: flex;
16401
16439
  -ms-flex-pack: center;
@@ -16411,7 +16449,7 @@ a.badge.badge-outline-dark:focus {
16411
16449
  transition: transform 0.2s, -webkit-transform 0.2s;
16412
16450
  }
16413
16451
 
16414
- .ss-main .ss-multi-selected .ss-add .ss-plus:after {
16452
+ .ss-main.ss-1 .ss-multi-selected .ss-add .ss-plus:after {
16415
16453
  background: #666666;
16416
16454
  content: "";
16417
16455
  position: absolute;
@@ -16421,7 +16459,7 @@ a.badge.badge-outline-dark:focus {
16421
16459
  top: 4px;
16422
16460
  }
16423
16461
 
16424
- .ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
16462
+ .ss-main.ss-1 .ss-multi-selected .ss-add .ss-plus.ss-cross {
16425
16463
  -webkit-transform: rotate(45deg);
16426
16464
  transform: rotate(45deg);
16427
16465
  }
@@ -16618,22 +16656,22 @@ select.multi-select {
16618
16656
  opacity: 0;
16619
16657
  }
16620
16658
 
16621
- .ss-main.multi-select {
16659
+ .ss-main.multi-select.ss-1 {
16622
16660
  padding: 0;
16623
16661
  }
16624
- .ss-main.multi-select.form-select.is-invalid, .ss-main.multi-select.form-select.is-valid {
16662
+ .ss-main.multi-select.ss-1.form-select.is-invalid, .ss-main.multi-select.ss-1.form-select.is-valid {
16625
16663
  background: none;
16626
16664
  padding: 0;
16627
16665
  }
16628
- .ss-main.multi-select .ss-values {
16666
+ .ss-main.multi-select.ss-1 .ss-values {
16629
16667
  font-size: calc(1.275rem + 0.3vw);
16630
16668
  }
16631
16669
  @media (min-width: 1200px) {
16632
- .ss-main.multi-select .ss-values {
16670
+ .ss-main.multi-select.ss-1 .ss-values {
16633
16671
  font-size: 1.5rem;
16634
16672
  }
16635
16673
  }
16636
- .ss-main.multi-select .ss-values .ss-value {
16674
+ .ss-main.multi-select.ss-1 .ss-values .ss-value {
16637
16675
  display: inline-block;
16638
16676
  padding: 0.35em 0.65em;
16639
16677
  font-size: 1.125rem;
@@ -16646,10 +16684,10 @@ select.multi-select {
16646
16684
  padding-right: 1.25rem;
16647
16685
  border-radius: 0.375rem;
16648
16686
  }
16649
- .ss-main.multi-select .ss-values .ss-value .ss-value-delete {
16687
+ .ss-main.multi-select.ss-1 .ss-values .ss-value .ss-value-delete {
16650
16688
  font-size: 0;
16651
16689
  }
16652
- .ss-main.multi-select .ss-values .ss-value .ss-value-delete:after {
16690
+ .ss-main.multi-select.ss-1 .ss-values .ss-value .ss-value-delete:after {
16653
16691
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM5.35355 5.14645C5.15829 4.95118 4.84171 4.95118 4.64645 5.14645C4.45118 5.34171 4.45118 5.65829 4.64645 5.85355L7.29289 8.5L4.64645 11.1464C4.45118 11.3417 4.45118 11.6583 4.64645 11.8536C4.84171 12.0488 5.15829 12.0488 5.35355 11.8536L8 9.20711L10.6464 11.8536C10.8417 12.0488 11.1583 12.0488 11.3536 11.8536C11.5488 11.6583 11.5488 11.3417 11.3536 11.1464L8.70711 8.5L11.3536 5.85355C11.5488 5.65829 11.5488 5.34171 11.3536 5.14645C11.1583 4.95118 10.8417 4.95118 10.6464 5.14645L8 7.79289L5.35355 5.14645Z' fill='%23F8F9FA'/%3E%3C/svg%3E%0A");
16654
16692
  background-repeat: no-repeat;
16655
16693
  content: "";
@@ -16665,29 +16703,29 @@ select.multi-select {
16665
16703
  right: 0;
16666
16704
  bottom: calc(50% - 3px);
16667
16705
  }
16668
- .ss-main.multi-select .ss-values .ss-value .ss-value-delete:focus-visible:after {
16706
+ .ss-main.multi-select.ss-1 .ss-values .ss-value .ss-value-delete:focus-visible:after {
16669
16707
  outline: 2px solid #fff;
16670
16708
  outline-offset: -6px;
16671
16709
  }
16672
- .ss-main.multi-select .ss-values .ss-disabled {
16710
+ .ss-main.multi-select.ss-1 .ss-values .ss-disabled {
16673
16711
  padding-top: calc(0.5rem - 1px);
16674
16712
  padding-bottom: calc(0.5rem - 1px);
16675
16713
  font-size: 1rem;
16676
16714
  }
16677
- .ss-main.multi-select .ss-multi-selected {
16715
+ .ss-main.multi-select.ss-1 .ss-multi-selected {
16678
16716
  border-color: #ced4da;
16679
16717
  padding: calc(0.5rem - 2px) 0 calc(0.5rem - 2px) 0.3rem;
16680
16718
  }
16681
- .ss-main.multi-select .ss-multi-selected.ss-disabled .ss-values .ss-value {
16719
+ .ss-main.multi-select.ss-1 .ss-multi-selected.ss-disabled .ss-values .ss-value {
16682
16720
  background: #adb5bd;
16683
16721
  }
16684
- .ss-main.multi-select .ss-multi-selected .ss-add {
16722
+ .ss-main.multi-select.ss-1 .ss-multi-selected .ss-add {
16685
16723
  margin-top: 0;
16686
16724
  -ms-flex-item-align: center;
16687
16725
  -ms-grid-row-align: center;
16688
16726
  align-self: center;
16689
16727
  }
16690
- .ss-main.multi-select .ss-multi-selected .ss-values .ss-disabled {
16728
+ .ss-main.multi-select.ss-1 .ss-multi-selected .ss-values .ss-disabled {
16691
16729
  color: #6c757d;
16692
16730
  }
16693
16731
 
@@ -16721,16 +16759,16 @@ select.multi-select {
16721
16759
  }
16722
16760
 
16723
16761
  @media (min-width: 768px) {
16724
- .ss-main.multi-select .ss-multi-selected {
16762
+ .ss-main.ss-1.multi-select .ss-multi-selected {
16725
16763
  padding: 0.075rem 0 0.075rem 0.3rem;
16726
16764
  }
16727
- .ss-main.multi-select .ss-values {
16765
+ .ss-main.ss-1.multi-select .ss-values {
16728
16766
  font-size: 1rem;
16729
16767
  }
16730
- .ss-main.multi-select .ss-values .ss-value {
16768
+ .ss-main.ss-1.multi-select .ss-values .ss-value {
16731
16769
  font-size: 1rem;
16732
16770
  }
16733
- .ss-main.multi-select .ss-values .ss-disabled {
16771
+ .ss-main.ss-1.multi-select .ss-values .ss-disabled {
16734
16772
  padding-top: calc(0.5rem - 2px + 1px);
16735
16773
  padding-bottom: calc(0.5rem - 2px);
16736
16774
  }
@@ -16741,6 +16779,601 @@ select.multi-select {
16741
16779
  background-position: right 1.6rem center;
16742
16780
  }
16743
16781
  }
16782
+ /* stylelint-disable selector-no-qualifying-type,
16783
+ selector-max-class, selector-max-compound-selectors,
16784
+ no-descending-specificity,
16785
+ function-calc-no-unspaced-operator,
16786
+ declaration-block-no-shorthand-property-overrides,
16787
+ */
16788
+ :root {
16789
+ --ss-bg-color: #ffffff;
16790
+ --ss-font-color: #4d4d4d;
16791
+ --ss-font-placeholder-color: #8d8d8d;
16792
+ --ss-disabled-color: #dcdee2;
16793
+ --ss-border-color: #dcdee2;
16794
+ --ss-highlight-color: #fffb8c;
16795
+ --ss-success-color: #00b755;
16796
+ --ss-error-color: #dc3545;
16797
+ --ss-focus-color: #5897fb;
16798
+ --ss-main-height: 38px;
16799
+ --ss-content-height: 300px;
16800
+ --ss-spacing-l: 7px;
16801
+ --ss-spacing-m: 5px;
16802
+ --ss-spacing-s: 3px;
16803
+ --ss-animation-timing: 0.2s;
16804
+ --ss-border-radius: 0.375rem;
16805
+ }
16806
+
16807
+ @-webkit-keyframes ss-valueIn {
16808
+ 0% {
16809
+ -webkit-transform: scale(0);
16810
+ transform: scale(0);
16811
+ opacity: 0;
16812
+ }
16813
+ 100% {
16814
+ -webkit-transform: scale(1);
16815
+ transform: scale(1);
16816
+ opacity: 1;
16817
+ }
16818
+ }
16819
+
16820
+ @keyframes ss-valueIn {
16821
+ 0% {
16822
+ -webkit-transform: scale(0);
16823
+ transform: scale(0);
16824
+ opacity: 0;
16825
+ }
16826
+ 100% {
16827
+ -webkit-transform: scale(1);
16828
+ transform: scale(1);
16829
+ opacity: 1;
16830
+ }
16831
+ }
16832
+ @-webkit-keyframes ss-valueOut {
16833
+ 0% {
16834
+ -webkit-transform: scale(1);
16835
+ transform: scale(1);
16836
+ opacity: 1;
16837
+ }
16838
+ 100% {
16839
+ -webkit-transform: scale(0);
16840
+ transform: scale(0);
16841
+ opacity: 0;
16842
+ }
16843
+ }
16844
+ @keyframes ss-valueOut {
16845
+ 0% {
16846
+ -webkit-transform: scale(1);
16847
+ transform: scale(1);
16848
+ opacity: 1;
16849
+ }
16850
+ 100% {
16851
+ -webkit-transform: scale(0);
16852
+ transform: scale(0);
16853
+ opacity: 0;
16854
+ }
16855
+ }
16856
+ .ss-hide {
16857
+ display: none !important;
16858
+ }
16859
+
16860
+ .ss-main.ss-2 {
16861
+ display: -ms-flexbox;
16862
+ display: flex;
16863
+ -ms-flex-direction: row;
16864
+ flex-direction: row;
16865
+ position: relative;
16866
+ -webkit-user-select: none;
16867
+ -moz-user-select: none;
16868
+ -ms-user-select: none;
16869
+ user-select: none;
16870
+ color: var(--ss-font-color);
16871
+ width: 100%;
16872
+ padding: 0.075rem 0 0.075rem 0.3rem;
16873
+ cursor: pointer;
16874
+ border: 1px solid var(--ss-border-color);
16875
+ border-radius: var(--ss-border-radius);
16876
+ background-color: var(--ss-bg-color);
16877
+ outline: 0;
16878
+ box-sizing: border-box;
16879
+ transition: background-color var(--ss-animation-timing);
16880
+ overflow: hidden;
16881
+ min-height: 38px;
16882
+ }
16883
+ .ss-main.ss-2:focus {
16884
+ box-shadow: 0 0 5px var(--ss-focus-color);
16885
+ }
16886
+ .ss-main.ss-2.form-select {
16887
+ background: none;
16888
+ padding: 0.075rem 0 0.075rem 0.3rem;
16889
+ }
16890
+ .ss-main.ss-2.ss-disabled {
16891
+ background-color: var(--ss-disabled-color);
16892
+ cursor: not-allowed;
16893
+ }
16894
+ .ss-main.ss-2.ss-disabled .ss-values .ss-disabled {
16895
+ color: var(--ss-font-color);
16896
+ }
16897
+ .ss-main.ss-2.ss-disabled .ss-values .ss-value .ss-value-delete {
16898
+ cursor: not-allowed;
16899
+ }
16900
+ .ss-main.ss-2.ss-open-above {
16901
+ border-top-left-radius: 0px;
16902
+ border-top-right-radius: 0px;
16903
+ }
16904
+ .ss-main.ss-2.ss-open-below {
16905
+ border-bottom-left-radius: 0px;
16906
+ border-bottom-right-radius: 0px;
16907
+ }
16908
+ .ss-main.ss-2 .ss-values {
16909
+ display: -ms-inline-flexbox;
16910
+ display: inline-flex;
16911
+ -ms-flex-wrap: wrap;
16912
+ flex-wrap: wrap;
16913
+ gap: var(--ss-spacing-m);
16914
+ -ms-flex: 1 1 100%;
16915
+ flex: 1 1 100%;
16916
+ }
16917
+ .ss-main.ss-2 .ss-values .ss-placeholder {
16918
+ display: -ms-flexbox;
16919
+ display: flex;
16920
+ padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
16921
+ margin: auto 0px auto 0px;
16922
+ line-height: 1em;
16923
+ -ms-flex-align: center;
16924
+ align-items: center;
16925
+ width: 100%;
16926
+ color: var(--ss-font-placeholder-color);
16927
+ overflow: hidden;
16928
+ text-overflow: ellipsis;
16929
+ white-space: nowrap;
16930
+ }
16931
+ .ss-main.ss-2 .ss-values .ss-max {
16932
+ display: -ms-flexbox;
16933
+ display: flex;
16934
+ -webkit-user-select: none;
16935
+ -moz-user-select: none;
16936
+ -ms-user-select: none;
16937
+ user-select: none;
16938
+ -ms-flex-align: center;
16939
+ align-items: center;
16940
+ width: -webkit-fit-content;
16941
+ width: -moz-fit-content;
16942
+ width: fit-content;
16943
+ font-size: 12px;
16944
+ color: var(--ss-bg-color);
16945
+ line-height: 1;
16946
+ padding: var(--ss-spacing-s) var(--ss-spacing-m);
16947
+ background-color: #253ebe;
16948
+ border-radius: var(--ss-border-radius);
16949
+ }
16950
+ .ss-main.ss-2 .ss-values .ss-single {
16951
+ display: -ms-flexbox;
16952
+ display: flex;
16953
+ margin: auto 0px auto var(--ss-spacing-s);
16954
+ }
16955
+ .ss-main.ss-2 .ss-values .ss-value {
16956
+ display: -ms-flexbox;
16957
+ display: flex;
16958
+ -webkit-user-select: none;
16959
+ -moz-user-select: none;
16960
+ -ms-user-select: none;
16961
+ user-select: none;
16962
+ -ms-flex-align: center;
16963
+ align-items: center;
16964
+ width: -webkit-fit-content;
16965
+ width: -moz-fit-content;
16966
+ width: fit-content;
16967
+ background-color: #253ebe;
16968
+ border-radius: var(--ss-border-radius);
16969
+ -webkit-animation-name: ss-valueIn;
16970
+ animation-name: ss-valueIn;
16971
+ -webkit-animation-duration: var(--ss-animation-timing);
16972
+ animation-duration: var(--ss-animation-timing);
16973
+ -webkit-animation-timing-function: ease-out;
16974
+ animation-timing-function: ease-out;
16975
+ -webkit-animation-fill-mode: both;
16976
+ animation-fill-mode: both;
16977
+ margin: 3px 5px 3px 0;
16978
+ padding: 0.35em 1.25rem 0.35em 0.65em;
16979
+ }
16980
+ .ss-main.ss-2 .ss-values .ss-value.ss-value-out {
16981
+ -webkit-animation-name: ss-valueOut;
16982
+ animation-name: ss-valueOut;
16983
+ -webkit-animation-duration: var(--ss-animation-timing);
16984
+ animation-duration: var(--ss-animation-timing);
16985
+ -webkit-animation-timing-function: ease-out;
16986
+ animation-timing-function: ease-out;
16987
+ }
16988
+ .ss-main.ss-2 .ss-values .ss-value .ss-value-text {
16989
+ color: var(--ss-bg-color);
16990
+ line-height: 1;
16991
+ margin-right: 5px;
16992
+ }
16993
+ .ss-main.ss-2 .ss-values .ss-value .ss-value-delete {
16994
+ font-size: 0;
16995
+ }
16996
+ .ss-main.ss-2 .ss-values .ss-value .ss-value-delete:after {
16997
+ background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 8.5C16 12.9183 12.4183 16.5 8 16.5C3.58172 16.5 0 12.9183 0 8.5C0 4.08172 3.58172 0.5 8 0.5C12.4183 0.5 16 4.08172 16 8.5ZM5.35355 5.14645C5.15829 4.95118 4.84171 4.95118 4.64645 5.14645C4.45118 5.34171 4.45118 5.65829 4.64645 5.85355L7.29289 8.5L4.64645 11.1464C4.45118 11.3417 4.45118 11.6583 4.64645 11.8536C4.84171 12.0488 5.15829 12.0488 5.35355 11.8536L8 9.20711L10.6464 11.8536C10.8417 12.0488 11.1583 12.0488 11.3536 11.8536C11.5488 11.6583 11.5488 11.3417 11.3536 11.1464L8.70711 8.5L11.3536 5.85355C11.5488 5.65829 11.5488 5.34171 11.3536 5.14645C11.1583 4.95118 10.8417 4.95118 10.6464 5.14645L8 7.79289L5.35355 5.14645Z' fill='%23F8F9FA'/%3E%3C/svg%3E%0A");
16998
+ background-repeat: no-repeat;
16999
+ content: "";
17000
+ display: inline-block;
17001
+ height: 1rem;
17002
+ -webkit-transform: scale(0.8) translateY(50%);
17003
+ transform: scale(0.8) translateY(50%);
17004
+ width: 1rem;
17005
+ padding: 15px;
17006
+ background-position: 50%;
17007
+ border-radius: 50%;
17008
+ position: absolute;
17009
+ right: 0;
17010
+ bottom: calc(50% - 3px);
17011
+ }
17012
+ .ss-main.ss-2 .ss-values .ss-value .ss-value-delete:focus-visible:after {
17013
+ outline: 2px solid #fff;
17014
+ outline-offset: -6px;
17015
+ }
17016
+ .ss-main.ss-2 .ss-deselect {
17017
+ -ms-flex: 0 1 auto;
17018
+ flex: 0 1 auto;
17019
+ display: -ms-flexbox;
17020
+ display: flex;
17021
+ -ms-flex-align: center;
17022
+ align-items: center;
17023
+ -ms-flex-pack: center;
17024
+ justify-content: center;
17025
+ width: -webkit-fit-content;
17026
+ width: -moz-fit-content;
17027
+ width: fit-content;
17028
+ height: auto;
17029
+ padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
17030
+ }
17031
+ .ss-main.ss-2 .ss-deselect svg {
17032
+ width: 8px;
17033
+ height: 8px;
17034
+ }
17035
+ .ss-main.ss-2 .ss-deselect svg path {
17036
+ fill: none;
17037
+ stroke: var(--ss-font-color);
17038
+ stroke-width: 20;
17039
+ stroke-linecap: round;
17040
+ stroke-linejoin: round;
17041
+ }
17042
+ .ss-main.ss-2 .ss-arrow {
17043
+ -ms-flex: 0 1 auto;
17044
+ flex: 0 1 auto;
17045
+ display: -ms-flexbox;
17046
+ display: flex;
17047
+ -ms-flex-align: center;
17048
+ align-items: center;
17049
+ -ms-flex-pack: end;
17050
+ justify-content: flex-end;
17051
+ width: 12px;
17052
+ height: 12px;
17053
+ margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
17054
+ }
17055
+ .ss-main.ss-2 .ss-arrow path {
17056
+ fill: none;
17057
+ stroke: var(--ss-font-color);
17058
+ stroke-width: 18;
17059
+ stroke-linecap: round;
17060
+ stroke-linejoin: round;
17061
+ transition-timing-function: ease-out;
17062
+ transition: var(--ss-animation-timing);
17063
+ }
17064
+
17065
+ .ss-content.ss-content-2 {
17066
+ position: absolute;
17067
+ display: -ms-flexbox;
17068
+ display: flex;
17069
+ height: auto;
17070
+ -ms-flex-direction: column;
17071
+ flex-direction: column;
17072
+ width: auto;
17073
+ max-height: var(--ss-content-height);
17074
+ box-sizing: border-box;
17075
+ border: solid 1px var(--ss-border-color);
17076
+ background-color: var(--ss-bg-color);
17077
+ transition: opacity var(--ss-animation-timing), -webkit-transform var(--ss-animation-timing);
17078
+ transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
17079
+ transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing), -webkit-transform var(--ss-animation-timing);
17080
+ opacity: 0;
17081
+ -webkit-transform: scaleY(0);
17082
+ transform: scaleY(0);
17083
+ -webkit-transform-origin: center top;
17084
+ transform-origin: center top;
17085
+ overflow: hidden;
17086
+ z-index: 10000;
17087
+ }
17088
+ .ss-content.ss-content-2.form-select {
17089
+ padding: 0;
17090
+ background: var(--ss-bg-color);
17091
+ }
17092
+ .ss-content.ss-content-2.ss-relative {
17093
+ position: relative;
17094
+ height: 100%;
17095
+ }
17096
+ .ss-content.ss-content-2.ss-fixed {
17097
+ position: fixed;
17098
+ }
17099
+ .ss-content.ss-content-2.ss-open-above {
17100
+ -ms-flex-direction: column-reverse;
17101
+ flex-direction: column-reverse;
17102
+ opacity: 1;
17103
+ -webkit-transform: scaleY(1);
17104
+ transform: scaleY(1);
17105
+ -webkit-transform-origin: center bottom;
17106
+ transform-origin: center bottom;
17107
+ border-top-left-radius: var(--ss-border-radius);
17108
+ border-top-right-radius: var(--ss-border-radius);
17109
+ }
17110
+ .ss-content.ss-content-2.ss-open-below {
17111
+ opacity: 1;
17112
+ -webkit-transform: scaleY(1);
17113
+ transform: scaleY(1);
17114
+ -webkit-transform-origin: center top;
17115
+ transform-origin: center top;
17116
+ border-bottom-left-radius: var(--ss-border-radius);
17117
+ border-bottom-right-radius: var(--ss-border-radius);
17118
+ }
17119
+ .ss-content.ss-content-2 .ss-search {
17120
+ -ms-flex: 0 1 auto;
17121
+ flex: 0 1 auto;
17122
+ display: -ms-flexbox;
17123
+ display: flex;
17124
+ -ms-flex-direction: row;
17125
+ flex-direction: row;
17126
+ padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
17127
+ }
17128
+ .ss-content.ss-content-2 .ss-search input {
17129
+ display: -ms-inline-flexbox;
17130
+ display: inline-flex;
17131
+ font-size: inherit;
17132
+ line-height: inherit;
17133
+ -ms-flex: 1 1 auto;
17134
+ flex: 1 1 auto;
17135
+ width: 100%;
17136
+ min-width: 0px;
17137
+ padding: var(--ss-spacing-m) var(--ss-spacing-l);
17138
+ margin: 0;
17139
+ border: 1px solid var(--ss-border-color);
17140
+ border-radius: var(--ss-border-radius);
17141
+ background-color: var(--ss-bg-color);
17142
+ outline: 0;
17143
+ text-align: left;
17144
+ box-sizing: border-box;
17145
+ }
17146
+ .ss-content.ss-content-2 .ss-search input::-webkit-input-placeholder {
17147
+ color: var(--ss-font-placeholder-color);
17148
+ vertical-align: middle;
17149
+ }
17150
+ .ss-content.ss-content-2 .ss-search input::-moz-placeholder {
17151
+ color: var(--ss-font-placeholder-color);
17152
+ vertical-align: middle;
17153
+ }
17154
+ .ss-content.ss-content-2 .ss-search input:-ms-input-placeholder {
17155
+ color: var(--ss-font-placeholder-color);
17156
+ vertical-align: middle;
17157
+ }
17158
+ .ss-content.ss-content-2 .ss-search input::-ms-input-placeholder {
17159
+ color: var(--ss-font-placeholder-color);
17160
+ vertical-align: middle;
17161
+ }
17162
+ .ss-content.ss-content-2 .ss-search input::placeholder {
17163
+ color: var(--ss-font-placeholder-color);
17164
+ vertical-align: middle;
17165
+ }
17166
+ .ss-content.ss-content-2 .ss-search input:focus {
17167
+ box-shadow: 0 0 5px var(--ss-focus-color);
17168
+ }
17169
+ .ss-content.ss-content-2 .ss-search .ss-addable {
17170
+ display: -ms-inline-flexbox;
17171
+ display: inline-flex;
17172
+ -ms-flex-pack: center;
17173
+ justify-content: center;
17174
+ -ms-flex-align: center;
17175
+ align-items: center;
17176
+ cursor: pointer;
17177
+ -ms-flex: 0 0 auto;
17178
+ flex: 0 0 auto;
17179
+ height: auto;
17180
+ margin: 0 0 0 var(--ss-spacing-m);
17181
+ border: 1px solid var(--ss-border-color);
17182
+ border-radius: var(--ss-border-radius);
17183
+ }
17184
+ .ss-content.ss-content-2 .ss-search .ss-addable svg {
17185
+ display: -ms-flexbox;
17186
+ display: flex;
17187
+ -ms-flex-align: center;
17188
+ align-items: center;
17189
+ -ms-flex-pack: end;
17190
+ justify-content: flex-end;
17191
+ -ms-flex: 0 1 auto;
17192
+ flex: 0 1 auto;
17193
+ width: 12px;
17194
+ height: 12px;
17195
+ margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
17196
+ }
17197
+ .ss-content.ss-content-2 .ss-search .ss-addable svg path {
17198
+ fill: none;
17199
+ stroke: var(--ss-font-color);
17200
+ stroke-width: 18;
17201
+ stroke-linecap: round;
17202
+ stroke-linejoin: round;
17203
+ }
17204
+ .ss-content.ss-content-2 .ss-list {
17205
+ -ms-flex: 1 1 auto;
17206
+ flex: 1 1 auto;
17207
+ height: auto;
17208
+ overflow-x: hidden;
17209
+ overflow-y: auto;
17210
+ }
17211
+ .ss-content.ss-content-2 .ss-list .ss-error {
17212
+ color: var(--ss-error-color);
17213
+ padding: var(--ss-spacing-l);
17214
+ }
17215
+ .ss-content.ss-content-2 .ss-list .ss-searching {
17216
+ color: var(--ss-font-color);
17217
+ padding: var(--ss-spacing-l);
17218
+ }
17219
+ .ss-content.ss-content-2 .ss-list .ss-optgroup.ss-close .ss-option {
17220
+ display: none !important;
17221
+ }
17222
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label {
17223
+ display: -ms-flexbox;
17224
+ display: flex;
17225
+ -ms-flex-direction: row;
17226
+ flex-direction: row;
17227
+ -ms-flex-align: center;
17228
+ align-items: center;
17229
+ -ms-flex-pack: justify;
17230
+ justify-content: space-between;
17231
+ padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
17232
+ }
17233
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
17234
+ -ms-flex: 1 1 auto;
17235
+ flex: 1 1 auto;
17236
+ font-weight: bold;
17237
+ color: var(--ss-font-color);
17238
+ }
17239
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
17240
+ cursor: pointer;
17241
+ }
17242
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
17243
+ -ms-flex: 0 1 auto;
17244
+ flex: 0 1 auto;
17245
+ display: -ms-flexbox;
17246
+ display: flex;
17247
+ -ms-flex-direction: row;
17248
+ flex-direction: row;
17249
+ -ms-flex-align: center;
17250
+ align-items: center;
17251
+ -ms-flex-pack: center;
17252
+ justify-content: center;
17253
+ gap: var(--ss-spacing-m);
17254
+ }
17255
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
17256
+ -ms-flex: 0 0 auto;
17257
+ flex: 0 0 auto;
17258
+ display: -ms-flexbox;
17259
+ display: flex;
17260
+ -ms-flex-direction: row;
17261
+ flex-direction: row;
17262
+ cursor: pointer;
17263
+ }
17264
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
17265
+ opacity: 0.5;
17266
+ }
17267
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
17268
+ stroke: var(--ss-error-color);
17269
+ }
17270
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
17271
+ -ms-flex: 0 1 auto;
17272
+ flex: 0 1 auto;
17273
+ display: -ms-flexbox;
17274
+ display: flex;
17275
+ -ms-flex-align: center;
17276
+ align-items: center;
17277
+ -ms-flex-pack: center;
17278
+ justify-content: center;
17279
+ font-size: 60%;
17280
+ text-align: center;
17281
+ padding: 0 var(--ss-spacing-s) 0 0;
17282
+ }
17283
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
17284
+ -ms-flex: 0 1 auto;
17285
+ flex: 0 1 auto;
17286
+ width: 13px;
17287
+ height: 13px;
17288
+ }
17289
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
17290
+ fill: none;
17291
+ stroke: var(--ss-success-color);
17292
+ stroke-linecap: round;
17293
+ stroke-linejoin: round;
17294
+ }
17295
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
17296
+ stroke-width: 5;
17297
+ }
17298
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
17299
+ stroke-width: 11;
17300
+ }
17301
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
17302
+ -ms-flex: 0 1 auto;
17303
+ flex: 0 1 auto;
17304
+ display: -ms-flexbox;
17305
+ display: flex;
17306
+ -ms-flex-direction: row;
17307
+ flex-direction: row;
17308
+ cursor: pointer;
17309
+ }
17310
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
17311
+ -ms-flex: 1 1 auto;
17312
+ flex: 1 1 auto;
17313
+ width: 10px;
17314
+ height: 10px;
17315
+ }
17316
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
17317
+ fill: none;
17318
+ stroke: var(--ss-font-color);
17319
+ stroke-width: 18;
17320
+ stroke-linecap: round;
17321
+ stroke-linejoin: round;
17322
+ transition-timing-function: ease-out;
17323
+ transition: var(--ss-animation-timing);
17324
+ }
17325
+ .ss-content.ss-content-2 .ss-list .ss-optgroup .ss-option {
17326
+ padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
17327
+ }
17328
+ .ss-content.ss-content-2 .ss-list .ss-option {
17329
+ display: block;
17330
+ padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
17331
+ white-space: normal;
17332
+ color: var(--ss-font-color);
17333
+ cursor: pointer;
17334
+ -webkit-user-select: none;
17335
+ -moz-user-select: none;
17336
+ -ms-user-select: none;
17337
+ user-select: none;
17338
+ }
17339
+ .ss-content.ss-content-2 .ss-list .ss-option:hover {
17340
+ color: var(--ss-bg-color);
17341
+ background-color: #253ebe;
17342
+ }
17343
+ .ss-content.ss-content-2 .ss-list .ss-option.ss-highlighted, .ss-content.ss-content-2 .ss-list .ss-option:not(.ss-disabled).ss-selected {
17344
+ color: var(--ss-bg-color);
17345
+ background-color: #253ebe;
17346
+ }
17347
+ .ss-content.ss-content-2 .ss-list .ss-option.ss-disabled {
17348
+ cursor: not-allowed;
17349
+ background-color: var(--ss-disabled-color);
17350
+ }
17351
+ .ss-content.ss-content-2 .ss-list .ss-option.ss-disabled:hover {
17352
+ color: var(--ss-font-color);
17353
+ }
17354
+ .ss-content.ss-content-2 .ss-list .ss-option .ss-search-highlight {
17355
+ display: inline-block;
17356
+ background-color: var(--ss-highlight-color);
17357
+ }
17358
+
17359
+ .ss-main.multi-select.is-invalid,
17360
+ .was-validated .multi-select:invalid + .ss-main.multi-select {
17361
+ border-color: #a51f2c;
17362
+ background-position: right 1.5rem center;
17363
+ background-repeat: no-repeat;
17364
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
17365
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
17366
+ }
17367
+
17368
+ .ss-main.multi-select.is-valid,
17369
+ .was-validated .multi-select:valid + .ss-main.multi-select {
17370
+ border-color: #09854c;
17371
+ background-position: right 1.5rem center;
17372
+ background-repeat: no-repeat;
17373
+ background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
17374
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%2328A745'/%3E%3C/svg%3E%0A");
17375
+ }
17376
+
16744
17377
  @media (max-width: 767.98px) {
16745
17378
  .breadcrumb-item + .breadcrumb-item {
16746
17379
  padding-left: 0;
@@ -16980,6 +17613,7 @@ select.multi-select {
16980
17613
  transform: rotate(180deg);
16981
17614
  }
16982
17615
 
17616
+ /* stylelint-disable no-descending-specificity */
16983
17617
  .bcl-sidebar:has(> .bcl-inpage-navigation) {
16984
17618
  position: -webkit-sticky;
16985
17619
  position: sticky;
@@ -17048,9 +17682,64 @@ select.multi-select {
17048
17682
  padding-right: 0;
17049
17683
  }
17050
17684
  }
17051
- @media (max-width: 991.98px) {
17052
- .bcl-sidebar:has(> .bcl-inpage-navigation) {
17053
- padding-bottom: 1rem;
17685
+ @media (max-width: 767.98px) {
17686
+ .bcl-inpage-navigation.dynamic-active {
17687
+ display: none;
17688
+ }
17689
+ .bcl-inpage-navigation.dynamic-active:has(.active) {
17690
+ display: block;
17691
+ }
17692
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active ul {
17693
+ padding: 0.25rem;
17694
+ }
17695
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .bcl-heading {
17696
+ position: absolute;
17697
+ left: 0;
17698
+ top: 0;
17699
+ width: 100%;
17700
+ z-index: 2000;
17701
+ height: 64px;
17702
+ opacity: 0;
17703
+ }
17704
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu {
17705
+ display: block;
17706
+ padding: 0.5rem;
17707
+ position: absolute;
17708
+ }
17709
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show .nav-item {
17710
+ display: block;
17711
+ }
17712
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show .nav-item:has(> .active) {
17713
+ -ms-flex-order: -1;
17714
+ order: -1;
17715
+ }
17716
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu.show:after {
17717
+ border-top-color: transparent;
17718
+ border-bottom: 5px solid #fff;
17719
+ top: 25px;
17720
+ }
17721
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav {
17722
+ display: -ms-flexbox;
17723
+ display: flex;
17724
+ }
17725
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item {
17726
+ display: none;
17727
+ transition: none;
17728
+ }
17729
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item:has(> .active) {
17730
+ display: block;
17731
+ }
17732
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu .nav-item .nav-link {
17733
+ margin: 0;
17734
+ }
17735
+ .bcl-sidebar .bcl-inpage-navigation.dynamic-active .dropdown-menu:after {
17736
+ content: "";
17737
+ border-left: 5px solid transparent;
17738
+ border-right: 5px solid transparent;
17739
+ border-top: 5px solid #fff;
17740
+ position: absolute;
17741
+ top: 30px;
17742
+ right: 22px;
17054
17743
  }
17055
17744
  }
17056
17745
  @media (min-width: 768px) {
@@ -17074,6 +17763,11 @@ select.multi-select {
17074
17763
  display: block;
17075
17764
  }
17076
17765
  }
17766
+ @media (max-width: 991.98px) {
17767
+ .bcl-sidebar:has(> .bcl-inpage-navigation) {
17768
+ padding-bottom: 1rem;
17769
+ }
17770
+ }
17077
17771
  .bcl-language-list .btn {
17078
17772
  background: #fff;
17079
17773
  color: #253ebe;
@@ -17083,6 +17777,12 @@ select.multi-select {
17083
17777
  text-decoration: underline;
17084
17778
  border-color: #0e47cb;
17085
17779
  }
17780
+ .bcl-language-list .btn:focus-visible {
17781
+ background: #253ebe;
17782
+ color: #fff;
17783
+ outline: 2px solid #fff;
17784
+ outline-offset: -4px;
17785
+ }
17086
17786
  .bcl-language-list .btn.selected {
17087
17787
  background: #70254a;
17088
17788
  color: #fff;
@@ -17095,6 +17795,9 @@ select.multi-select {
17095
17795
  color: #0e47cb;
17096
17796
  font-weight: 700;
17097
17797
  }
17798
+ .bcl-language-list.bcl-language-list--ec .btn:focus-visible, .bcl-language-list.bcl-language-list--eu .btn:focus-visible {
17799
+ color: #fff;
17800
+ }
17098
17801
  .bcl-language-list.bcl-language-list--ec .btn.selected, .bcl-language-list.bcl-language-list--eu .btn.selected {
17099
17802
  background: #ffcc00;
17100
17803
  color: #000;
@@ -17119,13 +17822,20 @@ select.multi-select {
17119
17822
 
17120
17823
  .carousel-indicators {
17121
17824
  background-color: rgba(0, 0, 0, 0.5);
17825
+ padding: 1rem 0 1.5rem;
17122
17826
  margin: 0;
17123
17827
  }
17124
17828
  .carousel-indicators [data-bs-target] {
17125
17829
  width: 8px;
17126
17830
  height: 8px;
17127
- margin: 0.375rem 0.5rem 1rem;
17831
+ margin: 0 0.5rem 0;
17128
17832
  border-radius: 50%;
17833
+ border: 1px solid transparent;
17834
+ }
17835
+ .carousel-indicators [data-bs-target]:focus {
17836
+ outline: 1px solid #fff;
17837
+ border-color: #253ebe;
17838
+ opacity: 1;
17129
17839
  }
17130
17840
 
17131
17841
  .carousel-caption {
@@ -17165,6 +17875,12 @@ select.multi-select {
17165
17875
  .carousel-control-prev:hover {
17166
17876
  opacity: 1;
17167
17877
  }
17878
+ .carousel-control-next:focus .carousel-control-prev-icon,
17879
+ .carousel-control-next:focus .carousel-control-next-icon,
17880
+ .carousel-control-prev:focus .carousel-control-prev-icon,
17881
+ .carousel-control-prev:focus .carousel-control-next-icon {
17882
+ outline: 2px solid #fff;
17883
+ }
17168
17884
 
17169
17885
  .carousel-control-prev-icon,
17170
17886
  .carousel-control-next-icon {
@@ -17448,13 +18164,25 @@ select.multi-select {
17448
18164
  }
17449
18165
  }
17450
18166
 
17451
- .pagination .page-link {
18167
+ /* stylelint-disable no-descending-specificity */
18168
+ .pagination .page-item .page-link {
17452
18169
  display: -ms-flexbox;
17453
18170
  display: flex;
17454
18171
  height: 100%;
17455
18172
  -ms-flex-align: center;
17456
18173
  align-items: center;
17457
18174
  }
18175
+ .pagination .page-item .page-link:focus-visible {
18176
+ box-shadow: none;
18177
+ outline: 2px solid #253ebe;
18178
+ outline-offset: -3px;
18179
+ }
18180
+ .pagination .page-item:not(.active) .page-link:focus-visible {
18181
+ background: transparent;
18182
+ }
18183
+ .pagination .page-item.active .page-link:focus-visible {
18184
+ outline-color: #fff;
18185
+ }
17458
18186
 
17459
18187
  .pagination--glossary {
17460
18188
  -ms-flex-wrap: wrap;