@dynamic-framework/ui-react 1.33.0 → 1.35.0

package/dist/css/dynamic-ui.css

@@ -1,5 +1,5 @@
 /*!
- * dynamic-framework 1.33.0
+ * dynamic-framework 1.35.0
  * bootstrap ~5.3.3
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */
@@ -1271,8 +1271,8 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
-  font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
+  font-size: calc(1.275rem + 0.3vw);
 }
 @media (min-width: 1200px) {
   legend {
@@ -1878,7 +1878,7 @@ progress {
 }
 
 .col {
-  flex: 1 0 0%;
+  flex: 1 0 0;
 }
 
 .row-cols-auto > * {
@@ -2337,7 +2337,7 @@ progress {
 
 @media (min-width: 576px) {
   .col-sm {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-sm-auto > * {
     flex: 0 0 auto;
@@ -2706,7 +2706,7 @@ progress {
 }
 @media (min-width: 768px) {
   .col-md {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-md-auto > * {
     flex: 0 0 auto;
@@ -3075,7 +3075,7 @@ progress {
 }
 @media (min-width: 992px) {
   .col-lg {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-lg-auto > * {
     flex: 0 0 auto;
@@ -3444,7 +3444,7 @@ progress {
 }
 @media (min-width: 1200px) {
   .col-xl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xl-auto > * {
     flex: 0 0 auto;
@@ -3813,7 +3813,7 @@ progress {
 }
 @media (min-width: 1400px) {
   .col-xxl {
-    flex: 1 0 0%;
+    flex: 1 0 0;
   }
   .row-cols-xxl-auto > * {
     flex: 0 0 auto;
@@ -4691,7 +4691,7 @@ textarea.form-control-lg {
   background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
   background-repeat: no-repeat;
   background-position: right 1rem center;
-  background-size: 24px;
+  background-size: 16px;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--bs-border-radius-sm);
   box-shadow: none;
@@ -4976,9 +4976,11 @@ textarea.form-control-lg {
   top: 0;
   left: 0;
   z-index: 2;
+  max-width: 100%;
   height: 100%;
   padding: 1rem 1rem;
   overflow: hidden;
+  color: rgba(var(--bs-body-color-rgb), 0.65);
   text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -5003,7 +5005,7 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext::placeholder {
   color: transparent;
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
+.form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
@@ -5021,19 +5023,21 @@ textarea.form-control-lg {
 .form-floating > .form-select {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
+  padding-left: 1rem;
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
+.form-floating > .form-control:not(:-moz-placeholder) ~ label {
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
 .form-floating > .form-control:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
+.form-floating > .form-control:-webkit-autofill ~ label {
+  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > textarea:not(:-moz-placeholder) ~ label::after {
   position: absolute;
   inset: 1rem 0.5rem;
   z-index: -1;
@@ -5042,10 +5046,8 @@ textarea.form-control-lg {
   background-color: var(--bs-white);
   border-radius: var(--bs-border-radius-sm);
 }
-.form-floating > .form-control:focus ~ label::after,
-.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
-.form-floating > .form-control-plaintext ~ label::after,
-.form-floating > .form-select ~ label::after {
+.form-floating > textarea:focus ~ label::after,
+.form-floating > textarea:not(:placeholder-shown) ~ label::after {
   position: absolute;
   inset: 1rem 0.5rem;
   z-index: -1;
@@ -5054,9 +5056,8 @@ textarea.form-control-lg {
   background-color: var(--bs-white);
   border-radius: var(--bs-border-radius-sm);
 }
-.form-floating > .form-control:-webkit-autofill ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
-  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+.form-floating > textarea:disabled ~ label::after {
+  background-color: var(--bs-gray-100);
 }
 .form-floating > .form-control-plaintext ~ label {
   border-width: var(--bs-border-width) 0;
@@ -5065,10 +5066,6 @@ textarea.form-control-lg {
 .form-floating > .form-control:disabled ~ label {
   color: var(--bs-gray-600);
 }
-.form-floating > :disabled ~ label::after,
-.form-floating > .form-control:disabled ~ label::after {
-  background-color: var(--bs-gray-100);
-}
 
 .input-group {
   position: relative;
@@ -5151,7 +5148,7 @@ textarea.form-control-lg {
   border-bottom-right-radius: 0;
 }
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -5215,7 +5212,7 @@ textarea.form-control-lg {
   --bs-form-select-bg-icon: var(--bs-form-feedback-icon-valid);
   padding-right: 5.5rem;
   background-position: right 1rem center, center right 3rem;
-  background-size: 24px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
+  background-size: 16px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
@@ -5305,7 +5302,7 @@ textarea.form-control-lg {
   --bs-form-select-bg-icon: var(--bs-form-feedback-icon-invalid);
   padding-right: 5.5rem;
   background-position: right 1rem center, center right 3rem;
-  background-size: 24px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
+  background-size: 16px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
@@ -5699,7 +5696,7 @@ textarea.form-control-lg {
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -5753,14 +5750,15 @@ textarea.form-control-lg {
 }
 .btn-group-vertical > .btn:not(:first-child),
 .btn-group-vertical > .btn-group:not(:first-child) {
-  margin-top: calc(var(--bs-border-width) * -1);
+  margin-top: calc(-1 * var(--bs-border-width));
 }
 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn:nth-child(n+3),
+.btn-group-vertical > :not(.btn-check) + .btn,
 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -5885,8 +5883,8 @@ textarea.form-control-lg {
 
 .nav-justified > .nav-link,
 .nav-justified .nav-item {
-  flex-basis: 0;
   flex-grow: 1;
+  flex-basis: 0;
   text-align: center;
 }
 
@@ -5988,8 +5986,8 @@ textarea.form-control-lg {
 }
 
 .navbar-collapse {
-  flex-basis: 100%;
   flex-grow: 1;
+  flex-basis: 100%;
   align-items: center;
 }
 
@@ -6490,7 +6488,7 @@ textarea.form-control-lg {
     flex-flow: row wrap;
   }
   .card-group > .card {
-    flex: 1 0 0%;
+    flex: 1 0 0;
     margin-bottom: 0;
   }
   .card-group > .card + .card {
@@ -6501,24 +6499,24 @@ textarea.form-control-lg {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-top,
-  .card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) > .card-img-top,
+  .card-group > .card:not(:last-child) > .card-header {
     border-top-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-bottom,
-  .card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) > .card-img-bottom,
+  .card-group > .card:not(:last-child) > .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-top,
-  .card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) > .card-img-top,
+  .card-group > .card:not(:first-child) > .card-header {
     border-top-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-bottom,
-  .card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) > .card-img-bottom,
+  .card-group > .card:not(:first-child) > .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -6649,10 +6647,9 @@ textarea.form-control-lg {
 .accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
-  border-radius: 0;
-}
-.accordion-flush > .accordion-item > .accordion-collapse {
+.accordion-flush > .accordion-item > .accordion-collapse,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
   border-radius: 0;
 }
 
@@ -6757,7 +6754,7 @@ textarea.form-control-lg {
 }
 
 .page-item:not(:first-child) .page-link {
-  margin-left: calc(0 * -1);
+  margin-left: calc(-1 * 0);
 }
 .page-item:first-child .page-link {
   border-top-left-radius: var(--bs-pagination-border-radius);
@@ -6879,7 +6876,7 @@ textarea.form-control-lg {
 
 @keyframes progress-bar-stripes {
   0% {
-    background-position-x: 1rem;
+    background-position-x: var(--bs-progress-height);
   }
 }
 .progress,
@@ -6974,22 +6971,6 @@ textarea.form-control-lg {
   counter-increment: section;
 }
 
-.list-group-item-action {
-  width: 100%;
-  color: var(--bs-list-group-action-color);
-  text-align: inherit;
-}
-.list-group-item-action:hover, .list-group-item-action:focus {
-  z-index: 1;
-  color: var(--bs-list-group-action-hover-color);
-  text-decoration: none;
-  background-color: var(--bs-list-group-action-hover-bg);
-}
-.list-group-item-action:active {
-  color: var(--bs-list-group-action-active-color);
-  background-color: var(--bs-list-group-action-active-bg);
-}
-
 .list-group-item {
   position: relative;
   display: block;
@@ -7025,6 +7006,22 @@ textarea.form-control-lg {
   border-top-width: var(--bs-list-group-border-width);
 }
 
+.list-group-item-action {
+  width: 100%;
+  color: var(--bs-list-group-action-color);
+  text-align: inherit;
+}
+.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
+  z-index: 1;
+  color: var(--bs-list-group-action-hover-color);
+  text-decoration: none;
+  background-color: var(--bs-list-group-action-hover-bg);
+}
+.list-group-item-action:not(.active):active {
+  color: var(--bs-list-group-action-active-color);
+  background-color: var(--bs-list-group-action-active-bg);
+}
+
 .list-group-horizontal {
   flex-direction: row;
 }
@@ -7284,19 +7281,19 @@ textarea.form-control-lg {
 
 .btn-close {
   --bs-btn-close-color: var(--bs-black);
-  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-black%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-black%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 1;
   --bs-btn-close-hover-opacity: 1;
   --bs-btn-close-focus-shadow: none;
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
-  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0 0;
   color: var(--bs-btn-close-color);
   background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  filter: var(--bs-btn-close-filter);
   border: 0;
   border-radius: 1rem;
   opacity: var(--bs-btn-close-opacity);
@@ -7320,7 +7317,12 @@ textarea.form-control-lg {
 }
 
 .btn-close-white {
-  filter: var(--bs-btn-close-white-filter);
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
+}
+
+:root,
+[data-bs-theme=light] {
+  --bs-btn-close-filter: ;
 }
 
 .toast {
@@ -7397,7 +7399,7 @@ textarea.form-control-lg {
   --bs-modal-width: 500px;
   --bs-modal-padding: var(--bs-ref-spacer-4);
   --bs-modal-margin: 0.5rem;
-  --bs-modal-color: ;
+  --bs-modal-color: var(--bs-body-color);
   --bs-modal-bg: var(--bs-white);
   --bs-modal-border-color: transparent;
   --bs-modal-border-width: var(--bs-border-width);
@@ -7433,8 +7435,8 @@ textarea.form-control-lg {
   pointer-events: none;
 }
 .modal.fade .modal-dialog {
-  transition: transform 0.3s ease-out;
   transform: translate(0, -50px);
+  transition: transform 0.3s ease-out;
 }
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
@@ -7510,7 +7512,10 @@ textarea.form-control-lg {
 }
 .modal-header .btn-close {
   padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
-  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
+  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
+  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
+  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
+  margin-left: auto;
 }
 
 .modal-title {
@@ -8032,6 +8037,7 @@ textarea.form-control-lg {
   color: var(--bs-white);
   text-align: center;
   background: none;
+  filter: var(--bs-carousel-control-icon-filter);
   border: 0;
   opacity: 0.5;
   transition: opacity 0.15s ease;
@@ -8070,11 +8076,11 @@ textarea.form-control-lg {
 }
 
 .carousel-control-prev-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-control-next-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-white%29'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-indicators {
@@ -8100,7 +8106,7 @@ textarea.form-control-lg {
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
-  background-color: var(--bs-white);
+  background-color: var(--bs-carousel-indicator-active-bg);
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
@@ -8124,19 +8130,21 @@ textarea.form-control-lg {
   left: 15%;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
-  color: var(--bs-white);
+  color: var(--bs-carousel-caption-color);
   text-align: center;
 }
 
-.carousel-dark .carousel-control-prev-icon,
-.carousel-dark .carousel-control-next-icon {
-  filter: invert(1) grayscale(100);
-}
-.carousel-dark .carousel-indicators [data-bs-target] {
-  background-color: var(--bs-black);
+.carousel-dark {
+  --bs-carousel-indicator-active-bg: var(--bs-black);
+  --bs-carousel-caption-color: var(--bs-black);
+  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
 }
-.carousel-dark .carousel-caption {
-  color: var(--bs-black);
+
+:root,
+[data-bs-theme=light] {
+  --bs-carousel-indicator-active-bg: var(--bs-white);
+  --bs-carousel-caption-color: var(--bs-white);
+  --bs-carousel-control-icon-filter: ;
 }
 
 .spinner-grow,
@@ -8692,7 +8700,10 @@ textarea.form-control-lg {
 }
 .offcanvas-header .btn-close {
   padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
-  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
+  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
+  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
+  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
+  margin-left: auto;
 }
 
 .offcanvas-title {
@@ -8935,6 +8946,25 @@ body {
   padding-top: var(--bs-accordion-body-padding-top);
 }
 
+.form-switch {
+  --bs-form-switch-width: 2em;
+  --bs-form-switch-padding-start: 2em * -1;
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a7a7b4'/%3e%3c/svg%3e");
+  --bs-form-switch-border-radius: 2em;
+  --bs-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239191d4'/%3e%3c/svg%3e");
+  --bs-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+}
+.form-switch .form-check-input {
+  width: var(--bs-form-switch-width);
+  margin-left: var(--bs-form-switch-padding-start);
+  border-radius: var(--bs-form-switch-border-radius);
+}
+.form-switch .form-check-input:focus {
+  --bs-form-switch-bg: var(--bs-form-switch-focus-bg-image);
+}
+.form-switch .form-check-input:checked {
+  --bs-form-switch-bg: var(--bs-form-switch-checked-bg-image);
+}
 .form-switch .form-check-input.is-valid:not(:checked) {
   --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23198754'/%3e%3c/svg%3e");
 }
@@ -9034,6 +9064,10 @@ body {
 .input-group > .form-floating:not(:first-child) .form-control {
   padding-left: 0;
 }
+.input-group > .form-floating:not(:first-child) .form-select ~ label,
+.input-group > .form-floating:not(:first-child) .form-control ~ label {
+  padding-left: 0;
+}
 
 .input-group > .form-floating:not(:last-child) .form-select {
   padding-right: 2rem;
@@ -9053,9 +9087,17 @@ body {
   --bs-input-disabled-border-color: var(--bs-gray-300);
   --bs-input-disabled-bg: var(--bs-gray-100);
   --bs-input-disabled-color: var(--bs-body-color);
+  --bs-input-group-sm-icon-size: 1rem;
+  --bs-input-group-lg-icon-size: 1.75rem;
   border: var(--bs-input-border-width) solid var(--bs-input-border-color);
   border-radius: var(--bs-input-border-radius);
 }
+.input-group.input-group-sm .d-icon {
+  --bs-icon-component-size: var(--bs-input-group-sm-icon-size);
+}
+.input-group.input-group-lg .d-icon {
+  --bs-icon-component-size: var(--bs-input-group-lg-icon-size);
+}
 .input-group:focus-within {
   border-color: var(--bs-input-focus-border-color);
   box-shadow: var(--bs-input-focus-box-shadow);
@@ -9067,7 +9109,7 @@ body {
   box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
 }
 .input-group:has(.form-control.is-valid, .form-select.is-valid) ~ .form-text {
-  color: var(--bs-form-valid-border-color);
+  color: var(--bs-form-valid-color);
 }
 .input-group:has(.form-control.is-valid, .form-select.is-valid) .input-group-validation-icon {
   --bs-icon-color: var(--bs-success);
@@ -9079,7 +9121,7 @@ body {
   box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
 }
 .input-group:has(.form-control.is-invalid, .form-select.is-invalid) ~ .form-text {
-  color: var(--bs-form-invalid-border-color);
+  color: var(--bs-form-invalid-color);
 }
 .input-group:has(.form-control.is-invalid, .form-select.is-invalid) .input-group-validation-icon {
   --bs-icon-color: var(--bs-danger);
@@ -10118,6 +10160,7 @@ label .d-icon {
 
 .toast {
   --bs-toast-header-gap: var(--bs-ref-spacer-2);
+  --bs-toast-body-gap: var(--bs-ref-spacer-2);
   --bs-toast-color: var(--bs-gray-900);
   --bs-toast-close-color: var(--bs-gray-900);
   --bs-toast-header-color: var(--bs-gray-900);
@@ -10131,6 +10174,7 @@ label .d-icon {
 }
 .toast .toast-body {
   display: flex;
+  gap: var(--bs-toast-body-gap);
   align-items: center;
   justify-content: space-between;
 }
@@ -10326,7 +10370,6 @@ label .d-icon {
 .nav-pills,
 .nav-underline {
   gap: var(--bs-nav-tabs-nav-gap);
-  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
 }
 .nav-pills.flex-column,
 .nav-underline.flex-column {
@@ -10533,9 +10576,10 @@ label .d-icon {
 }
 .d-input-pin {
   --bs-input-pin-form-gap: var(--bs-ref-spacer-1);
-  --bs-input-pin-form-control-size: 4rem;
   --bs-input-pin-form-control-focus-border-color: var(--bs-focus-ring-border-color);
   --bs-input-pin-form-control-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
+  --bs-input-pin-form-control-min-width: 2rem;
+  --bs-input-pin-form-control-max-width: 4rem;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -10547,13 +10591,14 @@ label .d-icon {
   width: 100%;
 }
 .d-input-pin .form-control {
-  width: var(--bs-input-pin-form-control-size);
-  height: var(--bs-input-pin-form-control-size);
+  min-width: var(--bs-input-pin-form-control-min-width);
+  max-width: var(--bs-input-pin-form-control-max-width);
+  aspect-ratio: 1;
   text-align: center;
   box-shadow: none;
 }
 .d-input-pin .form-control:has(~ .input-group-text) {
-  padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4);
+  padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-3);
 }
 .d-input-pin .form-control::-webkit-inner-spin-button,
 .d-input-pin .form-control::-webkit-outer-spin-button {
@@ -10613,15 +10658,13 @@ label .d-icon {
   --bs-btn-sm-padding-y: var(--bs-ref-spacer-2);
   --bs-btn-sm-padding-x: var(--bs-ref-spacer-2);
 }
-
-.btn-lg, .btn-group-lg > .btn {
+.d-button-icon.btn-lg, .btn-group-lg > .d-button-icon.btn {
   --bs-btn-padding-y: var(--bs-btn-lg-padding-y);
   --bs-btn-padding-x: var(--bs-btn-lg-padding-x);
   --bs-btn-font-size: var(--bs-btn-lg-font-size);
   --bs-btn-border-radius: var(--bs-btn-lg-border-radius);
 }
-
-.btn-sm, .btn-group-sm > .btn {
+.d-button-icon.btn-sm, .btn-group-sm > .d-button-icon.btn {
   --bs-btn-padding-y: var(--bs-btn-sm-padding-y);
   --bs-btn-padding-x: var(--bs-btn-sm-padding-x);
   --bs-btn-font-size: var(--bs-btn-sm-font-size);
@@ -10675,12 +10718,14 @@ label .d-icon {
   border-radius: var(--bs-quick-action-button-border-radius);
   box-shadow: var(--bs-quick-action-button-box-shadow);
 }
-.d-quick-action-button:hover {
+.d-quick-action-button.d-quick-action-button-feedback:hover {
+  text-decoration: none;
   background: var(--bs-quick-action-button-hover-bg);
   border-color: var(--bs-quick-action-button-hover-border-color);
   box-shadow: var(--bs-quick-action-button-hover-box-shadow);
 }
-.d-quick-action-button:active {
+.d-quick-action-button.d-quick-action-button-feedback:active {
+  text-decoration: none;
   background: var(--bs-quick-action-button-active-bg);
   border-color: var(--bs-quick-action-button-active-border-color);
   box-shadow: var(--bs-quick-action-button-active-box-shadow);
@@ -10701,8 +10746,8 @@ label .d-icon {
 }
 .d-quick-action-button .d-quick-action-button-text {
   display: flex;
-  flex-direction: column;
   flex-grow: 1;
+  flex-direction: column;
 }
 .d-quick-action-button .d-quick-action-button-action-link,
 .d-quick-action-button .d-quick-action-button-secondary-action-link {
@@ -10816,8 +10861,8 @@ label .d-icon {
 }
 .d-quick-action-check .d-quick-action-check-detail {
   display: flex;
-  flex-direction: column;
   flex-grow: 1;
+  flex-direction: column;
 }
 .d-quick-action-check .d-quick-action-check-line1 {
   font-size: var(--bs-quick-action-check-line1-font-size);
@@ -11051,139 +11096,101 @@ label .d-icon {
   font-weight: var(--bs-collapse-icon-text-header-font-weight);
 }
 
-.react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
-  border-color: #ccc;
-  border-style: solid;
-  border-width: 3px 3px 0 0;
-  content: "";
-  display: block;
-  height: 9px;
-  position: absolute;
-  top: 6px;
-  width: 9px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  margin-left: -4px;
-  position: absolute;
-  width: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  box-sizing: content-box;
-  position: absolute;
-  border: 8px solid transparent;
-  height: 0;
-  width: 1px;
-  content: "";
-  z-index: -1;
-  border-width: 8px;
-  left: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  border-bottom-color: #aeaeae;
-}
-
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  top: 0;
-  margin-top: -8px;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  border-top: none;
-  border-bottom-color: #f0f0f0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  top: 0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  top: -1px;
-  border-bottom-color: #aeaeae;
-}
-
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
-  bottom: 0;
-  margin-bottom: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  border-bottom: none;
-  border-top-color: #fff;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  bottom: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
-  bottom: -1px;
-  border-top-color: #aeaeae;
-}
-
+/* stylelint-disable */
 .react-datepicker-wrapper {
   display: inline-block;
   padding: 0;
   border: 0;
+  width: 100%;
+  margin-inline: auto;
 }
 
 .react-datepicker {
-  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
-  font-size: 0.8rem;
-  background-color: #fff;
-  color: #000;
-  border: 1px solid #aeaeae;
-  border-radius: 0.3rem;
+  --bs-datepicker-bg: var(--bs-white);
+  --bs-datepicker-border-color: var(--bs-gray-400);
+  --bs-datepicker-border: 1px solid var(--bs-gray-400);
+  --bs-datepicker-border-radius: var(--bs-border-radius-sm);
+  --bs-datepicker-header-bg: var(--bs-gray-100);
+  --bs-datepicker-header-border-bottom: 1px solid var(--bs-gray-400);
+  --bs-datepicker-header-padding: var(--bs-ref-spacer-2) 0;
+  --bs-datepicker-header-font-weight: var(--bs-fw-bold);
+  --bs-datepicker-day-names-color: var(--bs-body-color);
+  --bs-datepicker-day-names-font-size: var(--bs-fs-small);
+  --bs-datepicker-body-margin: var(--bs-ref-spacer-2);
+  --bs-datepicker-body-gap: var(--bs-ref-spacer-2);
+  --bs-datepicker-highlighted-color: inherit;
+  --bs-datepicker-highlighted-bg: transparent;
+  --bs-datepicker-highlighted-border-radius: unset;
+  --bs-datepicker-holidays-color: inherit;
+  --bs-datepicker-holidays-bg: transparent;
+  --bs-datepicker-holidays-border-radius: unset;
+  --bs-datepicker-day-border-radius: 0.25rem;
+  --bs-datepicker-day-outside-month-color: var(--bs-gray-700);
+  --bs-datepicker-day-bg: var(--bs-secondary);
+  --bs-datepicker-day-hover-bg: var(--bs-gray-100);
+  --bs-datepicker-day-width: var(--bs-ref-spacer-7);
+  --bs-datepicker-day-selected-color: var(--bs-white);
+  --bs-datepicker-day-selected-bg: var(--bs-secondary);
+  --bs-datepicker-day-disabled-color: var(--bs-gray-400);
+  --bs-datepicker-week-number-color: var(--bs-datepicker-day-disabled-color);
+  --bs-datepicker-week-number-bg: var(--bs-white);
+  --bs-datepicker-week-number-selected-color: var(--bs-datepicker-day-selected-color);
+  --bs-datepicker-week-number-selected-bg: var(--bs-datepicker-day-selected-bg);
+  --bs-datepicker-week-number-hover-bg: var(--bs-datepicker-day-hover-bg);
+  --bs-datepicker-week-number-hover-color: var(--bs-body-color);
+  --bs-datepicker-week-number-border-radius: 0.25rem;
+  --bs-datepicker-range-start-color: var(--bs-white);
+  --bs-datepicker-range-start-bg: var(--bs-secondary-600);
+  --bs-datepicker-range-end-color: var(--bs-white);
+  --bs-datepicker-range-end-bg: var(--bs-secondary-600);
+  --bs-datepicker-in-range-bg: var(--bs-secondary-200);
+  --bs-datepicker-range-color: var(--bs-body-color);
+  --bs-datepicker-in-range-hover-bg: var(--bs-secondary-400);
+  --bs-datepicker-in-range-disabled-color: var(--bs-secondary-300);
+  --bs-datepicker-in-range-disabled-bg: var(--bs-gray-300);
+  --bs-datepicker-portal-bg: rgba(var(--bs-black-rgb), 0.3);
+  background-color: var(--bs-datepicker-bg);
+  border: var(--bs-datepicker-border);
+  border-radius: var(--bs-datepicker-border-radius);
   display: inline-block;
   position: relative;
+  line-height: initial;
+  overflow: hidden;
 }
 
-.react-datepicker--time-only .react-datepicker__triangle {
-  left: 35px;
-}
 .react-datepicker--time-only .react-datepicker__time-container {
   border-left: 0;
 }
 .react-datepicker--time-only .react-datepicker__time,
 .react-datepicker--time-only .react-datepicker__time-box {
-  border-bottom-left-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem;
-}
-
-.react-datepicker__triangle {
-  position: absolute;
-  left: 50px;
+  border-bottom-left-radius: var(--bs-datepicker-border-radius);
+  border-bottom-right-radius: var(--bs-datepicker-border-radius);
 }
 
 .react-datepicker-popper {
   z-index: 1;
+  line-height: 0;
 }
-.react-datepicker-popper[data-placement^=bottom] {
-  padding-top: 10px;
-}
-.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
-  left: auto;
-  right: 50px;
-}
-.react-datepicker-popper[data-placement^=top] {
-  padding-bottom: 10px;
-}
-.react-datepicker-popper[data-placement^=right] {
-  padding-left: 8px;
-}
-.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
-  left: auto;
-  right: 42px;
+.react-datepicker-popper .react-datepicker__triangle {
+  --bs-datepicker-border-color: var(--bs-gray-400);
+  stroke: var(--bs-datepicker-border-color);
 }
-.react-datepicker-popper[data-placement^=left] {
-  padding-right: 8px;
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
+  --bs-datepicker-header-bg: var(--bs-gray-100);
+  fill: var(--bs-datepicker-header-bg);
+  color: var(--bs-datepicker-header-bg);
 }
-.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
-  left: 42px;
-  right: auto;
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
+  --bs-datepicker-header-bg: var(--bs-white);
+  fill: var(--bs-datepicker-header-bg);
+  color: var(--bs-datepicker-header-bg);
 }
 
 .react-datepicker__header {
   text-align: center;
-  background-color: #f0f0f0;
-  border-bottom: 1px solid #aeaeae;
-  border-top-left-radius: 0.3rem;
-  padding: 8px 0;
+  background-color: var(--bs-datepicker-header-bg);
+  border-bottom: var(--bs-datepicker-header-border-bottom);
+  padding: var(--bs-datepicker-header-padding);
   position: relative;
 }
 .react-datepicker__header--time {
@@ -11194,97 +11201,72 @@ label .d-icon {
 .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
   border-top-left-radius: 0;
 }
-.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
-  border-top-right-radius: 0.3rem;
+.react-datepicker__header-selector {
+  display: flex;
+  align-items: center;
+  gap: var(--bs-ref-spacer-1);
 }
-
-.react-datepicker__year-dropdown-container--select,
-.react-datepicker__month-dropdown-container--select,
-.react-datepicker__month-year-dropdown-container--select,
-.react-datepicker__year-dropdown-container--scroll,
-.react-datepicker__month-dropdown-container--scroll,
-.react-datepicker__month-year-dropdown-container--scroll {
-  display: inline-block;
-  margin: 0 15px;
+.react-datepicker__header-selector .d-select {
+  --bs-select-option-selected-bg: var(--bs-datepicker-bg);
+  --bs-select-option-selected-color: var(--bs-datepicker-text-color);
 }
-
-.react-datepicker__current-month,
-.react-datepicker-time__header,
-.react-datepicker-year-header {
-  margin-top: 0;
-  color: #000;
-  font-weight: bold;
-  font-size: 0.944rem;
+.react-datepicker__header-selector .d-select .d-select__control {
+  padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
 }
-
-.react-datepicker-time__header {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.react-datepicker__header-selector .d-select .d-select__menu-list {
+  border: var(--bs-datepicker-border);
+  line-height: var(--bs-ref-spacer-8);
+  max-height: 7lh;
 }
-
-.react-datepicker__navigation {
-  align-items: center;
-  background: none;
-  display: flex;
-  justify-content: center;
-  text-align: center;
-  cursor: pointer;
-  position: absolute;
-  top: 2px;
-  padding: 0;
-  border: none;
-  z-index: 1;
-  height: 32px;
-  width: 32px;
-  text-indent: -999em;
-  overflow: hidden;
+.react-datepicker__header-selector .d-select .d-select__option {
+  padding: var(--bs-ref-spacer-1) var(--bs-ref-spacer-2);
+  line-height: var(--bs-ref-spacer-8);
+  text-align: start;
+}
+.react-datepicker__header-selector .d-select .d-select__option--is-selected {
+  font-weight: bold;
 }
-.react-datepicker__navigation--previous {
-  left: 2px;
+.react-datepicker__header-selector .d-select .d-select__option--is-selected:hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
 }
-.react-datepicker__navigation--next {
-  right: 2px;
+.react-datepicker__header-selector .d-select.custom-year-selector .d-select__single-value {
+  width: 4ch;
 }
-.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
-  right: 85px;
+.react-datepicker__header-selector p {
+  margin: 0;
+  font-weight: bold;
 }
-.react-datepicker__navigation--years {
-  position: relative;
-  top: 0;
-  display: block;
-  margin-left: auto;
+.react-datepicker__header-selector .header-button:first-child {
+  padding: var(--bs-ref-spacer-1);
+  margin-left: var(--bs-ref-spacer-1);
   margin-right: auto;
 }
-.react-datepicker__navigation--years-previous {
-  top: 4px;
+.react-datepicker__header-selector .header-button:last-child {
+  padding: var(--bs-ref-spacer-1);
+  margin-right: var(--bs-ref-spacer-1);
+  margin-left: auto;
 }
-.react-datepicker__navigation--years-upcoming {
-  top: -4px;
+.react-datepicker__header-day-selector {
+  margin-bottom: var(--bs-ref-spacer-4);
 }
-.react-datepicker__navigation:hover *::before {
-  border-color: #a6a6a6;
+.react-datepicker__header-day-selector .custom-month-selector .d-select__single-value {
+  text-align: start;
+  min-width: 10ch;
 }
 
-.react-datepicker__navigation-icon {
-  position: relative;
-  top: -1px;
-  font-size: 20px;
-  width: 0;
-}
-.react-datepicker__navigation-icon--next {
-  left: -2px;
-}
-.react-datepicker__navigation-icon--next::before {
-  transform: rotate(45deg);
-  left: -7px;
-}
-.react-datepicker__navigation-icon--previous {
-  right: -2px;
+.react-datepicker__current-month,
+.react-datepicker-time__header,
+.react-datepicker-year-header {
+  margin-top: 0;
+  color: var(--bs-datepicker-text-color);
+  font-weight: var(--bs-datepicker-header-font-weight);
+  font-size: var(--bs-datepicker-font-size);
 }
-.react-datepicker__navigation-icon--previous::before {
-  transform: rotate(225deg);
-  right: -7px;
+
+.react-datepicker-time__header {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .react-datepicker__month-container {
@@ -11292,218 +11274,219 @@ label .d-icon {
 }
 
 .react-datepicker__year {
-  margin: 0.4rem;
+  margin: var(--bs-datepicker-body-margin);
   text-align: center;
 }
 .react-datepicker__year-wrapper {
   display: flex;
   flex-wrap: wrap;
-  max-width: 180px;
+  max-width: calc(12rem + var(--bs-datepicker-body-gap) * 2);
+  gap: var(--bs-datepicker-body-gap);
 }
 .react-datepicker__year .react-datepicker__year-text {
   display: inline-block;
   width: 4rem;
-  margin: 2px;
 }
 
-.react-datepicker__month {
-  margin: 0.4rem;
+.react-datepicker__month,
+.react-datepicker__quarter {
+  margin: var(--bs-datepicker-body-margin);
   text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-datepicker-body-gap);
+}
+.react-datepicker__month-wrapper,
+.react-datepicker__quarter-wrapper {
+  display: flex;
+  flex: 1;
+  gap: var(--bs-datepicker-body-gap);
 }
 .react-datepicker__month .react-datepicker__month-text,
-.react-datepicker__month .react-datepicker__quarter-text {
+.react-datepicker__quarter .react-datepicker__month-text {
   display: inline-block;
-  width: 4rem;
-  margin: 2px;
-}
-
-.react-datepicker__input-time-container {
-  clear: both;
-  width: 100%;
-  float: left;
-  margin: 5px 0 10px 15px;
-  text-align: left;
+  width: 10ch;
+  flex: 1;
 }
-.react-datepicker__input-time-container .react-datepicker-time__caption {
+.react-datepicker__month .react-datepicker__quarter-text,
+.react-datepicker__quarter .react-datepicker__quarter-text {
   display: inline-block;
+  width: 6ch;
 }
-.react-datepicker__input-time-container .react-datepicker-time__input-container {
+
+.react-datepicker__week-number {
+  color: var(--bs-datepicker-week-number-color);
   display: inline-block;
+  width: var(--bs-datepicker-day-width);
+  line-height: var(--bs-datepicker-day-width);
+  text-align: center;
+  font-size: var(--bs-datepicker-day-names-font-size);
 }
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
-  display: inline-block;
-  margin-left: 10px;
+.react-datepicker__week-number.react-datepicker__week-number--clickable {
+  cursor: pointer;
+  color: var(--bs-body-color);
 }
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
-  width: auto;
+.react-datepicker__week-number.react-datepicker__week-number--clickable.react-datepicker__week-number--selected {
+  border-radius: var(--bs-datepicker-week-number-border-radius);
+  background-color: var(--bs-datepicker-week-number-selected-bg);
+  color: var(--bs-datepicker-week-number-selected-color);
 }
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
+.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
+  border-radius: var(--bs-datepicker-week-number-border-radius);
+  background-color: var(--bs-datepicker-week-number-hover-bg);
+  color: var(--bs-datepicker-week-number-hover-color);
+}
+
+.react-datepicker__day-names {
+  white-space: nowrap;
+  display: inline-flex;
+  gap: var(--bs-datepicker-body-gap);
 }
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
-  -moz-appearance: textfield;
+
+.react-datepicker__week {
+  white-space: nowrap;
+  display: inline-flex;
+  gap: var(--bs-datepicker-body-gap);
+  align-self: center;
+  align-items: center;
 }
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
-  margin-left: 5px;
+
+.react-datepicker__day-name,
+.react-datepicker__day,
+.react-datepicker__time-name {
+  color: var(--bs-datepicker-day-names-color);
   display: inline-block;
+  text-align: center;
+  width: var(--bs-datepicker-day-width);
+  line-height: var(--bs-datepicker-day-width);
+  font-size: var(--bs-datepicker-day-names-font-size);
 }
 
-.react-datepicker__time-container {
-  float: right;
-  border-left: 1px solid #aeaeae;
-  width: 85px;
+.react-datepicker__day--outside-month {
+  color: var(--bs-datepicker-day-outside-month-color);
 }
-.react-datepicker__time-container--with-today-button {
-  display: inline;
-  border: 1px solid #aeaeae;
-  border-radius: 0.3rem;
-  position: absolute;
-  right: -87px;
-  top: 0;
+
+.react-datepicker__day {
+  cursor: pointer;
 }
-.react-datepicker__time-container .react-datepicker__time {
-  position: relative;
-  background: white;
-  border-bottom-right-radius: 0.3rem;
+.react-datepicker__day:not([aria-disabled=true], .react-datepicker__day--selected):hover {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-day-hover-bg);
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
-  width: 85px;
-  overflow-x: hidden;
-  margin: 0 auto;
-  text-align: center;
-  border-bottom-right-radius: 0.3rem;
+.react-datepicker__day--today {
+  font-weight: bold;
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
-  list-style: none;
-  margin: 0;
-  height: calc(195px + 1.7rem / 2);
-  overflow-y: scroll;
-  padding-right: 0;
-  padding-left: 0;
-  width: 100%;
-  box-sizing: content-box;
+.react-datepicker__day--highlighted {
+  border-radius: var(--bs-datepicker-highlighted-border-radius);
+  background-color: var(--bs-datepicker-highlighted-bg);
+  color: var(--bs-datepicker-highlighted-color);
+}
+.react-datepicker__day--highlighted:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
-  height: 30px;
-  padding: 5px 10px;
+.react-datepicker__day--holidays {
+  position: relative;
+  border-radius: var(--bs-datepicker-holidays-border-radius);
+  background-color: var(--bs-datepicker-holidays-bg);
+  color: var(--bs-datepicker-holidays-color);
+}
+.react-datepicker__day--holidays .overlay {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
   white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
-  cursor: pointer;
-  background-color: #f0f0f0;
+.react-datepicker__day--holidays:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
-  background-color: #216ba5;
-  color: white;
-  font-weight: bold;
+.react-datepicker__day--holidays:hover .overlay {
+  visibility: visible;
+  opacity: 1;
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
-  background-color: #216ba5;
+.react-datepicker__day--selected {
+  color: var(--bs-datepicker-day-selected-color);
+  background-color: var(--bs-datepicker-day-selected-bg);
+  border-radius: var(--bs-datepicker-day-border-radius);
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
-  color: #ccc;
+.react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-in-range-bg);
+  color: var(--bs-datepicker-range-color);
 }
-.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
-  cursor: default;
-  background-color: transparent;
+.react-datepicker__day--in-range[aria-disabled=true], .react-datepicker__day--in-selecting-range[aria-disabled=true] {
+  background-color: var(--bs-datepicker-in-range-disabled-bg);
+  color: var(--bs-datepicker-in-range-disabled-color);
 }
-
-.react-datepicker__week-number {
-  color: #ccc;
-  display: inline-block;
-  width: 1.7rem;
-  line-height: 1.7rem;
-  text-align: center;
-  margin: 0.166rem;
+.react-datepicker__day--in-range:not(.react-datepicker__day--range-start,
+.react-datepicker__day--range-end,
+.react-datepicker__day--disabled):hover, .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--range-start,
+.react-datepicker__day--range-end,
+.react-datepicker__day--disabled):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
 }
-.react-datepicker__week-number.react-datepicker__week-number--clickable {
-  cursor: pointer;
+.react-datepicker__day--in-range:is(.react-datepicker__day--range-start, .react-datepicker__day--range-end):hover, .react-datepicker__day--in-selecting-range:is(.react-datepicker__day--range-start, .react-datepicker__day--range-end):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
 }
-.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
-  border-radius: 0.3rem;
-  background-color: #f0f0f0;
+.react-datepicker__day--range-start:not(.react-datepicker__day--disabled) {
+  color: var(--bs-datepicker-range-start-color);
+  background-color: var(--bs-datepicker-range-start-bg);
 }
-
-.react-datepicker__day-names,
-.react-datepicker__week {
-  white-space: nowrap;
+.react-datepicker__day--range-end:not(.react-datepicker__day--disabled) {
+  color: var(--bs-datepicker-range-end-color);
+  background-color: var(--bs-datepicker-range-end-bg);
 }
-
-.react-datepicker__day-names {
-  margin-bottom: -8px;
+.react-datepicker__day--disabled {
+  cursor: default;
+  color: var(--bs-datepicker-day-disabled-color);
 }
-
-.react-datepicker__day-name,
-.react-datepicker__day,
-.react-datepicker__time-name {
-  color: #000;
-  display: inline-block;
-  width: 1.7rem;
-  line-height: 1.7rem;
-  text-align: center;
-  margin: 0.166rem;
+.react-datepicker__day--disabled .overlay {
+  position: absolute;
+  bottom: 70%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
 
-.react-datepicker__day,
-.react-datepicker__month-text,
-.react-datepicker__quarter-text,
-.react-datepicker__year-text {
+.react-datepicker__month-text {
   cursor: pointer;
 }
-.react-datepicker__day:hover,
-.react-datepicker__month-text:hover,
-.react-datepicker__quarter-text:hover,
-.react-datepicker__year-text:hover {
-  border-radius: 0.3rem;
-  background-color: #f0f0f0;
+.react-datepicker__month-text:not([aria-disabled=true], .react-datepicker__month-text--selected):hover {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-day-hover-bg);
 }
-.react-datepicker__day--today,
-.react-datepicker__month-text--today,
-.react-datepicker__quarter-text--today,
-.react-datepicker__year-text--today {
+.react-datepicker__month-text--today {
   font-weight: bold;
 }
-.react-datepicker__day--highlighted,
-.react-datepicker__month-text--highlighted,
-.react-datepicker__quarter-text--highlighted,
-.react-datepicker__year-text--highlighted {
-  border-radius: 0.3rem;
-  background-color: #3dcc4a;
-  color: #fff;
+.react-datepicker__month-text--highlighted {
+  border-radius: var(--bs-datepicker-highlighted-border-radius);
+  background-color: var(--bs-datepicker-highlighted-bg);
+  color: var(--bs-datepicker-highlighted-color);
 }
-.react-datepicker__day--highlighted:hover,
-.react-datepicker__month-text--highlighted:hover,
-.react-datepicker__quarter-text--highlighted:hover,
-.react-datepicker__year-text--highlighted:hover {
-  background-color: #32be3f;
-}
-.react-datepicker__day--highlighted-custom-1,
-.react-datepicker__month-text--highlighted-custom-1,
-.react-datepicker__quarter-text--highlighted-custom-1,
-.react-datepicker__year-text--highlighted-custom-1 {
-  color: magenta;
-}
-.react-datepicker__day--highlighted-custom-2,
-.react-datepicker__month-text--highlighted-custom-2,
-.react-datepicker__quarter-text--highlighted-custom-2,
-.react-datepicker__year-text--highlighted-custom-2 {
-  color: green;
-}
-.react-datepicker__day--holidays,
-.react-datepicker__month-text--holidays,
-.react-datepicker__quarter-text--holidays,
-.react-datepicker__year-text--holidays {
+.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
+}
+.react-datepicker__month-text--holidays {
   position: relative;
-  border-radius: 0.3rem;
-  background-color: #ff6803;
-  color: #fff;
+  border-radius: var(--bs-datepicker-holidays-border-radius);
+  background-color: var(--bs-datepicker-holidays-bg);
+  color: var(--bs-datepicker-holidays-color);
 }
-.react-datepicker__day--holidays .holiday-overlay,
-.react-datepicker__month-text--holidays .holiday-overlay,
-.react-datepicker__quarter-text--holidays .holiday-overlay,
-.react-datepicker__year-text--holidays .holiday-overlay {
+.react-datepicker__month-text--holidays .overlay {
   position: absolute;
   bottom: 100%;
   left: 50%;
@@ -11517,289 +11500,283 @@ label .d-icon {
   opacity: 0;
   transition: visibility 0s, opacity 0.3s ease-in-out;
 }
-.react-datepicker__day--holidays:hover,
-.react-datepicker__month-text--holidays:hover,
-.react-datepicker__quarter-text--holidays:hover,
-.react-datepicker__year-text--holidays:hover {
-  background-color: #cf5300;
+.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
 }
-.react-datepicker__day--holidays:hover .holiday-overlay,
-.react-datepicker__month-text--holidays:hover .holiday-overlay,
-.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
-.react-datepicker__year-text--holidays:hover .holiday-overlay {
+.react-datepicker__month-text--holidays:hover .overlay {
   visibility: visible;
   opacity: 1;
 }
-.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
-.react-datepicker__month-text--selected,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__month-text--in-range,
-.react-datepicker__quarter-text--selected,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__quarter-text--in-range,
-.react-datepicker__year-text--selected,
-.react-datepicker__year-text--in-selecting-range,
-.react-datepicker__year-text--in-range {
-  border-radius: 0.3rem;
-  background-color: #216ba5;
-  color: #fff;
+.react-datepicker__month-text--selected {
+  color: var(--bs-datepicker-day-selected-color);
+  background-color: var(--bs-datepicker-day-selected-bg);
+  border-radius: var(--bs-datepicker-day-border-radius);
 }
-.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
-.react-datepicker__month-text--selected:hover,
-.react-datepicker__month-text--in-selecting-range:hover,
-.react-datepicker__month-text--in-range:hover,
-.react-datepicker__quarter-text--selected:hover,
-.react-datepicker__quarter-text--in-selecting-range:hover,
-.react-datepicker__quarter-text--in-range:hover,
-.react-datepicker__year-text--selected:hover,
-.react-datepicker__year-text--in-selecting-range:hover,
-.react-datepicker__year-text--in-range:hover {
-  background-color: #1d5d90;
-}
-.react-datepicker__day--keyboard-selected,
-.react-datepicker__month-text--keyboard-selected,
-.react-datepicker__quarter-text--keyboard-selected,
-.react-datepicker__year-text--keyboard-selected {
-  border-radius: 0.3rem;
-  background-color: #bad9f1;
-  color: rgb(0, 0, 0);
-}
-.react-datepicker__day--keyboard-selected:hover,
-.react-datepicker__month-text--keyboard-selected:hover,
-.react-datepicker__quarter-text--keyboard-selected:hover,
-.react-datepicker__year-text--keyboard-selected:hover {
-  background-color: #1d5d90;
-}
-.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
-.react-datepicker__month-text--in-range,
-.react-datepicker__quarter-text--in-range,
-.react-datepicker__year-text--in-range),
-.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
-.react-datepicker__month-text--in-range,
-.react-datepicker__quarter-text--in-range,
-.react-datepicker__year-text--in-range),
-.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
-.react-datepicker__month-text--in-range,
-.react-datepicker__quarter-text--in-range,
-.react-datepicker__year-text--in-range),
-.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
-.react-datepicker__month-text--in-range,
-.react-datepicker__quarter-text--in-range,
-.react-datepicker__year-text--in-range) {
-  background-color: rgba(33, 107, 165, 0.5);
-}
-.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__year-text--in-selecting-range) {
-  background-color: #f0f0f0;
-  color: #000;
-}
-.react-datepicker__day--disabled,
-.react-datepicker__month-text--disabled,
-.react-datepicker__quarter-text--disabled,
-.react-datepicker__year-text--disabled {
+.react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-in-range-bg);
+  color: var(--bs-datepicker-range-color);
+}
+.react-datepicker__month-text--in-range[aria-disabled=true], .react-datepicker__month-text--in-selecting-range[aria-disabled=true] {
+  background-color: var(--bs-datepicker-in-range-disabled-bg);
+  color: var(--bs-datepicker-in-range-disabled-color);
+}
+.react-datepicker__month-text--in-range:not(.react-datepicker__month-text--range-start,
+.react-datepicker__month-text--range-end,
+.react-datepicker__month-text--disabled):hover, .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__month-text--range-start,
+.react-datepicker__month-text--range-end,
+.react-datepicker__month-text--disabled):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
+}
+.react-datepicker__month-text--in-range:is(.react-datepicker__month-text--range-start, .react-datepicker__month-text--range-end):hover, .react-datepicker__month-text--in-selecting-range:is(.react-datepicker__month-text--range-start, .react-datepicker__month-text--range-end):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
+}
+.react-datepicker__month-text--range-start:not(.react-datepicker__month-text--disabled) {
+  color: var(--bs-datepicker-range-start-color);
+  background-color: var(--bs-datepicker-range-start-bg);
+}
+.react-datepicker__month-text--range-end:not(.react-datepicker__month-text--disabled) {
+  color: var(--bs-datepicker-range-end-color);
+  background-color: var(--bs-datepicker-range-end-bg);
+}
+.react-datepicker__month-text--disabled {
   cursor: default;
-  color: #ccc;
+  color: var(--bs-datepicker-day-disabled-color);
 }
-.react-datepicker__day--disabled:hover,
-.react-datepicker__month-text--disabled:hover,
-.react-datepicker__quarter-text--disabled:hover,
-.react-datepicker__year-text--disabled:hover {
-  background-color: transparent;
+.react-datepicker__month-text--disabled .overlay {
+  position: absolute;
+  bottom: 70%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
 
-.react-datepicker__input-container {
+.react-datepicker__quarter-text {
+  cursor: pointer;
+}
+.react-datepicker__quarter-text:not([aria-disabled=true], .react-datepicker__quarter-text--selected):hover {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-day-hover-bg);
+}
+.react-datepicker__quarter-text--today {
+  font-weight: bold;
+}
+.react-datepicker__quarter-text--highlighted {
+  border-radius: var(--bs-datepicker-highlighted-border-radius);
+  background-color: var(--bs-datepicker-highlighted-bg);
+  color: var(--bs-datepicker-highlighted-color);
+}
+.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
+}
+.react-datepicker__quarter-text--holidays {
   position: relative;
-  display: inline-block;
-  width: 100%;
+  border-radius: var(--bs-datepicker-holidays-border-radius);
+  background-color: var(--bs-datepicker-holidays-bg);
+  color: var(--bs-datepicker-holidays-color);
 }
-.react-datepicker__input-container .react-datepicker__calendar-icon {
+.react-datepicker__quarter-text--holidays .overlay {
   position: absolute;
-  padding: 0.5rem;
-  box-sizing: content-box;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
-
-.react-datepicker__view-calendar-icon input {
-  padding: 6px 10px 5px 25px;
+.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
 }
-
-.react-datepicker__year-read-view,
-.react-datepicker__month-read-view,
-.react-datepicker__month-year-read-view {
-  border: 1px solid transparent;
-  border-radius: 0.3rem;
-  position: relative;
+.react-datepicker__quarter-text--holidays:hover .overlay {
+  visibility: visible;
+  opacity: 1;
 }
-.react-datepicker__year-read-view:hover,
-.react-datepicker__month-read-view:hover,
-.react-datepicker__month-year-read-view:hover {
-  cursor: pointer;
+.react-datepicker__quarter-text--selected {
+  color: var(--bs-datepicker-day-selected-color);
+  background-color: var(--bs-datepicker-day-selected-bg);
+  border-radius: var(--bs-datepicker-day-border-radius);
 }
-.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
-  border-top-color: #b3b3b3;
-}
-.react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow {
-  transform: rotate(135deg);
-  right: -16px;
-  top: 0;
+.react-datepicker__quarter-text--in-range, .react-datepicker__quarter-text--in-selecting-range {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-in-range-bg);
+  color: var(--bs-datepicker-range-color);
 }
-
-.react-datepicker__year-dropdown,
-.react-datepicker__month-dropdown,
-.react-datepicker__month-year-dropdown {
-  background-color: #f0f0f0;
-  position: absolute;
-  width: 50%;
-  left: 25%;
-  top: 30px;
-  z-index: 1;
-  text-align: center;
-  border-radius: 0.3rem;
-  border: 1px solid #aeaeae;
+.react-datepicker__quarter-text--in-range[aria-disabled=true], .react-datepicker__quarter-text--in-selecting-range[aria-disabled=true] {
+  background-color: var(--bs-datepicker-in-range-disabled-bg);
+  color: var(--bs-datepicker-in-range-disabled-color);
 }
-.react-datepicker__year-dropdown:hover,
-.react-datepicker__month-dropdown:hover,
-.react-datepicker__month-year-dropdown:hover {
-  cursor: pointer;
+.react-datepicker__quarter-text--in-range:not(.react-datepicker__quarter-text--range-start,
+.react-datepicker__quarter-text--range-end,
+.react-datepicker__quarter-text--disabled):hover, .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__quarter-text--range-start,
+.react-datepicker__quarter-text--range-end,
+.react-datepicker__quarter-text--disabled):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
 }
-.react-datepicker__year-dropdown--scrollable,
-.react-datepicker__month-dropdown--scrollable,
-.react-datepicker__month-year-dropdown--scrollable {
-  height: 150px;
-  overflow-y: scroll;
+.react-datepicker__quarter-text--in-range:is(.react-datepicker__quarter-text--range-start, .react-datepicker__quarter-text--range-end):hover, .react-datepicker__quarter-text--in-selecting-range:is(.react-datepicker__quarter-text--range-start, .react-datepicker__quarter-text--range-end):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
 }
-
-.react-datepicker__year-option,
-.react-datepicker__month-option,
-.react-datepicker__month-year-option {
-  line-height: 20px;
-  width: 100%;
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
+.react-datepicker__quarter-text--range-start:not(.react-datepicker__quarter-text--disabled) {
+  color: var(--bs-datepicker-range-start-color);
+  background-color: var(--bs-datepicker-range-start-bg);
 }
-.react-datepicker__year-option:first-of-type,
-.react-datepicker__month-option:first-of-type,
-.react-datepicker__month-year-option:first-of-type {
-  border-top-left-radius: 0.3rem;
-  border-top-right-radius: 0.3rem;
+.react-datepicker__quarter-text--range-end:not(.react-datepicker__quarter-text--disabled) {
+  color: var(--bs-datepicker-range-end-color);
+  background-color: var(--bs-datepicker-range-end-bg);
 }
-.react-datepicker__year-option:last-of-type,
-.react-datepicker__month-option:last-of-type,
-.react-datepicker__month-year-option:last-of-type {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  border-bottom-left-radius: 0.3rem;
-  border-bottom-right-radius: 0.3rem;
-}
-.react-datepicker__year-option:hover,
-.react-datepicker__month-option:hover,
-.react-datepicker__month-year-option:hover {
-  background-color: #ccc;
-}
-.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
-.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
-.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
-  border-bottom-color: #b3b3b3;
-}
-.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
-.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
-.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
-  border-top-color: #b3b3b3;
-}
-.react-datepicker__year-option--selected,
-.react-datepicker__month-option--selected,
-.react-datepicker__month-year-option--selected {
-  position: absolute;
-  left: 15px;
+.react-datepicker__quarter-text--disabled {
+  cursor: default;
+  color: var(--bs-datepicker-day-disabled-color);
 }
-
-.react-datepicker__close-icon {
-  cursor: pointer;
-  background-color: transparent;
-  border: 0;
-  outline: 0;
-  padding: 0 6px 0 0;
+.react-datepicker__quarter-text--disabled .overlay {
   position: absolute;
-  top: 0;
-  right: 0;
-  height: 100%;
-  display: table-cell;
-  vertical-align: middle;
-}
-.react-datepicker__close-icon::after {
-  cursor: pointer;
-  background-color: #216ba5;
+  bottom: 70%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
   color: #fff;
-  border-radius: 50%;
-  height: 16px;
-  width: 16px;
-  padding: 2px;
-  font-size: 12px;
-  line-height: 1;
-  text-align: center;
-  display: table-cell;
-  vertical-align: middle;
-  content: "×";
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
 
-.react-datepicker__today-button {
-  background: #f0f0f0;
-  border-top: 1px solid #aeaeae;
+.react-datepicker__year-text {
   cursor: pointer;
-  text-align: center;
+}
+.react-datepicker__year-text:not([aria-disabled=true], .react-datepicker__year-text--selected):hover {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-day-hover-bg);
+}
+.react-datepicker__year-text--today {
   font-weight: bold;
-  padding: 5px 0;
-  clear: left;
+}
+.react-datepicker__year-text--highlighted {
+  border-radius: var(--bs-datepicker-highlighted-border-radius);
+  background-color: var(--bs-datepicker-highlighted-bg);
+  color: var(--bs-datepicker-highlighted-color);
+}
+.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
+}
+.react-datepicker__year-text--holidays {
+  position: relative;
+  border-radius: var(--bs-datepicker-holidays-border-radius);
+  background-color: var(--bs-datepicker-holidays-bg);
+  color: var(--bs-datepicker-holidays-color);
+}
+.react-datepicker__year-text--holidays .overlay {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
+}
+.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
+  background-color: var(--bs-datepicker-day-hover-bg);
+}
+.react-datepicker__year-text--holidays:hover .overlay {
+  visibility: visible;
+  opacity: 1;
+}
+.react-datepicker__year-text--selected {
+  color: var(--bs-datepicker-day-selected-color);
+  background-color: var(--bs-datepicker-day-selected-bg);
+  border-radius: var(--bs-datepicker-day-border-radius);
+}
+.react-datepicker__year-text--in-range, .react-datepicker__year-text--in-selecting-range {
+  border-radius: var(--bs-datepicker-day-border-radius);
+  background-color: var(--bs-datepicker-in-range-bg);
+  color: var(--bs-datepicker-range-color);
+}
+.react-datepicker__year-text--in-range[aria-disabled=true], .react-datepicker__year-text--in-selecting-range[aria-disabled=true] {
+  background-color: var(--bs-datepicker-in-range-disabled-bg);
+  color: var(--bs-datepicker-in-range-disabled-color);
+}
+.react-datepicker__year-text--in-range:not(.react-datepicker__year-text--range-start,
+.react-datepicker__year-text--range-end,
+.react-datepicker__year-text--disabled):hover, .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__year-text--range-start,
+.react-datepicker__year-text--range-end,
+.react-datepicker__year-text--disabled):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
+}
+.react-datepicker__year-text--in-range:is(.react-datepicker__year-text--range-start, .react-datepicker__year-text--range-end):hover, .react-datepicker__year-text--in-selecting-range:is(.react-datepicker__year-text--range-start, .react-datepicker__year-text--range-end):hover {
+  background-color: var(--bs-datepicker-in-range-hover-bg);
+}
+.react-datepicker__year-text--range-start:not(.react-datepicker__year-text--disabled) {
+  color: var(--bs-datepicker-range-start-color);
+  background-color: var(--bs-datepicker-range-start-bg);
+}
+.react-datepicker__year-text--range-end:not(.react-datepicker__year-text--disabled) {
+  color: var(--bs-datepicker-range-end-color);
+  background-color: var(--bs-datepicker-range-end-bg);
+}
+.react-datepicker__year-text--disabled {
+  cursor: default;
+  color: var(--bs-datepicker-day-disabled-color);
+}
+.react-datepicker__year-text--disabled .overlay {
+  position: absolute;
+  bottom: 70%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
 
+/* Removed following styles:
+view-calendar-icon
+year-read-view,
+month-read-view,
+month-year-read-view
+month-year-read-view
+year-dropdown,
+month-dropdown,
+month-year-dropdown
+year-option,
+month-option,
+month-year-option
+close-icon
+react-datepicker__navigation
+*/
 .react-datepicker__portal {
+  --bs-datepicker-portal-bg: rgba(var(--bs-black-rgb), 0.3);
   position: fixed;
   width: 100vw;
   height: 100vh;
-  background-color: rgba(0, 0, 0, 0.8);
+  background-color: var(--bs-datepicker-portal-bg);
   left: 0;
   top: 0;
   justify-content: center;
   align-items: center;
   display: flex;
-  z-index: 2147483647;
+  z-index: 1060;
 }
 .react-datepicker__portal .react-datepicker__day-name,
 .react-datepicker__portal .react-datepicker__day,
@@ -11815,10 +11792,6 @@ label .d-icon {
     line-height: 2rem;
   }
 }
-.react-datepicker__portal .react-datepicker__current-month,
-.react-datepicker__portal .react-datepicker-time__header {
-  font-size: 1.44rem;
-}
 
 .react-datepicker__children-container {
   width: 13.8rem;
@@ -11841,260 +11814,7 @@ label .d-icon {
   white-space: nowrap;
 }
 
-.react-datepicker__calendar-icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.125em;
-}
-
-.react-datepicker-wrapper {
-  width: 100%;
-  margin-inline: auto;
-}
-
-.react-datepicker {
-  --bs-datepicker-font-family: var(--bs-font-sans-serif);
-  --bs-datepicker-border: 0px;
-  --bs-datepicker-box-shadow: var(--bs-box-shadow);
-  --bs-datepicker-font-size: var(--bs-ref-spacer-4);
-  --bs-datepicker-header-gap: var(--bs-ref-spacer-4);
-  --bs-datepicker-header-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-7);
-  --bs-datepicker-header-background-color: var(--bs-secondary-soft);
-  --bs-datepicker-header-border: 0;
-  --bs-datepicker-header-font-size: var(--bs-fs-6);
-  --bs-datepicker-header-button-padding: 0;
-  --bs-datepicker-header-select-padding: 0 var(--bs-ref-spacer-1);
-  --bs-datepicker-header-select-font-weight: var(--bs-fw-bold);
-  --bs-datepicker-header-select-menu-width: fit-content;
-  --bs-datepicker-day-names-margin: 0;
-  --bs-datepicker-day-names-font-size: var(--bs-ref-spacer-4);
-  --bs-datepicker-day-name-weight: var(--bs-fw-bold);
-  --bs-datepicker-day-name-margin: 0;
-  --bs-datepicker-day-name-padding: 0;
-  --bs-datepicker-day-name-size: var(--bs-ref-spacer-5);
-  --bs-datepicker-day-name-color: var(--bs-gray-500);
-  --bs-datepicker-month-gap: .875rem;
-  --bs-datepicker-month-padding: var(--bs-ref-spacer-4) var(--bs-ref-spacer-7) var(--bs-ref-spacer-6);
-  --bs-datepicker-month-margin: 0;
-  --bs-datepicker-month-color: var(--bs-white);
-  --bs-datepicker-week-gap: var(--bs-ref-spacer-8);
-  --bs-datepicker-day-margin: 0;
-  --bs-datepicker-day-font-size: var(--bs-fs-small);
-  --bs-datepicker-day-size: var(--bs-ref-spacer-5);
-  --bs-datepicker-day-padding: 0;
-  --bs-datepicker-day-radius: 100%;
-  --bs-datepicker-day-color: var(--bs-gray-900);
-  --bs-datepicker-day-disabled-color: var(--bs-gray-300);
-  --bs-datepicker-day-color-hover: var(--bs-gray-900);
-  --bs-datepicker-day-bg-hover: var(--bs-info-100);
-  --bs-datepicker-day-selected-color: var(--bs-white);
-  --bs-datepicker-day-selected-bg: var(--bs-secondary-500);
-  --bs-datepicker-day-in-range-color: var(--bs-dark);
-  --bs-datepicker-day-in-range-bg: var(--bs-secondary-100);
-  --bs-datepicker-day-outside-month-color: var(--bs-gray-400);
-  --bs-datepicker-day-today-font-weight: var(--bs-fw-normal);
-  --bs-datepicker-day-today-box-shadow: 0 0 0 2px var(--bs-secondary);
-  --bs-datepicker-time-container-margin: 0;
-  --bs-datepicker-time-container-align: center;
-  --bs-datepicker-time-input-width: 50%;
-  --bs-datepicker-time-input-margin: 0;
-  --bs-datepicker-time-input-align: center;
-  --bs-datepicker-time-input-padding: var(--bs-ref-spacer-4);
-  --bs-datepicker-time-input-gap: var(--bs-ref-spacer-2);
-  --bs-datepicker-time-input-label-weight: var(--bs-fw-bold);
-  --bs-datepicker-time-input-label-color: var(--bs-gray-700);
-  --bs-datepicker-time-input-label-size: var(--bs-fs-small);
-  font-family: var(--bs-datepicker-font-family);
-  font-size: var(--bs-datepicker-font-size);
-  border: var(--bs-datepicker-border);
-  box-shadow: var(--bs-datepicker-box-shadow);
-  /* Start time selector */
-  /* End time selector */
-}
-.react-datepicker .react-datepicker__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--bs-datepicker-header-gap);
-  padding: var(--bs-datepicker-header-padding);
-  font-size: var(--bs-datepicker-header-font-size);
-  background-color: var(--bs-datepicker-header-background-color);
-  border: var(--bs-datepicker-header-border);
-}
-.react-datepicker .react-datepicker__header .react-datepicker__day-names {
-  display: flex;
-  gap: var(--bs-ref-spacer-8);
-  margin: var(--bs-datepicker-day-names-margin);
-  font-size: var(--bs-datepicker-day-names-font-size);
-}
-.react-datepicker .react-datepicker__header .react-datepicker__day-name {
-  width: var(--bs-datepicker-day-name-size);
-  height: var(--bs-datepicker-day-name-size);
-  padding: var(--bs-datepicker-day-name-padding);
-  margin: var(--bs-datepicker-day-name-margin);
-  font-weight: var(--bs-datepicker-day-name-weight);
-  line-height: var(--bs-datepicker-day-name-size);
-  color: var(--bs-datepicker-day-name-color);
-}
-.react-datepicker.d-month-picker .react-datepicker__month-container .d-icon {
-  --bs-icon-component-color: var(--bs-datepicker-month-color);
-}
-.react-datepicker .react-datepicker__month {
-  display: flex;
-  flex-direction: column;
-  gap: var(--bs-datepicker-month-gap);
-  padding: var(--bs-datepicker-month-padding);
-  margin: var(--bs-datepicker-month-margin);
-}
-.react-datepicker .react-datepicker__week {
-  display: flex;
-  gap: var(--bs-datepicker-week-gap);
-}
-.react-datepicker .react-datepicker__day {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--bs-datepicker-day-size);
-  height: var(--bs-datepicker-day-size);
-  padding: var(--bs-datepicker-day-padding);
-  margin: var(--bs-datepicker-day-margin);
-  font-size: var(--bs-datepicker-day-font-size);
-  line-height: var(--bs-datepicker-day-size);
-  color: var(--bs-datepicker-day-color);
-}
-.react-datepicker .react-datepicker__day.react-datepicker__day--in-range.react-datepicker__day--range-end, .react-datepicker .react-datepicker__day.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-end {
-  color: var(--bs-datepicker-day-selected-color);
-  background-color: var(--bs-datepicker-day-selected-bg);
-  box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
-}
-.react-datepicker .react-datepicker__day:not(.react-datepicker__day--selected,
-.react-datepicker__month-text--selected,
-.react-datepicker__quarter-text--selected,
-.react-datepicker__year-text--selected):hover,
-.react-datepicker .react-datepicker__month-text:not(.react-datepicker__day--selected,
-.react-datepicker__month-text--selected,
-.react-datepicker__quarter-text--selected,
-.react-datepicker__year-text--selected):hover,
-.react-datepicker .react-datepicker__quarter-text:not(.react-datepicker__day--selected,
-.react-datepicker__month-text--selected,
-.react-datepicker__quarter-text--selected,
-.react-datepicker__year-text--selected):hover,
-.react-datepicker .react-datepicker__year-text:not(.react-datepicker__day--selected,
-.react-datepicker__month-text--selected,
-.react-datepicker__quarter-text--selected,
-.react-datepicker__year-text--selected):hover {
-  color: var(--bs-datepicker-day-color-hover);
-  background-color: var(--bs-datepicker-day-bg-hover);
-  border-radius: var(--bs-datepicker-day-radius);
-  box-shadow: 0 0 0 2px var(--bs-datepicker-day-bg-hover);
-}
-.react-datepicker .react-datepicker__day--disabled {
-  color: var(--bs-datepicker-day-disabled-color);
-}
-.react-datepicker .react-datepicker__day--selected,
-.react-datepicker .react-datepicker__month--selected,
-.react-datepicker .react-datepicker__quarter--selected,
-.react-datepicker .react-datepicker__year--selected {
-  color: var(--bs-datepicker-day-selected-color);
-  background-color: var(--bs-datepicker-day-selected-bg);
-  border-radius: var(--bs-datepicker-day-radius);
-  box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
-}
-.react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-range.react-datepicker__day--range-start, .react-datepicker .react-datepicker__day--selected.react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start {
-  color: var(--bs-datepicker-day-selected-color);
-  background-color: var(--bs-datepicker-day-selected-bg);
-  box-shadow: 0 0 0 2px var(--bs-datepicker-day-selected-bg);
-}
-.react-datepicker .react-datepicker__day--in-range,
-.react-datepicker .react-datepicker__month-text--in-range,
-.react-datepicker .react-datepicker__quarter-text--in-range,
-.react-datepicker .react-datepicker__year-text--in-range,
-.react-datepicker .react-datepicker__day--in-selecting-range,
-.react-datepicker .react-datepicker__month-text--in-selecting-range,
-.react-datepicker .react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker .react-datepicker__year-text--in-selecting-range,
-.react-datepicker .react-datepicker__day--keyboard-selected,
-.react-datepicker .react-datepicker__month-text--keyboard-selected,
-.react-datepicker .react-datepicker__quarter-text--keyboard-selected,
-.react-datepicker .react-datepicker__year-text--keyboard-selected {
-  color: var(--bs-datepicker-day-in-range-color);
-  background-color: var(--bs-datepicker-day-in-range-bg);
-  border-radius: var(--bs-datepicker-day-radius);
-}
-.react-datepicker .react-datepicker__day--outside-month {
-  color: var(--bs-datepicker-day-outside-month-color);
-}
-.react-datepicker .react-datepicker-wrapper {
-  margin-inline: auto;
-}
-.react-datepicker .react-datepicker__input-time-container {
-  width: 100%;
-  margin: var(--bs-datepicker-time-container-margin);
-  text-align: var(--bs-datepicker-time-container-align);
-  border-top: var(--bs-border-width) solid var(--bs-light);
-}
-.react-datepicker .react-datepicker__input-time-container .react-datepicker-time__caption {
-  display: none;
-}
-.react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input-container {
-  width: 100%;
-}
-.react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
-  width: var(--bs-datepicker-time-input-width);
-  margin: var(--bs-datepicker-time-input-margin);
-  text-align: var(--bs-datepicker-time-input-align);
-  outline: 0;
-}
-.react-datepicker .react-datepicker__day--today {
-  font-weight: var(--bs-datepicker-day-today-font-weight);
-  border-radius: var(--bs-datepicker-day-radius);
-  box-shadow: var(--bs-datepicker-day-today-box-shadow);
-}
-.react-datepicker .d-datepicker-time {
-  gap: var(--bs-datepicker-time-input-gap);
-  padding: var(--bs-datepicker-time-input-padding);
-}
-.react-datepicker .d-datepicker-time .d-datepicker-time-label {
-  font-size: var(--bs-datepicker-time-input-label-size);
-  font-weight: var(--bs-datepicker-time-input-label-weight);
-  color: var(--bs-datepicker-time-input-label-color);
-}
-.react-datepicker .d-datepicker-header {
-  font-size: var(--bs-datepicker-header-font-size);
-}
-.react-datepicker .header-button {
-  --bs-btn-padding-y: var(--bs-datepicker-header-button-padding);
-  --bs-btn-padding-x: var(--bs-datepicker-header-button-padding);
-}
-.react-datepicker .header-button:hover, .react-datepicker .header-button:active {
-  color: inherit;
-  background-color: inherit;
-}
-.react-datepicker .header-button:focus {
-  --bs-btn-focus-outline-offset: 8px;
-}
-.react-datepicker .d-select:focus-within .input-group {
-  border-color: transparent;
-  box-shadow: none;
-}
-.react-datepicker .d-select .input-group {
-  --bs-input-border-width: 0;
-}
-.react-datepicker .d-select .d-select__indicators {
-  display: none;
-}
-.react-datepicker .d-select .d-select__control {
-  padding: var(--bs-datepicker-header-select-padding);
-  background-color: transparent;
-}
-.react-datepicker .d-select .d-select__single-value {
-  font-weight: var(--bs-datepicker-header-select-font-weight);
-}
-.react-datepicker .d-select__menu {
-  left: 50%;
-  min-width: var(--bs-datepicker-header-select-menu-width);
-  translate: -50%;
-}
-
+/* stylelint-enable */
 .d-datepicker-time {
   --bs-datepicker-time-input: 100%;
   --bs-datepicker-webkit-time-color: var(--bs-black);
@@ -12153,19 +11873,20 @@ label .d-icon {
 .d-box-file {
   --bs-box-file-gap: var(--bs-ref-spacer-4);
   --bs-box-file-bg: unset;
-  --bs-box-file-border: 1px dashed var(--bs-gray-700);
-  --bs-box-file-border-radius: var(--bs-border-radius);
+  --bs-box-file-border: 1px dashed var(--bs-gray-100);
+  --bs-box-file-border-radius: var(--bs-ref-spacer-1);
   --bs-box-file-padding: var(--bs-ref-spacer-8);
   --bs-box-file-content-max-width: 220px;
   --bs-box-file-icon-size: var(--bs-ref-spacer-14);
-  --bs-box-file-icon-color: var(--bs-secondary-300);
-  --bs-box-file-hover-border: 1px dashed var(--bs-secondary-700);
-  --bs-box-file-hover-bg: var(--bs-secondary-100);
-  --bs-box-file-selected-border: 1px dashed var(--bs-secondary-700);
+  --bs-box-file-icon-color: var(--bs-primary);
+  --bs-box-file-hover-border: 1px dashed var(--bs-primary-700);
+  --bs-box-file-hover-bg: var(--bs-primary-25);
+  --bs-box-file-selected-border: 1px dashed var(--bs-primary-700);
   --bs-box-file-selected-bg: var(--bs-white);
-  display: flex;
-  flex-direction: column;
-  gap: var(--bs-box-file-gap);
+  --bs-box-file-disabled-border: 1px dashed var(--bs-gray-300);
+  --bs-box-file-disabled-bg: var(--bs-gray-100);
+  --bs-box-file-valid-border: 1px dashed var(--bs-success);
+  --bs-box-file-invalid-border: 1px dashed var(--bs-danger);
   width: 100%;
   cursor: pointer;
   background: var(--bs-box-file-bg);
@@ -12180,6 +11901,17 @@ label .d-icon {
   background: var(--bs-box-file-selected-bg);
   border: var(--bs-box-file-selected-border);
 }
+.d-box-file.d-box-file-valid {
+  border: var(--bs-box-file-valid-border);
+}
+.d-box-file.d-box-file-invalid {
+  border: var(--bs-box-file-invalid-border);
+}
+.d-box-file.d-box-file-disabled {
+  cursor: default;
+  background: var(--bs-box-file-disabled-bg);
+  border: var(--bs-box-file-disabled-border);
+}
 .d-box-file .d-icon {
   --bs-icon-size: var(--bs-box-file-icon-size);
   --bs-icon-color: var(--bs-box-file-icon-color);
@@ -12192,20 +11924,21 @@ label .d-icon {
   width: 100%;
   padding: var(--bs-box-file-padding);
 }
-.d-box-file .d-box-file-dropzone:not(:last-child) {
-  padding-bottom: 0;
-}
 .d-box-file .d-box-content {
   max-width: var(--bs-box-file-content-max-width);
 }
-.d-box-file .d-box-files {
+
+.d-box-files {
+  --bs-box-file-list-gap: var(--bs-ref-spacer-4);
+  --bs-box-file-list-padding: var(--bs-ref-spacer-0);
   display: flex;
   flex-direction: column;
-  gap: var(--bs-box-file-gap);
-  padding: 0 var(--bs-box-file-padding) var(--bs-box-file-padding);
+  gap: var(--bs-box-file-list-gap);
+  padding: var(--bs-box-file-list-padding);
 }
-.d-box-file .d-box-files-text {
-  word-break: break-word;
+.d-box-files .input-group:focus-within {
+  --bs-input-focus-border-color: var(--bs-gray-100);
+  --bs-input-focus-box-shadow: none;
 }
 
 .splide__container {
@@ -12713,8 +12446,8 @@ label .d-icon {
 }
 .d-stepper-desktop.is-vertical .d-step .d-step-text-container {
   display: flex;
-  flex-direction: column;
   flex-grow: 1;
+  flex-direction: column;
   align-items: flex-start;
   min-height: var(--bs-step-label-height);
   padding: var(--bs-step-vertical-label-padding);
@@ -12837,12 +12570,17 @@ label .d-icon {
   --bs-select-option-is-checkbox-font-weight: var(--bs-fw-normal);
   --bs-select-option-is-checkbox-color: var(--bs-gray-900);
   --bs-select-option-has-icon-icon-size: var(--bs-ref-spacer-4);
-  --bs-select-multi-value-padding-x: var(--bs-select-gap);
-  --bs-select-multi-value-padding-y: 0;
+  --bs-select-multi-value-padding: 0 var(--bs-ref-spacer-1) 0 var(--bs-select-gap);
   --bs-select-multi-value-margin-right: var(--bs-select-gap);
-  --bs-select-multi-value-background: var(--bs-gray-100);
+  --bs-select-multi-value-background: var(--bs-secondary-100);
   --bs-select-multi-value-border-radius: 0.25rem;
   --bs-select-multi-value-label-color: var(--bs-secondary);
+  --bs-select-multi-value-remove-color: var(--bs-secondary);
+  --bs-select-multi-value-remove-hover-color: var(--bs-white);
+  --bs-select-multi-value-remove-hover-background: var(--bs-primary);
+  --bs-select-indicator-separator-width: 1px;
+  --bs-select-indicator-separator-margin: var(--bs-ref-spacer-0) var(--bs-ref-spacer-1);
+  --bs-select-indicator-separator-color: var(--bs-transparent);
   --bs-select-indicator-width: var(--bs-ref-spacer-4);
   --bs-select-indicator-height: var(--bs-ref-spacer-4);
 }
@@ -12961,14 +12699,23 @@ label .d-icon {
   color: var(--bs-select-option-is-checkbox-color);
 }
 .d-select .d-select__multi-value {
-  padding: var(--bs-select-multi-value-padding-y) var(--bs-select-multi-value-padding-x);
   margin-right: var(--bs-select-multi-value-margin-right);
   background: var(--bs-select-multi-value-background);
   border-radius: var(--bs-select-multi-value-border-radius);
 }
 .d-select .d-select__multi-value__label {
+  padding: var(--bs-select-multi-value-padding);
   color: var(--bs-select-multi-value-label-color);
 }
+.d-select .d-select__multi-value__remove {
+  color: var(--bs-select-multi-value-remove-color);
+}
+.d-select .d-select__multi-value__remove:hover {
+  color: var(--bs-select-multi-value-remove-hover-color);
+  background-color: var(--bs-select-multi-value-remove-hover-background);
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
 .d-select .d-select__control--has-icon,
 .d-select .d-select__option--has-icon {
   display: flex;
@@ -12988,8 +12735,16 @@ label .d-icon {
   width: var(--bs-select-indicator-width);
   height: var(--bs-select-indicator-height);
 }
-.d-select .d-select__indicator-separator {
-  width: var(--bs-select-gap);
+.d-select .d-select__indicator .d-icon {
+  --bs-icon-component-size: var(--bs-select-indicator-width);
+}
+.d-select .d-select__indicators .d-select__indicator-separator {
+  width: var(--bs-select-indicator-separator-width);
+  margin: var(--bs-select-indicator-separator-margin);
+  background-color: var(--bs-select-indicator-separator-color);
+}
+.d-select .d-select__indicators .d-select__indicator-separator:not(:first-child) {
+  --bs-select-indicator-separator-color: var(--bs-gray-100);
 }
 .d-select.disabled .d-select__control {
   background: var(--bs-input-disabled-bg);
@@ -13789,6 +13544,10 @@ label .d-icon {
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
   position: absolute !important;
 }
+.visually-hidden *,
+.visually-hidden-focusable:not(:focus):not(:focus-within) * {
+  overflow: hidden !important;
+}
 
 .stretched-link::after {
   position: absolute;
@@ -13831,10 +13590,10 @@ label .d-icon {
 
 [class*=text-truncate-] {
   display: -webkit-box;
-  -webkit-line-clamp: var(--bs-text-truncate);
-  -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
+  -webkit-line-clamp: var(--bs-text-truncate);
+  -webkit-box-orient: vertical;
   white-space: normal;
 }