@openeuropa/bcl-theme-default 1.10.7 → 1.10.9

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 (67) hide show
  1. package/css/color-scheme.min.css +1 -1
  2. package/css/color-scheme.min.css.map +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 +315 -174
  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/icons/bcl-default-icons.svg +1 -1
  10. package/icons/bootstrap-icons.svg +1 -1
  11. package/js/oe-bcl-default.bundle.js +86 -14
  12. package/js/oe-bcl-default.bundle.js.map +1 -1
  13. package/js/oe-bcl-default.bundle.min.js +1 -1
  14. package/js/oe-bcl-default.bundle.min.js.map +1 -1
  15. package/js/oe-bcl-default.esm.js +85 -14
  16. package/js/oe-bcl-default.esm.js.map +1 -1
  17. package/js/oe-bcl-default.esm.min.js +1 -1
  18. package/js/oe-bcl-default.esm.min.js.map +1 -1
  19. package/js/oe-bcl-default.umd.js +86 -14
  20. package/js/oe-bcl-default.umd.js.map +1 -1
  21. package/js/oe-bcl-default.umd.min.js +1 -1
  22. package/js/oe-bcl-default.umd.min.js.map +1 -1
  23. package/package.json +7 -7
  24. package/src/icons/icons.js +2 -0
  25. package/src/js/accordion-toggle/accordion-toggle.js +24 -9
  26. package/src/js/header/header.js +91 -0
  27. package/src/js/index.esm.js +2 -0
  28. package/src/js/index.umd.js +2 -0
  29. package/src/scss/_header.scss +27 -82
  30. package/src/scss/_input.scss +72 -31
  31. package/src/scss/_mega-menu.scss +50 -61
  32. package/src/scss/_multiselect-2.scss +33 -11
  33. package/src/scss/_pagination-v2.scss +86 -0
  34. package/src/scss/_pagination.scss +1 -0
  35. package/src/scss/_search-form.scss +4 -0
  36. package/src/scss/base/_mixins.scss +21 -0
  37. package/src/scss/base/_utilities.scss +8 -0
  38. package/src/scss/base/_variables.scss +3 -0
  39. package/src/scss/oe-bcl-default.scss +1 -0
  40. package/templates/bcl-base-templates/listing-page.html.twig +17 -19
  41. package/templates/bcl-contact-form/contact-form.html.twig +3 -3
  42. package/templates/bcl-content-banner/content-banner.html.twig +3 -0
  43. package/templates/bcl-dropdown/dropdown.html.twig +12 -7
  44. package/templates/bcl-event/event.html.twig +5 -5
  45. package/templates/bcl-file/file.html.twig +1 -1
  46. package/templates/bcl-glossary/glossary-detail.html.twig +4 -5
  47. package/templates/bcl-glossary/glossary-listing.html.twig +5 -5
  48. package/templates/bcl-group/group-landing.html.twig +5 -5
  49. package/templates/bcl-group/group.html.twig +3 -3
  50. package/templates/bcl-header/header.html.twig +43 -50
  51. package/templates/bcl-landing-page/landing-page.html.twig +5 -8
  52. package/templates/bcl-language-list/language-list-modal.html.twig +58 -5
  53. package/templates/bcl-links-block/links-block.html.twig +1 -1
  54. package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +10 -7
  55. package/templates/bcl-modal/modal.html.twig +20 -7
  56. package/templates/bcl-navigation/navigation.html.twig +8 -0
  57. package/templates/bcl-page/page.html.twig +5 -5
  58. package/templates/bcl-pagination-v2/pagination-item.html.twig +90 -0
  59. package/templates/bcl-pagination-v2/pagination.html.twig +213 -0
  60. package/templates/bcl-person/person.html.twig +5 -5
  61. package/templates/bcl-project/project.html.twig +7 -7
  62. package/templates/bcl-project-status/project-contributions.html.twig +1 -1
  63. package/templates/bcl-search/search.html.twig +3 -3
  64. package/templates/bcl-subscription/subscription.html.twig +5 -5
  65. package/templates/{bcl-toast → bcl-toasts}/toasts.html.twig +17 -8
  66. package/templates/bcl-user/user-terms.html.twig +3 -3
  67. package/templates/bcl-user/user.html.twig +3 -3
@@ -542,6 +542,11 @@ legend + * {
542
542
  -webkit-appearance: textfield;
543
543
  outline-offset: -2px;
544
544
  }
545
+ [type=search]::-webkit-search-cancel-button {
546
+ cursor: pointer;
547
+ -webkit-filter: grayscale(1);
548
+ filter: grayscale(1);
549
+ }
545
550
 
546
551
  /* rtl:raw:
547
552
  [type="tel"],
@@ -5310,7 +5315,7 @@ textarea.form-control-lg {
5310
5315
  --bs-pagination-color: var(--bs-link-color);
5311
5316
  --bs-pagination-bg: var(--bs-body-bg);
5312
5317
  --bs-pagination-border-width: var(--bs-border-width);
5313
- --bs-pagination-border-color: var(--bs-border-color);
5318
+ --bs-pagination-border-color: #ced4da;
5314
5319
  --bs-pagination-border-radius: var(--bs-border-radius);
5315
5320
  --bs-pagination-hover-color: var(--bs-link-hover-color);
5316
5321
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
@@ -6922,6 +6927,8 @@ textarea.form-control-lg {
6922
6927
  .spinner-grow,
6923
6928
  .spinner-border {
6924
6929
  display: inline-block;
6930
+ -ms-flex-negative: 0;
6931
+ flex-shrink: 0;
6925
6932
  width: var(--bs-spinner-width);
6926
6933
  height: var(--bs-spinner-height);
6927
6934
  vertical-align: var(--bs-spinner-vertical-align);
@@ -8044,6 +8051,14 @@ svg {
8044
8051
  border-color: #dee2e6;
8045
8052
  }
8046
8053
 
8054
+ .border-top-subtle {
8055
+ border-top: 1px solid rgb(211.4, 216.4, 242);
8056
+ }
8057
+
8058
+ .border-bottom-subtle {
8059
+ border-bottom: 1px solid rgb(211.4, 216.4, 242);
8060
+ }
8061
+
8047
8062
  .grid-3-9 {
8048
8063
  -ms-grid-columns: 25% 75%;
8049
8064
  grid-template-columns: 25% 75%;
@@ -9734,7 +9749,7 @@ svg {
9734
9749
  padding-top: 1rem !important;
9735
9750
  }
9736
9751
 
9737
- .pt-4 {
9752
+ .pt-4, .pagination-v2 .pagination {
9738
9753
  padding-top: 1.5rem !important;
9739
9754
  }
9740
9755
 
@@ -10122,7 +10137,7 @@ svg {
10122
10137
  font-weight: 300 !important;
10123
10138
  }
10124
10139
 
10125
- .fw-normal {
10140
+ .fw-normal, .pagination-v2 .pagination.pagination--glossary .page-item .page-link {
10126
10141
  font-weight: 400 !important;
10127
10142
  }
10128
10143
 
@@ -10170,7 +10185,7 @@ svg {
10170
10185
  text-align: center !important;
10171
10186
  }
10172
10187
 
10173
- .text-decoration-none {
10188
+ .text-decoration-none, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:hover {
10174
10189
  text-decoration: none !important;
10175
10190
  }
10176
10191
 
@@ -10543,7 +10558,7 @@ svg {
10543
10558
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
10544
10559
  }
10545
10560
 
10546
- .bg-light {
10561
+ .bg-light, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:hover {
10547
10562
  --bs-bg-opacity: 1;
10548
10563
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
10549
10564
  }
@@ -10684,7 +10699,7 @@ svg {
10684
10699
  border-radius: var(--bs-border-radius-sm) !important;
10685
10700
  }
10686
10701
 
10687
- .rounded-2 {
10702
+ .rounded-2, .bcl-navbar-toggler {
10688
10703
  border-radius: var(--bs-border-radius) !important;
10689
10704
  }
10690
10705
 
@@ -17740,10 +17755,6 @@ em.placeholder {
17740
17755
  display: inline;
17741
17756
  }
17742
17757
 
17743
- .bcl-header__project {
17744
- background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
17745
- }
17746
-
17747
17758
  .bcl-header .nav-link {
17748
17759
  color: #1b4ac3;
17749
17760
  display: -ms-flexbox;
@@ -17752,14 +17763,32 @@ em.placeholder {
17752
17763
  align-items: center;
17753
17764
  }
17754
17765
 
17766
+ .bcl-navbar-toggler {
17767
+ background: transparent;
17768
+ border: none;
17769
+ border-radius: var(--bs-border-radius-sm);
17770
+ padding: 0.375rem 0.75rem;
17771
+ color: #253ebe;
17772
+ line-height: 1;
17773
+ }
17774
+ .bcl-navbar-toggler .active-icon {
17775
+ display: none;
17776
+ }
17777
+ .bcl-navbar-toggler[aria-expanded=true] {
17778
+ background-color: #253ebe;
17779
+ color: #fff;
17780
+ }
17781
+ .bcl-navbar-toggler[aria-expanded=true] .active-icon {
17782
+ display: block;
17783
+ }
17784
+ .bcl-navbar-toggler[aria-expanded=true] .default-icon {
17785
+ display: none;
17786
+ }
17787
+
17755
17788
  .bcl-header--ec,
17756
17789
  .ec__header {
17757
17790
  /* stylelint-disable-next-line no-descending-specificity */
17758
17791
  }
17759
- .bcl-header--ec .bcl-header__project,
17760
- .ec__header .bcl-header__project {
17761
- background: #004494;
17762
- }
17763
17792
  .bcl-header--ec .nav-link,
17764
17793
  .ec__header .nav-link {
17765
17794
  color: #17458f;
@@ -17770,16 +17799,8 @@ em.placeholder {
17770
17799
  align-items: flex-end;
17771
17800
  }
17772
17801
 
17773
- .bcl-header--neutral .bcl-header__project {
17774
- background: #495057;
17775
- }
17776
-
17777
- .bcl-header:not(.bcl-header--neutral) .bcl-header__project {
17778
- padding-top: 1rem;
17779
- }
17780
-
17781
- .bcl-header .navbar-brand img {
17782
- width: 100px;
17802
+ .bcl-header {
17803
+ --oel-mega-menu-offset-top: 0px;
17783
17804
  }
17784
17805
  .bcl-header .notification {
17785
17806
  position: relative;
@@ -17796,16 +17817,6 @@ em.placeholder {
17796
17817
  transform: translate(-11px, 5px);
17797
17818
  }
17798
17819
 
17799
- .bcl-header__project .bcl-header__site-name {
17800
- display: inline-block;
17801
- margin-bottom: 0;
17802
- font-size: 1.3rem;
17803
- font-weight: 300;
17804
- color: #fff;
17805
- vertical-align: middle;
17806
- max-width: 80%;
17807
- }
17808
-
17809
17820
  .bcl-header__navbar.navbar {
17810
17821
  padding: 0;
17811
17822
  }
@@ -17819,11 +17830,6 @@ em.placeholder {
17819
17830
  transition: none;
17820
17831
  }
17821
17832
 
17822
- @media only screen and (max-width: 400px) {
17823
- .bcl-header--neutral .bcl-header__project-logo {
17824
- display: none;
17825
- }
17826
- }
17827
17833
  @media (min-width: 768px) {
17828
17834
  .bcl-header--ec .navbar-brand img,
17829
17835
  .ec__header .navbar-brand img {
@@ -17841,12 +17847,11 @@ em.placeholder {
17841
17847
  header:has(.bcl-header__navbar #main-navbar.show),
17842
17848
  header:has(.bcl-header__navbar.collapsing),
17843
17849
  header:has(.bcl-header__navbar.show) {
17844
- height: 100vh;
17850
+ height: calc(100vh - var(--oel-mega-menu-offset-top, 0px));
17845
17851
  display: -ms-flexbox;
17846
17852
  display: flex;
17847
17853
  -ms-flex-flow: column;
17848
17854
  flex-flow: column;
17849
- overflow: auto;
17850
17855
  }
17851
17856
  header:has(.bcl-header__navbar #main-navbar.collapsing) > div:has(.breadcrumb),
17852
17857
  header:has(.bcl-header__navbar #main-navbar.show) > div:has(.breadcrumb),
@@ -17854,17 +17859,7 @@ em.placeholder {
17854
17859
  header:has(.bcl-header__navbar.show) > div:has(.breadcrumb) {
17855
17860
  display: none;
17856
17861
  }
17857
- .bcl-header__project {
17858
- padding: 1rem 0;
17859
- }
17860
- .bcl-header .bcl-header__project {
17861
- z-index: 1040;
17862
- position: relative;
17863
- box-shadow: var(--bs-box-shadow);
17864
- -ms-flex-negative: 0;
17865
- flex-shrink: 0;
17866
- }
17867
- .bcl-header:not(:has(.bcl-header__project)) > .navbar:first-child {
17862
+ .bcl-header {
17868
17863
  box-shadow: var(--bs-box-shadow);
17869
17864
  }
17870
17865
  .bcl-header nav + nav {
@@ -17883,6 +17878,7 @@ em.placeholder {
17883
17878
  width: 100%;
17884
17879
  -ms-flex-align: start;
17885
17880
  align-items: flex-start;
17881
+ overflow: auto;
17886
17882
  }
17887
17883
  .bcl-header__navbar.navbar .navbar-nav {
17888
17884
  width: 100%;
@@ -17942,11 +17938,6 @@ em.placeholder {
17942
17938
  }
17943
17939
  }
17944
17940
  @media (min-width: 992px) {
17945
- .bcl-header__project.light,
17946
- .bcl-header--ec .bcl-header__project.light,
17947
- .ec__header .bcl-header__project.light {
17948
- background: #fff;
17949
- }
17950
17941
  .bcl-header__navbar {
17951
17942
  background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
17952
17943
  }
@@ -17961,27 +17952,14 @@ em.placeholder {
17961
17952
  .bcl-header--neutral .bcl-header__navbar {
17962
17953
  background: #495057;
17963
17954
  }
17964
- .bcl-header__site-name {
17965
- margin-left: 1.5rem;
17966
- font-weight: 500;
17967
- }
17968
- .bcl-header__project.light .bcl-header__site-name {
17969
- color: #000;
17970
- }
17971
17955
  .bcl-header .navbar-toggler {
17972
17956
  position: relative;
17973
17957
  right: 0;
17974
17958
  bottom: 0;
17975
17959
  }
17976
- .bcl-header .navbar-brand img {
17977
- width: auto;
17978
- }
17979
17960
  .bcl-header__navbar .bcl-mega-menu {
17980
17961
  --bcl-mega-menu-zindex: 1050;
17981
17962
  }
17982
- .bcl-header:not(.bcl-header--neutral) .bcl-header__project {
17983
- padding-bottom: 1rem;
17984
- }
17985
17963
  .bcl-header__navbar.collapse {
17986
17964
  display: block;
17987
17965
  }
@@ -18219,12 +18197,14 @@ em.placeholder {
18219
18197
  white-space: nowrap;
18220
18198
  scrollbar-width: none;
18221
18199
  -ms-overflow-style: none;
18222
- border: none;
18223
18200
  }
18224
18201
  .nav-tabs::-webkit-scrollbar {
18225
18202
  width: 0;
18226
18203
  height: 0;
18227
18204
  }
18205
+ .nav-tabs {
18206
+ border: none;
18207
+ }
18228
18208
  .nav-tabs .nav-item {
18229
18209
  z-index: 1;
18230
18210
  }
@@ -18333,6 +18313,10 @@ em.placeholder {
18333
18313
  border-top-left-radius: 0;
18334
18314
  border-bottom-left-radius: 0;
18335
18315
  }
18316
+ .bcl-search-form.submittable .bcl-search-form__submit:focus-visible {
18317
+ outline-offset: 2px;
18318
+ outline-color: #253ebe;
18319
+ }
18336
18320
  .bcl-search-form.submittable .bcl-search-form__group {
18337
18321
  display: -ms-flexbox;
18338
18322
  display: flex;
@@ -18366,12 +18350,53 @@ em.placeholder {
18366
18350
  padding-bottom: 0.5rem;
18367
18351
  padding-left: 1rem;
18368
18352
  font-size: 1.25rem;
18353
+ border-color: #6c757d;
18369
18354
  }
18370
18355
  .form-select:focus-visible {
18356
+ border-color: #6c757d;
18357
+ box-shadow: none;
18358
+ outline: 2px solid #253ebe;
18359
+ box-shadow: none;
18360
+ border-radius: 4px;
18361
+ outline-offset: 2px;
18362
+ }
18363
+ .form-select:focus-visible.is-valid {
18364
+ outline-color: #09854c;
18365
+ }
18366
+ .form-select:focus-visible.is-valid:focus {
18367
+ box-shadow: none;
18368
+ border-color: #6c757d;
18369
+ }
18370
+ .form-select:focus-visible.is-invalid {
18371
+ outline-color: #a51f2c;
18372
+ }
18373
+ .form-select:focus-visible.is-invalid:focus {
18374
+ box-shadow: none;
18375
+ border-color: #6c757d;
18376
+ }
18377
+ .form-select:focus {
18378
+ box-shadow: none;
18379
+ border-color: #6c757d;
18380
+ }
18381
+ .form-select.is-valid:focus, .form-select.is-invalid:focus {
18382
+ box-shadow: none;
18383
+ }
18384
+
18385
+ .form-check-input {
18386
+ border-color: #253ebe;
18387
+ }
18388
+ .form-check-input:focus-visible[type=radio] {
18389
+ border-radius: 50%;
18390
+ }
18391
+ .form-check-input:focus {
18392
+ border-color: #253ebe;
18393
+ box-shadow: none;
18394
+ }
18395
+ .form-check-input:focus-visible {
18371
18396
  outline: 2px solid #253ebe;
18372
18397
  box-shadow: none;
18373
18398
  border-radius: 4px;
18374
- outline-offset: -1px;
18399
+ outline-offset: 1px;
18375
18400
  }
18376
18401
 
18377
18402
  .form-control {
@@ -18379,6 +18404,7 @@ em.placeholder {
18379
18404
  padding: 0.5rem 1rem;
18380
18405
  font-size: 1.25rem;
18381
18406
  border-radius: 0.3rem;
18407
+ border-color: #6c757d;
18382
18408
  }
18383
18409
  .form-control::-webkit-file-upload-button {
18384
18410
  padding: 0.5rem 1rem;
@@ -18388,11 +18414,31 @@ em.placeholder {
18388
18414
  padding: 0.5rem 1rem;
18389
18415
  margin: -0.5rem 1rem -0.5rem -1rem;
18390
18416
  }
18391
- .form-control:focus-visible {
18417
+ .form-control:focus:focus-visible {
18418
+ border-color: #6c757d;
18392
18419
  outline: 2px solid #253ebe;
18393
18420
  box-shadow: none;
18394
18421
  border-radius: 4px;
18395
- outline-offset: -1px;
18422
+ outline-offset: 2px;
18423
+ }
18424
+ .form-control.is-valid:focus, .form-control.is-invalid:focus {
18425
+ box-shadow: none;
18426
+ }
18427
+ .form-control.is-valid:focus:focus-visible {
18428
+ transition: none;
18429
+ border-color: #6c757d;
18430
+ outline: 2px solid #09854c;
18431
+ box-shadow: none;
18432
+ border-radius: 4px;
18433
+ outline-offset: 2px;
18434
+ }
18435
+ .form-control.is-invalid:focus:focus-visible {
18436
+ transition: none;
18437
+ border-color: #6c757d;
18438
+ outline: 2px solid #a51f2c;
18439
+ box-shadow: none;
18440
+ border-radius: 4px;
18441
+ outline-offset: 2px;
18396
18442
  }
18397
18443
 
18398
18444
  .form-check:not(.form-switch) {
@@ -18407,19 +18453,6 @@ em.placeholder {
18407
18453
  margin-top: 0.15rem;
18408
18454
  }
18409
18455
 
18410
- .form-check-input:focus-visible {
18411
- outline: 4px solid #253ebe;
18412
- box-shadow: none;
18413
- border-radius: 4px;
18414
- outline-offset: 0;
18415
- }
18416
- .form-check-input:focus-visible[type=radio] {
18417
- border-radius: 50%;
18418
- }
18419
- .form-check-input:checked:focus-visible {
18420
- border-color: #fff;
18421
- }
18422
-
18423
18456
  @media (min-width: 768px) {
18424
18457
  .form-check:not(.form-switch) {
18425
18458
  padding-left: 1.5rem;
@@ -18453,23 +18486,17 @@ em.placeholder {
18453
18486
  }
18454
18487
  textarea.form-control.is-invalid,
18455
18488
  .form-control.is-invalid {
18456
- 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");
18489
+ 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='%23A51F2C'/%3E%3C/svg%3E%0A");
18457
18490
  }
18458
18491
  textarea.form-control.is-valid,
18459
18492
  .form-control.is-valid {
18460
18493
  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");
18461
18494
  }
18462
18495
 
18463
- .form-select:not([multiple]):not([size]):focus-visible {
18464
- outline: 2px solid #253ebe;
18465
- box-shadow: none;
18466
- border-radius: 4px;
18467
- outline-offset: -1px;
18496
+ select.form-select:not([multiple]):not([size]).is-invalid {
18497
+ 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='%23A51F2C'/%3E%3C/svg%3E%0A");
18468
18498
  }
18469
- .form-select:not([multiple]):not([size]).is-invalid {
18470
- 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");
18471
- }
18472
- .form-select:not([multiple]):not([size]).is-valid {
18499
+ select.form-select:not([multiple]):not([size]).is-valid {
18473
18500
  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 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");
18474
18501
  }
18475
18502
 
@@ -18649,8 +18676,9 @@ a.badge:focus-within.text-bg-danger, a.badge:active.text-bg-danger, a.badge:hove
18649
18676
  background-color: rgb(140.25, 26.35, 37.4) !important;
18650
18677
  }
18651
18678
 
18652
- .badge.bg-light a,
18653
- .badge.bg-light {
18679
+ .badge.bg-light a, .pagination-v2 .pagination.pagination--glossary .page-item .badge.page-link:hover a,
18680
+ .badge.bg-light,
18681
+ .pagination-v2 .pagination.pagination--glossary .page-item .badge.page-link:hover {
18654
18682
  color: #000;
18655
18683
  }
18656
18684
 
@@ -19360,7 +19388,7 @@ select.multi-select {
19360
19388
  --ss-font-color: #4d4d4d;
19361
19389
  --ss-font-placeholder-color: #212529;
19362
19390
  --ss-disabled-color: #dcdee2;
19363
- --ss-border-color: #dcdee2;
19391
+ --ss-border-color: #6c757d;
19364
19392
  --ss-highlight-color: #fffb8c;
19365
19393
  --ss-success-color: #00b755;
19366
19394
  --ss-error-color: #dc3545;
@@ -19450,8 +19478,11 @@ select.multi-select {
19450
19478
  overflow: hidden;
19451
19479
  min-height: 38px;
19452
19480
  }
19453
- .ss-main.ss-2:focus {
19454
- box-shadow: 0 0 5px var(--ss-focus-color);
19481
+ .ss-main.ss-2:focus-visible {
19482
+ outline: 2px solid #253ebe;
19483
+ box-shadow: none;
19484
+ border-radius: 4px;
19485
+ outline-offset: 2px;
19455
19486
  }
19456
19487
  .ss-main.ss-2.form-select {
19457
19488
  background: none;
@@ -19734,7 +19765,10 @@ select.multi-select {
19734
19765
  vertical-align: middle;
19735
19766
  }
19736
19767
  .ss-content.ss-content-2 .ss-search input:focus {
19737
- box-shadow: 0 0 5px var(--ss-focus-color);
19768
+ outline: 2px solid #253ebe;
19769
+ box-shadow: none;
19770
+ border-radius: 4px;
19771
+ outline-offset: 2px;
19738
19772
  }
19739
19773
  .ss-content.ss-content-2 .ss-search .ss-addable {
19740
19774
  display: -ms-inline-flexbox;
@@ -19926,23 +19960,48 @@ select.multi-select {
19926
19960
  background-color: var(--ss-highlight-color);
19927
19961
  }
19928
19962
 
19929
- .ss-main.multi-select.is-invalid,
19930
- .was-validated .multi-select:invalid + .ss-main.multi-select {
19963
+ .form-select.ss-main.multi-select.is-invalid,
19964
+ .was-validated .multi-select:invalid + .form-select.ss-main.multi-select {
19931
19965
  border-color: #a51f2c;
19932
- background-position: right 1.5rem center;
19966
+ background-position: right 2.5rem center;
19933
19967
  background-repeat: no-repeat;
19968
+ padding-right: 0.5rem;
19934
19969
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
19935
- 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");
19970
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23a51f2c' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/svg%3E");
19971
+ }
19972
+ .form-select.ss-main.multi-select.is-invalid:focus-visible,
19973
+ .was-validated .multi-select:invalid + .form-select.ss-main.multi-select:focus-visible {
19974
+ border-color: #6c757d;
19975
+ outline-color: #a51f2c;
19936
19976
  }
19937
19977
 
19938
- .ss-main.multi-select.is-valid,
19939
- .was-validated .multi-select:valid + .ss-main.multi-select {
19978
+ .form-select.ss-main.multi-select.is-valid,
19979
+ .was-validated .multi-select:valid + .form-select.ss-main.multi-select {
19940
19980
  border-color: #09854c;
19941
- background-position: right 1.5rem center;
19981
+ background-position: right 2.5rem center;
19942
19982
  background-repeat: no-repeat;
19983
+ padding-right: 0.5rem;
19943
19984
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
19944
19985
  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");
19945
19986
  }
19987
+ .form-select.ss-main.multi-select.is-valid:focus-visible,
19988
+ .was-validated .multi-select:valid + .form-select.ss-main.multi-select:focus-visible {
19989
+ border-color: #6c757d;
19990
+ outline-color: #09854c;
19991
+ }
19992
+
19993
+ .ss-sr-only {
19994
+ position: absolute;
19995
+ width: 1px;
19996
+ height: 1px;
19997
+ margin: -1px;
19998
+ padding: 0;
19999
+ border: 0;
20000
+ clip: rect(0, 0, 0, 0);
20001
+ -webkit-clip-path: inset(50%);
20002
+ clip-path: inset(50%);
20003
+ overflow: hidden;
20004
+ }
19946
20005
 
19947
20006
  /* stylelint-disable no-descending-specificity, declaration-no-important */
19948
20007
  /* -------------------------------------
@@ -19991,16 +20050,6 @@ select.multi-select {
19991
20050
  }
19992
20051
  .bcl-mega-menu__container[class] {
19993
20052
  display: none;
19994
- z-index: var(--bcl-mega-menu-zindex);
19995
- position: absolute;
19996
- inset-block-start: 0;
19997
- inset-inline-start: 0;
19998
- inline-size: 100%;
19999
- -webkit-margin-before: 0;
20000
- margin-block-start: 0;
20001
- padding: 0;
20002
- border: 0;
20003
- border-radius: 0;
20004
20053
  }
20005
20054
  .bcl-mega-menu > [aria-expanded=true] + .bcl-mega-menu__container[class] {
20006
20055
  display: block;
@@ -20011,6 +20060,9 @@ select.multi-select {
20011
20060
  display: flex;
20012
20061
  }
20013
20062
  }
20063
+ .bcl-mega-menu__container[class] {
20064
+ z-index: var(--bcl-mega-menu-zindex);
20065
+ }
20014
20066
  @media (prefers-reduced-motion: no-preference) {
20015
20067
  .bcl-mega-menu__container[class] {
20016
20068
  transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
@@ -20029,6 +20081,17 @@ select.multi-select {
20029
20081
  pointer-events: none;
20030
20082
  }
20031
20083
  }
20084
+ .bcl-mega-menu__container[class] {
20085
+ position: absolute;
20086
+ inset-block-start: 0;
20087
+ inset-inline-start: 0;
20088
+ inline-size: 100%;
20089
+ -webkit-margin-before: 0;
20090
+ margin-block-start: 0;
20091
+ padding: 0;
20092
+ border: 0;
20093
+ border-radius: 0;
20094
+ }
20032
20095
  @media (min-width: 992px) {
20033
20096
  .bcl-mega-menu__container[class] {
20034
20097
  inset-block-start: 100%;
@@ -20198,32 +20261,6 @@ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
20198
20261
  background-color: #253ebe;
20199
20262
  }
20200
20263
  }
20201
- ul.bcl-mega-menu__items > li:has(> a.see-all-button) {
20202
- position: -webkit-sticky;
20203
- position: sticky;
20204
- inset-block-start: 100%;
20205
- }
20206
- ul.bcl-mega-menu__items > li > a.see-all-button {
20207
- border-top: none;
20208
- }
20209
- ul.bcl-mega-menu__items > li > a.see-all-button:after {
20210
- background: #b9c5e9;
20211
- content: "";
20212
- block-size: 1px;
20213
- inset-inline-start: 0;
20214
- position: absolute;
20215
- inset-block-start: 0;
20216
- inset-inline: 1rem;
20217
- }
20218
- ul.bcl-mega-menu__items > li > a.see-all-button > svg {
20219
- inline-size: 0.8rem;
20220
- }
20221
- ul.bcl-mega-menu__items > li > a.see-all-button > span {
20222
- text-overflow: ellipsis;
20223
- overflow: hidden;
20224
- display: block;
20225
- white-space: nowrap;
20226
- }
20227
20264
 
20228
20265
  @media (min-width: 992px) {
20229
20266
  .bcl-mega-menu__menu {
@@ -20231,14 +20268,18 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20231
20268
  padding-right: 0;
20232
20269
  }
20233
20270
  }
20271
+ @media (max-width: 991.98px) {
20272
+ .bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__leaf,
20273
+ .bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__parent {
20274
+ display: none;
20275
+ }
20276
+ .bcl-mega-menu__menu > .bcl-mega-menu__items > .__parent:has(.bcl-mega-menu__submenu:not([hidden])) {
20277
+ display: block;
20278
+ }
20279
+ }
20234
20280
 
20235
20281
  .bcl-mega-menu__submenu {
20236
20282
  position: absolute;
20237
- background: white;
20238
- display: -ms-flexbox;
20239
- display: flex;
20240
- -ms-flex-direction: column;
20241
- flex-direction: column;
20242
20283
  }
20243
20284
  @media (max-width: 991.98px) {
20244
20285
  .bcl-mega-menu__submenu {
@@ -20266,11 +20307,20 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20266
20307
  z-index: -1;
20267
20308
  }
20268
20309
  }
20310
+ .bcl-mega-menu__submenu {
20311
+ background: white;
20312
+ }
20269
20313
  @media (min-width: 992px) {
20270
20314
  .bcl-mega-menu__submenu {
20271
20315
  background: rgb(233.2, 235.7, 248.5);
20272
20316
  }
20273
20317
  }
20318
+ .bcl-mega-menu__submenu {
20319
+ display: -ms-flexbox;
20320
+ display: flex;
20321
+ -ms-flex-direction: column;
20322
+ flex-direction: column;
20323
+ }
20274
20324
  .bcl-mega-menu__submenu > .__header > .__label {
20275
20325
  padding: 1rem 1rem;
20276
20326
  margin: 0;
@@ -20284,36 +20334,52 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20284
20334
  display: none;
20285
20335
  }
20286
20336
  }
20287
-
20288
20337
  @media (min-width: 992px) {
20289
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane {
20290
- background: rgb(233.2, 235.7, 248.5);
20338
+ .bcl-mega-menu__submenu > .bcl-mega-menu__items {
20339
+ -ms-flex: 1 1 0px;
20340
+ flex: 1 1 0;
20341
+ overflow-y: auto;
20291
20342
  }
20292
- }
20293
- @media (max-width: 991.98px) {
20294
- .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__info,
20295
- .bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__first-submenu {
20296
- display: none;
20343
+ .bcl-mega-menu__submenu > .bcl-mega-menu__items > li > :is(span, a, button) {
20344
+ padding: 0.75rem 1.75rem;
20297
20345
  }
20298
20346
  }
20299
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
20300
- padding: 1rem 1rem;
20301
- margin: 0;
20302
- color: #212529;
20303
- background: rgb(233.2, 235.7, 248.5);
20304
- display: block;
20305
- font-size: 20px;
20347
+ .bcl-mega-menu__submenu > .__see_all {
20348
+ border-top: 1px solid #b9c5e9;
20306
20349
  }
20307
20350
  @media (min-width: 992px) {
20308
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > .panel-title {
20309
- display: none;
20351
+ .bcl-mega-menu__submenu > .__see_all {
20352
+ border-top: 1px solid rgb(211.4, 216.4, 242);
20353
+ margin: 0 1.75rem;
20310
20354
  }
20311
20355
  }
20312
- @media (min-width: 1200px) {
20313
- .bcl-mega-menu__second-submenu > .tab-content > .tab-pane > ul > li > * {
20314
- margin: 0 0.75rem;
20356
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button {
20357
+ padding: 0.75rem 1rem;
20358
+ display: -ms-flexbox;
20359
+ display: flex;
20360
+ -ms-flex-align: center;
20361
+ align-items: center;
20362
+ color: #253ebe;
20363
+ }
20364
+ @media (min-width: 992px) {
20365
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button {
20366
+ padding: 0.75rem 1.75rem;
20367
+ margin: 0 -1.75rem;
20315
20368
  }
20316
20369
  }
20370
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button:hover {
20371
+ background: rgb(233.2, 235.7, 248.5);
20372
+ }
20373
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button > svg {
20374
+ -ms-flex-negative: 0;
20375
+ flex-shrink: 0;
20376
+ }
20377
+ .bcl-mega-menu__submenu > .__see_all > .see-all-button > span {
20378
+ text-overflow: ellipsis;
20379
+ overflow: hidden;
20380
+ display: block;
20381
+ white-space: nowrap;
20382
+ }
20317
20383
 
20318
20384
  @media (max-width: 991.98px) {
20319
20385
  .bcl-mega-menu__submenu > .__header,
@@ -20881,9 +20947,6 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
20881
20947
  padding-bottom: 0;
20882
20948
  }
20883
20949
  }
20884
- .bcl-gallery {
20885
- /* lazyload */
20886
- }
20887
20950
  .bcl-gallery .bcl-gallery__thumbnails {
20888
20951
  border-radius: 0.375rem;
20889
20952
  overflow: hidden;
@@ -21035,6 +21098,9 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
21035
21098
  -o-object-fit: contain;
21036
21099
  object-fit: contain;
21037
21100
  }
21101
+ .bcl-gallery {
21102
+ /* lazyload */
21103
+ }
21038
21104
  .bcl-gallery img:not([src]):not([srcset]) {
21039
21105
  visibility: hidden;
21040
21106
  }
@@ -21136,6 +21202,10 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
21136
21202
  }
21137
21203
 
21138
21204
  /* stylelint-disable no-descending-specificity */
21205
+ .pagination {
21206
+ -ms-flex-wrap: wrap;
21207
+ flex-wrap: wrap;
21208
+ }
21139
21209
  .pagination .page-item .page-link {
21140
21210
  display: -ms-flexbox;
21141
21211
  display: flex;
@@ -21196,4 +21266,75 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
21196
21266
  height: 0;
21197
21267
  }
21198
21268
  }
21269
+ .pagination-v2.pager .pagination {
21270
+ --bs-border-color: transparent;
21271
+ }
21272
+ .pagination-v2 .pagination {
21273
+ --bs-pagination-border-color: transparent;
21274
+ --bs-pagination-disabled-border-color: transparent;
21275
+ --bs-pagination-item-size: 2.75rem;
21276
+ --bs-pagination-hover-bg: #253ebe;
21277
+ --bs-pagination-hover-color: #fff;
21278
+ border-top: 1px solid #ced4da;
21279
+ }
21280
+ .pagination-v2 .pagination .page-item .page-link {
21281
+ display: -ms-inline-flexbox;
21282
+ display: inline-flex;
21283
+ -ms-flex-align: center;
21284
+ align-items: center;
21285
+ -ms-flex-pack: center;
21286
+ justify-content: center;
21287
+ min-width: var(--bs-pagination-item-size);
21288
+ min-height: var(--bs-pagination-item-size);
21289
+ text-decoration: none;
21290
+ }
21291
+ .pagination-v2 .pagination .page-item .page-link:is(div):hover {
21292
+ background-color: transparent;
21293
+ border-color: transparent;
21294
+ color: #253ebe;
21295
+ }
21296
+ .pagination-v2 .pagination .page-item.active .page-link {
21297
+ cursor: default;
21298
+ --bs-pagination-active-bg: #253ebe;
21299
+ --bs-pagination-active-color: #fff;
21300
+ }
21301
+ .pagination-v2 .pagination .page-item.active .page-link:active, .pagination-v2 .pagination .page-item.active .page-link:hover {
21302
+ --bs-pagination-active-bg: #253ebe;
21303
+ color: var(--bs-pagination-active-color);
21304
+ background-color: var(--bs-pagination-active-bg);
21305
+ }
21306
+ @media (max-width: 767.98px) {
21307
+ .pagination-v2 .pagination .page-item.active .page-link:active, .pagination-v2 .pagination .page-item.active .page-link:hover {
21308
+ --bs-pagination-active-bg: $white;
21309
+ --bs-pagination-active-color: $dark;
21310
+ --bs-pagination-active-border-color: transparent;
21311
+ }
21312
+ }
21313
+ @media (max-width: 767.98px) {
21314
+ .pagination-v2 .pagination .page-item.active .page-link {
21315
+ --bs-pagination-active-bg: $white;
21316
+ --bs-pagination-active-color: $dark;
21317
+ --bs-pagination-active-border-color: transparent;
21318
+ }
21319
+ }
21320
+ .pagination-v2 .pagination.pagination--glossary .page-item {
21321
+ margin-right: inherit;
21322
+ }
21323
+ .pagination-v2 .pagination.pagination--glossary .page-item .page-link {
21324
+ border: 1px solid #ced4da;
21325
+ padding: 0.375rem 0.75rem;
21326
+ }
21327
+ .pagination-v2 .pagination.pagination--glossary .page-item .page-link:focus, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:focus-visible {
21328
+ box-shadow: none;
21329
+ outline: 2px solid #253ebe;
21330
+ outline-offset: 2px;
21331
+ }
21332
+ .pagination-v2 {
21333
+ /* Outline the group when any pager control is focused for keyboard users. */
21334
+ }
21335
+ .pagination-v2 .pager__items:focus-within {
21336
+ outline: 2px solid currentColor;
21337
+ outline-offset: 2px;
21338
+ border-radius: 6px;
21339
+ }
21199
21340
  /*# sourceMappingURL=oe-bcl-default.css.map */