@dynamic-framework/ui-react 2.0.0-dev.23 → 2.0.0-dev.24

package/dist/css/dynamic-ui.css

@@ -1,5 +1,5 @@
 /*!
- * dynamic-framework 2.0.0-dev.23
+ * dynamic-framework 2.0.0-dev.24
  * bootstrap ~5.3.8
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/LICENSE.md
  */
@@ -520,16 +520,6 @@
   --bs-fs-6: var(--bs-rfs-fs-6);
   --bs-rfs-fs-small: 0.875em;
   --bs-fs-small: var(--bs-rfs-fs-small);
-  --bs-rfs-fs-body-large: calc(1.275rem + 0.3vw);
-  --bs-fs-body-large: var(--bs-rfs-fs-body-large);
-  --bs-rfs-fs-body-medium: 1.25rem;
-  --bs-fs-body-medium: var(--bs-rfs-fs-body-medium);
-  --bs-rfs-fs-body-normal: 1rem;
-  --bs-fs-body-normal: var(--bs-rfs-fs-body-normal);
-  --bs-rfs-fs-body-small: 0.875rem;
-  --bs-fs-body-small: var(--bs-rfs-fs-body-small);
-  --bs-rfs-fs-body-tiny: 0.8125rem;
-  --bs-fs-body-tiny: var(--bs-rfs-fs-body-tiny);
   --bs-fw-lighter: lighter;
   --bs-fw-light: 200;
   --bs-fw-normal: 400;
@@ -1125,12 +1115,6 @@
     --bs-rfs-fs-4: 1.5rem;
   }
 }
-@media (min-width: 1200px) {
-  :root,
-  [data-bs-theme=dynamic] {
-    --bs-rfs-fs-body-large: 1.5rem;
-  }
-}
 
 *,
 *::before,
@@ -6093,15 +6077,15 @@ textarea.form-control-lg {
   --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
   --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
   --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
-  --bs-navbar-brand-padding-y: 0.40625rem;
+  --bs-navbar-brand-padding-y: 0.3125rem;
   --bs-navbar-brand-margin-end: 1rem;
-  --bs-navbar-brand-font-size: 1.125rem;
+  --bs-navbar-brand-font-size: 1.25rem;
   --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
   --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
   --bs-navbar-nav-link-padding-x: 0.5rem;
   --bs-navbar-toggler-padding-y: 0.25rem;
   --bs-navbar-toggler-padding-x: 0.75rem;
-  --bs-navbar-toggler-font-size: 1.125rem;
+  --bs-navbar-toggler-font-size: 1.25rem;
   --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var%28--bs-body-color-rgb%29, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
   --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
   --bs-navbar-toggler-border-radius: 0.5rem;
@@ -6949,7 +6933,7 @@ textarea.form-control-lg {
 .pagination-lg {
   --bs-pagination-padding-x: var(--bs-ref-spacer-1);
   --bs-pagination-padding-y: var(--bs-ref-spacer-1);
-  --bs-pagination-font-size: 1.125rem;
+  --bs-pagination-font-size: 1.25rem;
   --bs-pagination-border-radius: var(--bs-border-radius-lg);
 }
 
@@ -6968,7 +6952,7 @@ textarea.form-control-lg {
   --bs-alert-color: inherit;
   --bs-alert-border-color: transparent;
   --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
-  --bs-alert-border-radius: var(--bs-border-radius-sm);
+  --bs-alert-border-radius: var(--bs-border-radius);
   --bs-alert-link-color: inherit;
   position: relative;
   padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
@@ -9154,21 +9138,18 @@ textarea.form-control-lg {
   top: -1px;
 }
 
+/* stylelint-disable declaration-no-important */
 .lead {
   font-size: 1.25rem;
   font-weight: var(--bs-fw-normal);
 }
 
 [class*=display-] {
-  font-size: var(--bs-display-font-size);
+  font-size: var(--bs-display-font-size) !important;
   font-weight: var(--bs-fw-normal);
   line-height: var(--bs-heading-line-height);
 }
 
-[class*=fs-body-] {
-  font-size: var(--bs-fs-body-font-size);
-}
-
 .list-unstyled {
   padding-left: 0;
   list-style: none;
@@ -9218,8 +9199,8 @@ body {
   --bs-badge-icon-size: var(--bs-body-font-size);
   --bs-badge-bg: var(--bs-white);
   --bs-badge-color: var(--bs-gray-900);
-  --bs-badge-sm-font-size: var(--bs-fs-body-small);
-  --bs-badge-lg-font-size: var(--bs-fs-body-large);
+  --bs-badge-sm-font-size: var(--bs-fs-small);
+  --bs-badge-lg-font-size: var(--bs-fs-5);
   display: inline-flex;
   gap: var(--bs-badge-gap);
   align-items: center;
@@ -10688,8 +10669,8 @@ label {
 }
 
 .tooltip {
-  --bs-tooltip-sm-font-size: var(--bs-fs-body-small);
-  --bs-tooltip-lg-font-size: var(--bs-fs-body-medium);
+  --bs-tooltip-sm-font-size: var(--bs-fs-small);
+  --bs-tooltip-lg-font-size: var(--bs-fs-5);
 }
 .tooltip.tooltip-sm {
   --bs-tooltip-font-size: var(--bs-tooltip-sm-font-size);
@@ -10847,6 +10828,147 @@ label {
   color: var(--bs-icon-color);
 }
 
+.d-icon-has-circle {
+  --bs-icon-component-bg-opacity: .1;
+  --bs-icon-component-bg-color: rgba(var(--bs-body-color-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-primary {
+  --bs-icon-component-color: var(--bs-primary);
+}
+
+.d-icon-color-primary.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-primary-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-secondary {
+  --bs-icon-component-color: var(--bs-secondary);
+}
+
+.d-icon-color-secondary.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-secondary-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-success {
+  --bs-icon-component-color: var(--bs-success);
+}
+
+.d-icon-color-success.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-success-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-info {
+  --bs-icon-component-color: var(--bs-info);
+}
+
+.d-icon-color-info.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-info-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-warning {
+  --bs-icon-component-color: var(--bs-warning);
+}
+
+.d-icon-color-warning.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-warning-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-danger {
+  --bs-icon-component-color: var(--bs-danger);
+}
+
+.d-icon-color-danger.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-danger-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-light {
+  --bs-icon-component-color: var(--bs-light);
+}
+
+.d-icon-color-light.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-light-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-dark {
+  --bs-icon-component-color: var(--bs-dark);
+}
+
+.d-icon-color-dark.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-dark-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-indigo {
+  --bs-icon-component-color: var(--bs-indigo);
+}
+
+.d-icon-color-indigo.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-indigo-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-purple {
+  --bs-icon-component-color: var(--bs-purple);
+}
+
+.d-icon-color-purple.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-purple-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-pink {
+  --bs-icon-component-color: var(--bs-pink);
+}
+
+.d-icon-color-pink.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-pink-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-red {
+  --bs-icon-component-color: var(--bs-red);
+}
+
+.d-icon-color-red.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-red-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-orange {
+  --bs-icon-component-color: var(--bs-orange);
+}
+
+.d-icon-color-orange.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-orange-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-yellow {
+  --bs-icon-component-color: var(--bs-yellow);
+}
+
+.d-icon-color-yellow.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-yellow-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-green {
+  --bs-icon-component-color: var(--bs-green);
+}
+
+.d-icon-color-green.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-green-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-teal {
+  --bs-icon-component-color: var(--bs-teal);
+}
+
+.d-icon-color-teal.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-teal-rgb), var(--bs-icon-component-bg-opacity));
+}
+
+.d-icon-color-cyan {
+  --bs-icon-component-color: var(--bs-cyan);
+}
+
+.d-icon-color-cyan.d-icon-has-circle {
+  --bs-icon-component-bg-color: rgba(var(--bs-cyan-rgb), var(--bs-icon-component-bg-opacity));
+}
+
 .d-icon-loading {
   animation: loading-icon var(--bs-icon-loading-duration) infinite linear;
 }
@@ -13154,7 +13276,7 @@ react-datepicker__navigation
   --bs-input-phone-dropdown-shadow: 0;
   --bs-input-phone-dropdown-item-height: 28px;
   --bs-input-phone-dropdown-item-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-3);
-  --bs-input-phone-dropdown-item-font-size: var(--bs-fs-body-small);
+  --bs-input-phone-dropdown-item-font-size: var(--bs-font-size-sm);
   --bs-input-phone-dropdown-item-font-weight: var(--bs-fw-normal);
   --bs-input-phone-dropdown-item-background-color: var(--bs-white);
   --bs-input-phone-dropdown-item-text-color: var(--bs-body-color);
@@ -13377,32 +13499,38 @@ react-datepicker__navigation
   --bs-d-credit-card-padding: var(--bs-ref-spacer-4);
   --bs-d-credit-card-number-size: inherit;
   --bs-d-credit-card-chip-size: 30px;
+  --bs-d-credit-card-color: var(--bs-white);
+  --bs-d-credit-card-logo-size: 22%;
+  position: relative;
+  display: flex;
   flex-direction: column;
   aspect-ratio: var(--bs-d-credit-card-aspect-ratio);
   padding: var(--bs-d-credit-card-padding);
+  overflow: hidden;
+  color: var(--bs-d-credit-card-color);
   background: var(--bs-d-credit-card-bg);
-  --bs-d-credit-card-logo-size: 22%;
-}
-.d-credit-card > * {
-  display: flex;
-  align-items: center;
+  border-radius: var(--bs-border-radius-lg);
 }
-.d-credit-card .d-credit-card-details .name {
-  font-size: var(--bs-ref-fs-6);
+.d-credit-card .d-credit-card-details {
+  display: block;
+  margin-top: auto;
 }
-.d-credit-card .d-credit-card-details .date {
+.d-credit-card .d-credit-card-name {
   font-size: var(--bs-ref-fs-6);
 }
 .d-credit-card .d-credit-card-logo {
   width: var(--bs-d-credit-card-logo-size);
 }
 .d-credit-card .d-credit-card-chip {
+  padding: var(--bs-ref-spacer-1);
   background: var(--bs-d-credit-card-chip-bg);
+  border-radius: var(--bs-border-radius-sm);
 }
 .d-credit-card .d-credit-card-chip-image {
   width: var(--bs-d-credit-card-chip-size);
 }
 .d-credit-card .d-credit-card-number {
+  margin-bottom: var(--bs-ref-spacer-4);
   font-family: var(--bs-d-credit-card-font-family-number);
   font-size: var(--bs-d-credit-card-number-size);
 }
@@ -13412,10 +13540,15 @@ react-datepicker__navigation
   --bs-d-credit-card-logo-size: 30%;
 }
 .d-credit-card .d-credit-card-header {
+  display: flex;
   align-items: center;
   justify-content: space-between;
   min-height: 45px;
 }
+.d-credit-card .d-credit-card-holder-text {
+  display: block;
+  opacity: 0.5;
+}
 
 .clearfix::after {
   display: block;
@@ -13428,1747 +13561,971 @@ react-datepicker__navigation
   background-color: RGBA(var(--bs-primary-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-25:hover {
-  background-color: var(--bs-primary-25) !important;
-}
-
 .text-bg-primary-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-primary-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-50:hover {
-  background-color: var(--bs-primary-50) !important;
-}
-
 .text-bg-primary-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-primary-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-100:hover {
-  background-color: var(--bs-primary-100) !important;
-}
-
 .text-bg-primary-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-primary-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-200:hover {
-  background-color: var(--bs-primary-200) !important;
-}
-
 .text-bg-primary-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-primary-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-300:hover {
-  background-color: var(--bs-primary-300) !important;
-}
-
 .text-bg-primary-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-primary-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-400:hover {
-  background-color: var(--bs-primary-400) !important;
-}
-
 .text-bg-primary-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-primary-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-500:hover {
-  background-color: var(--bs-primary-500) !important;
-}
-
 .text-bg-primary-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-primary-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-600:hover {
-  background-color: var(--bs-primary-600) !important;
-}
-
 .text-bg-primary-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-primary-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-700:hover {
-  background-color: var(--bs-primary-700) !important;
-}
-
 .text-bg-primary-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-primary-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-800:hover {
-  background-color: var(--bs-primary-800) !important;
-}
-
 .text-bg-primary-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-primary-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary-900:hover {
-  background-color: var(--bs-primary-900) !important;
-}
-
 .text-bg-secondary-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-secondary-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-25:hover {
-  background-color: var(--bs-secondary-25) !important;
-}
-
 .text-bg-secondary-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-secondary-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-50:hover {
-  background-color: var(--bs-secondary-50) !important;
-}
-
 .text-bg-secondary-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-secondary-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-100:hover {
-  background-color: var(--bs-secondary-100) !important;
-}
-
 .text-bg-secondary-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-secondary-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-200:hover {
-  background-color: var(--bs-secondary-200) !important;
-}
-
 .text-bg-secondary-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-secondary-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-300:hover {
-  background-color: var(--bs-secondary-300) !important;
-}
-
 .text-bg-secondary-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-secondary-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-400:hover {
-  background-color: var(--bs-secondary-400) !important;
-}
-
 .text-bg-secondary-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-secondary-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-500:hover {
-  background-color: var(--bs-secondary-500) !important;
-}
-
 .text-bg-secondary-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-secondary-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-600:hover {
-  background-color: var(--bs-secondary-600) !important;
-}
-
 .text-bg-secondary-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-secondary-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-700:hover {
-  background-color: var(--bs-secondary-700) !important;
-}
-
 .text-bg-secondary-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-secondary-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-800:hover {
-  background-color: var(--bs-secondary-800) !important;
-}
-
 .text-bg-secondary-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-secondary-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-secondary-900:hover {
-  background-color: var(--bs-secondary-900) !important;
-}
-
 .text-bg-success-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-success-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-25:hover {
-  background-color: var(--bs-success-25) !important;
-}
-
 .text-bg-success-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-success-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-50:hover {
-  background-color: var(--bs-success-50) !important;
-}
-
 .text-bg-success-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-success-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-100:hover {
-  background-color: var(--bs-success-100) !important;
-}
-
 .text-bg-success-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-success-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-200:hover {
-  background-color: var(--bs-success-200) !important;
-}
-
 .text-bg-success-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-success-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-300:hover {
-  background-color: var(--bs-success-300) !important;
-}
-
 .text-bg-success-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-success-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-400:hover {
-  background-color: var(--bs-success-400) !important;
-}
-
 .text-bg-success-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-success-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-500:hover {
-  background-color: var(--bs-success-500) !important;
-}
-
 .text-bg-success-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-success-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-600:hover {
-  background-color: var(--bs-success-600) !important;
-}
-
 .text-bg-success-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-success-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-700:hover {
-  background-color: var(--bs-success-700) !important;
-}
-
 .text-bg-success-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-success-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-800:hover {
-  background-color: var(--bs-success-800) !important;
-}
-
 .text-bg-success-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-success-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success-900:hover {
-  background-color: var(--bs-success-900) !important;
-}
-
 .text-bg-info-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-info-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-25:hover {
-  background-color: var(--bs-info-25) !important;
-}
-
 .text-bg-info-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-info-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-50:hover {
-  background-color: var(--bs-info-50) !important;
-}
-
 .text-bg-info-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-info-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-100:hover {
-  background-color: var(--bs-info-100) !important;
-}
-
 .text-bg-info-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-info-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-200:hover {
-  background-color: var(--bs-info-200) !important;
-}
-
 .text-bg-info-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-info-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-300:hover {
-  background-color: var(--bs-info-300) !important;
-}
-
 .text-bg-info-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-info-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-400:hover {
-  background-color: var(--bs-info-400) !important;
-}
-
 .text-bg-info-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-info-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-500:hover {
-  background-color: var(--bs-info-500) !important;
-}
-
 .text-bg-info-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-info-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-600:hover {
-  background-color: var(--bs-info-600) !important;
-}
-
 .text-bg-info-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-info-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-700:hover {
-  background-color: var(--bs-info-700) !important;
-}
-
 .text-bg-info-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-info-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-800:hover {
-  background-color: var(--bs-info-800) !important;
-}
-
 .text-bg-info-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-info-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info-900:hover {
-  background-color: var(--bs-info-900) !important;
-}
-
 .text-bg-warning-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-25:hover {
-  background-color: var(--bs-warning-25) !important;
-}
-
 .text-bg-warning-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-50:hover {
-  background-color: var(--bs-warning-50) !important;
-}
-
 .text-bg-warning-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-100:hover {
-  background-color: var(--bs-warning-100) !important;
-}
-
 .text-bg-warning-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-200:hover {
-  background-color: var(--bs-warning-200) !important;
-}
-
 .text-bg-warning-300 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-300:hover {
-  background-color: var(--bs-warning-300) !important;
-}
-
 .text-bg-warning-400 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-400:hover {
-  background-color: var(--bs-warning-400) !important;
-}
-
 .text-bg-warning-500 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-500:hover {
-  background-color: var(--bs-warning-500) !important;
-}
-
 .text-bg-warning-600 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-warning-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-600:hover {
-  background-color: var(--bs-warning-600) !important;
-}
-
 .text-bg-warning-700 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-warning-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-700:hover {
-  background-color: var(--bs-warning-700) !important;
-}
-
 .text-bg-warning-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-warning-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-800:hover {
-  background-color: var(--bs-warning-800) !important;
-}
-
 .text-bg-warning-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-warning-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning-900:hover {
-  background-color: var(--bs-warning-900) !important;
-}
-
 .text-bg-danger-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-danger-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-25:hover {
-  background-color: var(--bs-danger-25) !important;
-}
-
 .text-bg-danger-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-danger-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-50:hover {
-  background-color: var(--bs-danger-50) !important;
-}
-
 .text-bg-danger-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-danger-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-100:hover {
-  background-color: var(--bs-danger-100) !important;
-}
-
 .text-bg-danger-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-danger-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-200:hover {
-  background-color: var(--bs-danger-200) !important;
-}
-
 .text-bg-danger-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-danger-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-300:hover {
-  background-color: var(--bs-danger-300) !important;
-}
-
 .text-bg-danger-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-danger-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-400:hover {
-  background-color: var(--bs-danger-400) !important;
-}
-
 .text-bg-danger-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-danger-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-500:hover {
-  background-color: var(--bs-danger-500) !important;
-}
-
 .text-bg-danger-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-danger-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-600:hover {
-  background-color: var(--bs-danger-600) !important;
-}
-
 .text-bg-danger-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-danger-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-700:hover {
-  background-color: var(--bs-danger-700) !important;
-}
-
 .text-bg-danger-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-danger-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-800:hover {
-  background-color: var(--bs-danger-800) !important;
-}
-
 .text-bg-danger-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-danger-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger-900:hover {
-  background-color: var(--bs-danger-900) !important;
-}
-
 .text-bg-indigo-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-indigo-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-25:hover {
-  background-color: var(--bs-indigo-25) !important;
-}
-
 .text-bg-indigo-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-indigo-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-50:hover {
-  background-color: var(--bs-indigo-50) !important;
-}
-
 .text-bg-indigo-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-indigo-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-100:hover {
-  background-color: var(--bs-indigo-100) !important;
-}
-
 .text-bg-indigo-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-indigo-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-200:hover {
-  background-color: var(--bs-indigo-200) !important;
-}
-
 .text-bg-indigo-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-indigo-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-300:hover {
-  background-color: var(--bs-indigo-300) !important;
-}
-
 .text-bg-indigo-400 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-indigo-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-400:hover {
-  background-color: var(--bs-indigo-400) !important;
-}
-
 .text-bg-indigo-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-indigo-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-500:hover {
-  background-color: var(--bs-indigo-500) !important;
-}
-
 .text-bg-indigo-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-indigo-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-600:hover {
-  background-color: var(--bs-indigo-600) !important;
-}
-
 .text-bg-indigo-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-indigo-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-700:hover {
-  background-color: var(--bs-indigo-700) !important;
-}
-
 .text-bg-indigo-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-indigo-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-800:hover {
-  background-color: var(--bs-indigo-800) !important;
-}
-
 .text-bg-indigo-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-indigo-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo-900:hover {
-  background-color: var(--bs-indigo-900) !important;
-}
-
 .text-bg-purple-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-purple-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-25:hover {
-  background-color: var(--bs-purple-25) !important;
-}
-
 .text-bg-purple-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-purple-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-50:hover {
-  background-color: var(--bs-purple-50) !important;
-}
-
 .text-bg-purple-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-purple-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-100:hover {
-  background-color: var(--bs-purple-100) !important;
-}
-
 .text-bg-purple-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-purple-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-200:hover {
-  background-color: var(--bs-purple-200) !important;
-}
-
 .text-bg-purple-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-purple-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-300:hover {
-  background-color: var(--bs-purple-300) !important;
-}
-
 .text-bg-purple-400 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-purple-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-400:hover {
-  background-color: var(--bs-purple-400) !important;
-}
-
 .text-bg-purple-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-purple-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-500:hover {
-  background-color: var(--bs-purple-500) !important;
-}
-
 .text-bg-purple-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-purple-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-600:hover {
-  background-color: var(--bs-purple-600) !important;
-}
-
 .text-bg-purple-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-purple-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-700:hover {
-  background-color: var(--bs-purple-700) !important;
-}
-
 .text-bg-purple-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-purple-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-800:hover {
-  background-color: var(--bs-purple-800) !important;
-}
-
 .text-bg-purple-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-purple-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple-900:hover {
-  background-color: var(--bs-purple-900) !important;
-}
-
 .text-bg-pink-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-pink-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-25:hover {
-  background-color: var(--bs-pink-25) !important;
-}
-
 .text-bg-pink-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-pink-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-50:hover {
-  background-color: var(--bs-pink-50) !important;
-}
-
 .text-bg-pink-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-pink-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-100:hover {
-  background-color: var(--bs-pink-100) !important;
-}
-
 .text-bg-pink-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-pink-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-200:hover {
-  background-color: var(--bs-pink-200) !important;
-}
-
 .text-bg-pink-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-pink-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-300:hover {
-  background-color: var(--bs-pink-300) !important;
-}
-
 .text-bg-pink-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-pink-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-400:hover {
-  background-color: var(--bs-pink-400) !important;
-}
-
 .text-bg-pink-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-pink-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-500:hover {
-  background-color: var(--bs-pink-500) !important;
-}
-
 .text-bg-pink-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-pink-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-600:hover {
-  background-color: var(--bs-pink-600) !important;
-}
-
 .text-bg-pink-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-pink-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-700:hover {
-  background-color: var(--bs-pink-700) !important;
-}
-
 .text-bg-pink-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-pink-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-800:hover {
-  background-color: var(--bs-pink-800) !important;
-}
-
 .text-bg-pink-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-pink-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink-900:hover {
-  background-color: var(--bs-pink-900) !important;
-}
-
 .text-bg-red-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-red-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-25:hover {
-  background-color: var(--bs-red-25) !important;
-}
-
 .text-bg-red-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-red-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-50:hover {
-  background-color: var(--bs-red-50) !important;
-}
-
 .text-bg-red-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-red-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-100:hover {
-  background-color: var(--bs-red-100) !important;
-}
-
 .text-bg-red-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-red-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-200:hover {
-  background-color: var(--bs-red-200) !important;
-}
-
 .text-bg-red-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-red-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-300:hover {
-  background-color: var(--bs-red-300) !important;
-}
-
 .text-bg-red-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-red-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-400:hover {
-  background-color: var(--bs-red-400) !important;
-}
-
 .text-bg-red-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-red-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-500:hover {
-  background-color: var(--bs-red-500) !important;
-}
-
 .text-bg-red-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-red-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-600:hover {
-  background-color: var(--bs-red-600) !important;
-}
-
 .text-bg-red-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-red-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-700:hover {
-  background-color: var(--bs-red-700) !important;
-}
-
 .text-bg-red-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-red-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-800:hover {
-  background-color: var(--bs-red-800) !important;
-}
-
 .text-bg-red-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-red-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red-900:hover {
-  background-color: var(--bs-red-900) !important;
-}
-
 .text-bg-orange-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-orange-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-25:hover {
-  background-color: var(--bs-orange-25) !important;
-}
-
 .text-bg-orange-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-orange-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-50:hover {
-  background-color: var(--bs-orange-50) !important;
-}
-
 .text-bg-orange-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-orange-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-100:hover {
-  background-color: var(--bs-orange-100) !important;
-}
-
 .text-bg-orange-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-orange-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-200:hover {
-  background-color: var(--bs-orange-200) !important;
-}
-
 .text-bg-orange-300 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-orange-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-300:hover {
-  background-color: var(--bs-orange-300) !important;
-}
-
 .text-bg-orange-400 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-orange-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-400:hover {
-  background-color: var(--bs-orange-400) !important;
-}
-
 .text-bg-orange-500 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-orange-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-500:hover {
-  background-color: var(--bs-orange-500) !important;
-}
-
 .text-bg-orange-600 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-orange-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-600:hover {
-  background-color: var(--bs-orange-600) !important;
-}
-
 .text-bg-orange-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-orange-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-700:hover {
-  background-color: var(--bs-orange-700) !important;
-}
-
 .text-bg-orange-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-orange-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-800:hover {
-  background-color: var(--bs-orange-800) !important;
-}
-
 .text-bg-orange-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-orange-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange-900:hover {
-  background-color: var(--bs-orange-900) !important;
-}
-
 .text-bg-yellow-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-25:hover {
-  background-color: var(--bs-yellow-25) !important;
-}
-
 .text-bg-yellow-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-50:hover {
-  background-color: var(--bs-yellow-50) !important;
-}
-
 .text-bg-yellow-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-100:hover {
-  background-color: var(--bs-yellow-100) !important;
-}
-
 .text-bg-yellow-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-200:hover {
-  background-color: var(--bs-yellow-200) !important;
-}
-
 .text-bg-yellow-300 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-300:hover {
-  background-color: var(--bs-yellow-300) !important;
-}
-
 .text-bg-yellow-400 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-400:hover {
-  background-color: var(--bs-yellow-400) !important;
-}
-
 .text-bg-yellow-500 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-500:hover {
-  background-color: var(--bs-yellow-500) !important;
-}
-
 .text-bg-yellow-600 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-yellow-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-600:hover {
-  background-color: var(--bs-yellow-600) !important;
-}
-
 .text-bg-yellow-700 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-yellow-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-700:hover {
-  background-color: var(--bs-yellow-700) !important;
-}
-
 .text-bg-yellow-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-yellow-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-800:hover {
-  background-color: var(--bs-yellow-800) !important;
-}
-
 .text-bg-yellow-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-yellow-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow-900:hover {
-  background-color: var(--bs-yellow-900) !important;
-}
-
 .text-bg-green-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-green-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-25:hover {
-  background-color: var(--bs-green-25) !important;
-}
-
 .text-bg-green-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-green-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-50:hover {
-  background-color: var(--bs-green-50) !important;
-}
-
 .text-bg-green-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-green-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-100:hover {
-  background-color: var(--bs-green-100) !important;
-}
-
 .text-bg-green-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-green-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-200:hover {
-  background-color: var(--bs-green-200) !important;
-}
-
 .text-bg-green-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-green-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-300:hover {
-  background-color: var(--bs-green-300) !important;
-}
-
 .text-bg-green-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-green-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-400:hover {
-  background-color: var(--bs-green-400) !important;
-}
-
 .text-bg-green-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-green-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-500:hover {
-  background-color: var(--bs-green-500) !important;
-}
-
 .text-bg-green-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-green-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-600:hover {
-  background-color: var(--bs-green-600) !important;
-}
-
 .text-bg-green-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-green-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-700:hover {
-  background-color: var(--bs-green-700) !important;
-}
-
 .text-bg-green-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-green-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-800:hover {
-  background-color: var(--bs-green-800) !important;
-}
-
 .text-bg-green-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-green-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green-900:hover {
-  background-color: var(--bs-green-900) !important;
-}
-
 .text-bg-teal-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-25:hover {
-  background-color: var(--bs-teal-25) !important;
-}
-
 .text-bg-teal-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-50:hover {
-  background-color: var(--bs-teal-50) !important;
-}
-
 .text-bg-teal-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-100:hover {
-  background-color: var(--bs-teal-100) !important;
-}
-
 .text-bg-teal-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-200:hover {
-  background-color: var(--bs-teal-200) !important;
-}
-
 .text-bg-teal-300 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-300:hover {
-  background-color: var(--bs-teal-300) !important;
-}
-
 .text-bg-teal-400 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-400:hover {
-  background-color: var(--bs-teal-400) !important;
-}
-
 .text-bg-teal-500 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-500:hover {
-  background-color: var(--bs-teal-500) !important;
-}
-
 .text-bg-teal-600 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-teal-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-600:hover {
-  background-color: var(--bs-teal-600) !important;
-}
-
 .text-bg-teal-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-teal-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-700:hover {
-  background-color: var(--bs-teal-700) !important;
-}
-
 .text-bg-teal-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-teal-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-800:hover {
-  background-color: var(--bs-teal-800) !important;
-}
-
 .text-bg-teal-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-teal-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal-900:hover {
-  background-color: var(--bs-teal-900) !important;
-}
-
 .text-bg-cyan-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-25:hover {
-  background-color: var(--bs-cyan-25) !important;
-}
-
 .text-bg-cyan-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-50:hover {
-  background-color: var(--bs-cyan-50) !important;
-}
-
 .text-bg-cyan-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-100:hover {
-  background-color: var(--bs-cyan-100) !important;
-}
-
 .text-bg-cyan-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-200:hover {
-  background-color: var(--bs-cyan-200) !important;
-}
-
 .text-bg-cyan-300 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-300:hover {
-  background-color: var(--bs-cyan-300) !important;
-}
-
 .text-bg-cyan-400 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-400:hover {
-  background-color: var(--bs-cyan-400) !important;
-}
-
 .text-bg-cyan-500 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-500:hover {
-  background-color: var(--bs-cyan-500) !important;
-}
-
 .text-bg-cyan-600 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-cyan-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-600:hover {
-  background-color: var(--bs-cyan-600) !important;
-}
-
 .text-bg-cyan-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-cyan-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-700:hover {
-  background-color: var(--bs-cyan-700) !important;
-}
-
 .text-bg-cyan-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-cyan-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-800:hover {
-  background-color: var(--bs-cyan-800) !important;
-}
-
 .text-bg-cyan-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-cyan-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan-900:hover {
-  background-color: var(--bs-cyan-900) !important;
-}
-
 .text-bg-primary {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-primary:hover {
-  background-color: var(--bs-primary) !important;
-}
-
 .text-bg-secondary {
   color: var(--bs-secondary-700);
   background: var(--bs-secondary-50);
 }
 
-.hover-bg-secondary:hover {
-  background-color: var(--bs-secondary) !important;
-}
-
 .text-bg-success {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-success:hover {
-  background-color: var(--bs-success) !important;
-}
-
 .text-bg-info {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-info:hover {
-  background-color: var(--bs-info) !important;
-}
-
 .text-bg-warning {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-warning:hover {
-  background-color: var(--bs-warning) !important;
-}
-
 .text-bg-danger {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-danger:hover {
-  background-color: var(--bs-danger) !important;
-}
-
 .text-bg-light {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-light:hover {
-  background-color: var(--bs-light) !important;
-}
-
 .text-bg-dark {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-dark:hover {
-  background-color: var(--bs-dark) !important;
-}
-
 .text-bg-indigo {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-indigo-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-indigo:hover {
-  background-color: var(--bs-indigo) !important;
-}
-
 .text-bg-purple {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-purple:hover {
-  background-color: var(--bs-purple) !important;
-}
-
 .text-bg-pink {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-pink-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-pink:hover {
-  background-color: var(--bs-pink) !important;
-}
-
 .text-bg-red {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-red-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-red:hover {
-  background-color: var(--bs-red) !important;
-}
-
 .text-bg-orange {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-orange-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-orange:hover {
-  background-color: var(--bs-orange) !important;
-}
-
 .text-bg-yellow {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-yellow-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-yellow:hover {
-  background-color: var(--bs-yellow) !important;
-}
-
 .text-bg-green {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-green-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-green:hover {
-  background-color: var(--bs-green) !important;
-}
-
 .text-bg-teal {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-teal-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-teal:hover {
-  background-color: var(--bs-teal) !important;
-}
-
 .text-bg-cyan {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-cyan-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-cyan:hover {
-  background-color: var(--bs-cyan) !important;
-}
-
 .text-bg-gray-25 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-gray-25-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-25:hover {
-  background-color: var(--bs-gray-25) !important;
-}
-
 .text-bg-gray-50 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-gray-50-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-50:hover {
-  background-color: var(--bs-gray-50) !important;
-}
-
 .text-bg-gray-100 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-gray-100-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-100:hover {
-  background-color: var(--bs-gray-100) !important;
-}
-
 .text-bg-gray-200 {
   color: var(--bs-gray-700) !important;
   background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-200:hover {
-  background-color: var(--bs-gray-200) !important;
-}
-
 .text-bg-gray-300 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-gray-300-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-300:hover {
-  background-color: var(--bs-gray-300) !important;
-}
-
 .text-bg-gray-400 {
   color: var(--bs-black) !important;
   background-color: RGBA(var(--bs-gray-400-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-400:hover {
-  background-color: var(--bs-gray-400) !important;
-}
-
 .text-bg-gray-500 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-gray-500-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-500:hover {
-  background-color: var(--bs-gray-500) !important;
-}
-
 .text-bg-gray-600 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-gray-600-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-600:hover {
-  background-color: var(--bs-gray-600) !important;
-}
-
 .text-bg-gray-700 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-gray-700-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-700:hover {
-  background-color: var(--bs-gray-700) !important;
-}
-
 .text-bg-gray-800 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-gray-800-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-800:hover {
-  background-color: var(--bs-gray-800) !important;
-}
-
 .text-bg-gray-900 {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-gray-900-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray-900:hover {
-  background-color: var(--bs-gray-900) !important;
-}
-
 .text-bg-gray {
   color: var(--bs-white) !important;
   background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important;
 }
 
-.hover-bg-gray:hover {
-  background-color: var(--bs-gray) !important;
-}
-
 .text-primary-bg-color {
   color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
   background-color: RGBA(var(--bs-primary-100-rgb), var(--bs-bg-opacity, 1)) !important;
@@ -18860,6 +18217,10 @@ react-datepicker__navigation
   font-size: var(--bs-fs-6) !important;
 }
 
+.fs-body {
+  font-size: var(--bs-body-font-size) !important;
+}
+
 .fst-italic {
   font-style: italic !important;
 }
@@ -21927,26 +21288,6 @@ react-datepicker__navigation
   text-wrap: wrap !important;
 }
 
-.fs-body-large {
-  --bs-fs-body-font-size: var(--bs-fs-body-large);
-}
-
-.fs-body-medium {
-  --bs-fs-body-font-size: var(--bs-fs-body-medium);
-}
-
-.fs-body-normal {
-  --bs-fs-body-font-size: var(--bs-fs-body-normal);
-}
-
-.fs-body-small {
-  --bs-fs-body-font-size: var(--bs-fs-body-small);
-}
-
-.fs-body-tiny {
-  --bs-fs-body-font-size: var(--bs-fs-body-tiny);
-}
-
 @media (min-width: 576px) {
   .float-sm-start {
     float: left !important;
@@ -23962,6 +23303,9 @@ react-datepicker__navigation
   .fs-sm-6 {
     font-size: var(--bs-fs-6) !important;
   }
+  .fs-sm-body {
+    font-size: var(--bs-body-font-size) !important;
+  }
   .fw-sm-lighter {
     font-weight: var(--bs-fw-lighter) !important;
   }
@@ -24100,21 +23444,6 @@ react-datepicker__navigation
   .text-wrap-sm-wrap {
     text-wrap: wrap !important;
   }
-  .fs-body-sm-large {
-    --bs-fs-body-font-size: var(--bs-fs-body-large);
-  }
-  .fs-body-sm-medium {
-    --bs-fs-body-font-size: var(--bs-fs-body-medium);
-  }
-  .fs-body-sm-normal {
-    --bs-fs-body-font-size: var(--bs-fs-body-normal);
-  }
-  .fs-body-sm-small {
-    --bs-fs-body-font-size: var(--bs-fs-body-small);
-  }
-  .fs-body-sm-tiny {
-    --bs-fs-body-font-size: var(--bs-fs-body-tiny);
-  }
 }
 @media (min-width: 768px) {
   .float-md-start {
@@ -26131,6 +25460,9 @@ react-datepicker__navigation
   .fs-md-6 {
     font-size: var(--bs-fs-6) !important;
   }
+  .fs-md-body {
+    font-size: var(--bs-body-font-size) !important;
+  }
   .fw-md-lighter {
     font-weight: var(--bs-fw-lighter) !important;
   }
@@ -26269,21 +25601,6 @@ react-datepicker__navigation
   .text-wrap-md-wrap {
     text-wrap: wrap !important;
   }
-  .fs-body-md-large {
-    --bs-fs-body-font-size: var(--bs-fs-body-large);
-  }
-  .fs-body-md-medium {
-    --bs-fs-body-font-size: var(--bs-fs-body-medium);
-  }
-  .fs-body-md-normal {
-    --bs-fs-body-font-size: var(--bs-fs-body-normal);
-  }
-  .fs-body-md-small {
-    --bs-fs-body-font-size: var(--bs-fs-body-small);
-  }
-  .fs-body-md-tiny {
-    --bs-fs-body-font-size: var(--bs-fs-body-tiny);
-  }
 }
 @media (min-width: 992px) {
   .float-lg-start {
@@ -28300,6 +27617,9 @@ react-datepicker__navigation
   .fs-lg-6 {
     font-size: var(--bs-fs-6) !important;
   }
+  .fs-lg-body {
+    font-size: var(--bs-body-font-size) !important;
+  }
   .fw-lg-lighter {
     font-weight: var(--bs-fw-lighter) !important;
   }
@@ -28438,21 +27758,6 @@ react-datepicker__navigation
   .text-wrap-lg-wrap {
     text-wrap: wrap !important;
   }
-  .fs-body-lg-large {
-    --bs-fs-body-font-size: var(--bs-fs-body-large);
-  }
-  .fs-body-lg-medium {
-    --bs-fs-body-font-size: var(--bs-fs-body-medium);
-  }
-  .fs-body-lg-normal {
-    --bs-fs-body-font-size: var(--bs-fs-body-normal);
-  }
-  .fs-body-lg-small {
-    --bs-fs-body-font-size: var(--bs-fs-body-small);
-  }
-  .fs-body-lg-tiny {
-    --bs-fs-body-font-size: var(--bs-fs-body-tiny);
-  }
 }
 @media (min-width: 1200px) {
   .float-xl-start {
@@ -30469,6 +29774,9 @@ react-datepicker__navigation
   .fs-xl-6 {
     font-size: var(--bs-fs-6) !important;
   }
+  .fs-xl-body {
+    font-size: var(--bs-body-font-size) !important;
+  }
   .fw-xl-lighter {
     font-weight: var(--bs-fw-lighter) !important;
   }
@@ -30607,21 +29915,6 @@ react-datepicker__navigation
   .text-wrap-xl-wrap {
     text-wrap: wrap !important;
   }
-  .fs-body-xl-large {
-    --bs-fs-body-font-size: var(--bs-fs-body-large);
-  }
-  .fs-body-xl-medium {
-    --bs-fs-body-font-size: var(--bs-fs-body-medium);
-  }
-  .fs-body-xl-normal {
-    --bs-fs-body-font-size: var(--bs-fs-body-normal);
-  }
-  .fs-body-xl-small {
-    --bs-fs-body-font-size: var(--bs-fs-body-small);
-  }
-  .fs-body-xl-tiny {
-    --bs-fs-body-font-size: var(--bs-fs-body-tiny);
-  }
 }
 @media (min-width: 1400px) {
   .float-xxl-start {
@@ -32638,6 +31931,9 @@ react-datepicker__navigation
   .fs-xxl-6 {
     font-size: var(--bs-fs-6) !important;
   }
+  .fs-xxl-body {
+    font-size: var(--bs-body-font-size) !important;
+  }
   .fw-xxl-lighter {
     font-weight: var(--bs-fw-lighter) !important;
   }
@@ -32776,21 +32072,6 @@ react-datepicker__navigation
   .text-wrap-xxl-wrap {
     text-wrap: wrap !important;
   }
-  .fs-body-xxl-large {
-    --bs-fs-body-font-size: var(--bs-fs-body-large);
-  }
-  .fs-body-xxl-medium {
-    --bs-fs-body-font-size: var(--bs-fs-body-medium);
-  }
-  .fs-body-xxl-normal {
-    --bs-fs-body-font-size: var(--bs-fs-body-normal);
-  }
-  .fs-body-xxl-small {
-    --bs-fs-body-font-size: var(--bs-fs-body-small);
-  }
-  .fs-body-xxl-tiny {
-    --bs-fs-body-font-size: var(--bs-fs-body-tiny);
-  }
 }
 .hover\:align-baseline:hover {
   vertical-align: baseline !important;
@@ -35865,6 +35146,10 @@ react-datepicker__navigation
   font-size: var(--bs-fs-6) !important;
 }
 
+.hover\:fs-body:hover {
+  font-size: var(--bs-body-font-size) !important;
+}
+
 .hover\:fst-italic:hover {
   font-style: italic !important;
 }
@@ -45608,6 +44893,15 @@ react-datepicker__navigation
   font-size: var(--bs-fs-6) !important;
 }
 
+@media (prefers-color-scheme: dark) {
+  .dark\:fs-body {
+    font-size: var(--bs-body-font-size) !important;
+  }
+}
+.dark .dark\:fs-body {
+  font-size: var(--bs-body-font-size) !important;
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:fst-italic {
     font-style: italic !important;